분류 전체보기(98)
-
REACT self study & Notes
✅ react 기초 학습 https://react.vlpt.us/ 벨로퍼트와 함께하는 모던 리액트 · GitBook 벨로퍼트와 함께하는 모던 리액트 본 강의자료는 패스트캠퍼스 온라인 강의에서 제공하는 리액트 강의에서 사용되는 강의 문서입니다. 이 튜토리얼은 여러분들이 JavaScript 의 기초를 잘 알고있 react.vlpt.us ✅ Notes 1장-09 : 'proxy' https://hyunseob.github.io/2016/08/17/javascript-proxy/ JavaScript 프록시(Proxy) Proxy As a Design Pattern 프록시는 일반적으로 다른 어떤 클래스의 인터페이스로 동작하는 클래스이다. (중략) 요컨대, 프록시는 내부적으로 실제의 객체(real subject)에..
2022.08.23 -
[Network] 책 정리 : 모두의 네트워크 (2)
Lesson 03. 물리계층 : 데이터를 전기 신호로 변환하기 물리 계층의 역할과 랜 카드의 구조 - 0과 1로 이루어진 비트열을 전기신호로 변환하려면 물리 계층의 기술이 필요함 - 2가지 전기 신호 : 1) 아날로그 신호 : 물결모양 전기신호 (전화 회선, 라디오 방송) 2) 디지털 신호 : 막대 모양 전기신호 (데이터 전송) 데이터 송신 -> 0,1로 이루어진 데이터 ---> 전기신호로 전송 ---> 데이터 수신 -> 0,1 집합으로 복원 컴퓨터의 랜 카드가 0,1의 데이터를 전기신호로 변환함 - 물리계층 : 컴퓨터와 네트워크 장비를 연결하고 장비 간에 전송되는 데이터를 전기신호로 변환함 케이블의 종류과 구조 - 전송 매체 : 데이터가 흐르는 물리적인 선로 (유선 & 무선) - 트위스트 페어 케이블 ..
2022.08.21 -
[Network] 책 정리 : 모두의 네트워크 (1)
Lesson 01. 네트워크 첫걸음 네트워크 구조 - 네트워크 : 2대 이상의 컴퓨터가 연결되어 있으며 서로 데이터를 주고 받을 수 있음 - 인터넷 : 전 세계의 큰 네트워크부터 작은 네트워크까지 연결하는 거대한 네트워크 - 패킷(packet) : 데이터를 주고받을 때 네트워크를 통해 전송되는 데이터의 작은 조각 큰 데이터 -> 작은 데이터로 나눠서 보내는게 규칙, 네트워크 정체를 방지함 패킷에 순서대호 번호를 붙여 수신 후 다시 정렬 하여 원래의 사진으로 되돌릴 수 있다 정보를 나타내는 단위 - 디지털 데이터 : 컴퓨터가 다를 수 있는 숫자 0과 1의 집합 - 비트(bit) : 0과 1의 정보를 나타내는 최소 단위 - 바이트(byte) : 1비트를 8개 모음, 1 바이트 = 8 비트 랜과 왠 (접속할 ..
2022.08.04 -
[test tool 1] Puppeteer란?
소개 puppeteer은 구글에서 만든 노드 라이브러리로 Headless Chrome 또는 Chrominum을 제어할 수 있다. * headless? 백그라운드에서 작동하는 브라우저이다. 때문에 일반 사용자가 브라우저를 사용할 때처럼 화면에 창이 시각적으로 보이지 않는다. 보이는 화면은 없지만, 실제로 띄워진 화면에서 화면 테스트를 하듯이 테스트를 할 수 있다. puppeteer에서는 옵션 설정을 통해 headless모드와 non-headless모드 둘 다 사용할 수 있다. const browser = await puppeteer.launch({ headless: false }); // default is true 우리는 puppeteer를 통해 다음과 같은 것들을 할 수 있다 : - 화면을 스크린샷하거..
2022.01.27 -
앵귤러 라우팅 : ng-component와 selector에 대해
앵귤러로 UI 개발을 하면서 개발자 도구를 켜보면 'ng-component'라는 게 자동으로 만들어져 있는 것을 발견할 수 있다. 앵귤러는 디렉티브를 통해 컴포넌트들을 렌더링 해주는데, 이때 안에다가 자동으로 라우팅 된 컴포넌트를 그려 넣는다. 다시 말해서, ng-component는 삽입되는 엘리먼트의 기본 태그 이름이다. https://www.bennadel.com/blog/3350-routable-view-components-dont-need-selectors-in-angular-4-4-4-but-they-may-be-helpful.htm Routable View Components Don't Need Selectors In Angular 4.4.4 - But They May Be Helpful Be..
2021.11.09 -
spring security 사용하여 암호화하기
org.springframework.security spring-security-web 5.1.2.RELEASE org.springframework.security spring-security-core 5.1.2.RELEASE org.springframework.security spring-security-config 5.1.2.RELEASE package com.bitcamp.mvc; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder; import org.springframework.stereotype.Contro..
2021.07.09