분류 전체보기 (38) 썸네일형 리스트형 [Jest] describe describe: 연관된 test 목록을 그룹핑 시켜주어 테스트 결과를 표시하도록 합니다. 클래스, 컴포넌트과 관련된 테스트를 그룹핑하여 테스트하는데 이용할 수 있습니다. 사용 예) const myBeverage = { delicious: true, sour: false, }; const sum = (a, b) => { return a + b; } test('sum a + b', () => { expect(sum(1, 2)).toBe(3); }); describe('my beverage', () => { test('is delicious', () => { expect(myBeverage.delicious).toBeTruthy(); }); test('is not sour', () => { expect(my.. [NodeJS] EventEmitter EventEmitter: 이벤트를 발생시키는 클래스. 특정 이벤트가 발생할 때마다 함수가 호출됨. 사용되는 곳 fs.ReadStream: 파일을 오픈했을 때 이벤트가 발생됨 net.Server: 피어가 연결될 때 마다 이벤트가 발생됨 예제 코드 const EventEmitter = require('events'); class MyEmitter extends EventEmitter {} // EventEmitter 상속 const myEmitter = new MyEmitter(); myEmitter.on('event', () => { // 'event' 이름의 event 등록. console.log('an event occurred!'); }); myEmitter.emit('event'); // 'even.. [JS] 웹 워커 (Web Worker) 웹 워커? 웹 브라우저에서 스레드를 사용하여 script를 백그라운드에서 수행할 수 있도록 해줌 Web Workers API postMessage : Worker 자신의 내부 영역으로 메시지를 전달. 해당 메소드는 Worker 자신에게 보낸 data를 받음 terminate : 즉시 Worker를 종료 onmessage : Worker 객체의 message 이벤트를 구독하면 워커로부터의 메시지를 전달받을 수 있다. onerror : Worker 객체가 예외를 발생시켰으나 내부적으로 처리되지는 않았다면, 해당 예외는 onerror에 전파된다. 활용 방법 1. 백그라운드에서 수행할 작업을 js에 작성(onmessage 함수) // js/worker.js onmessage = function (e) { con.. [Docker] Docker 터미널 명령어 1. 이미지 목록 확인 $ docker images 2. 컨테이너 생성 $ docker run -i -t -p 호스트포트:컨테이너포트 --name 컨테이너명(ID) 이미지명(ID) -i : interactive 옵션. 사용자에게 출력을 보여줌 -t : tty 옵션. 사용자에게 text terminal 환경을 조성해줌 --name: 컨테이너의 이름을 설정함. 해당 옵션을 주지 않을 경우 docker가 알아서 이름을 지어서 생성 -p: 호스트포트와 컨테이너포트를 연결하도록 하는 옵션 -expose: 컨테이너포트만 열어주는 옵션 3. 컨테이너 실행 $ docker start 컨테이너이름(ID) 4. 컨테이너 접속 $ docker attach 컨테이너이름(ID) 5. 컨테이너 목록 $ docker ps -a -.. [JS 기초] Generator 함수 Generator 함수: 빠져나갔다가 나중에 다시 실행할 수 있는 함수 입니다. 이때 컨텍스트(변수 값)는 출입 과정에서 저장된 상태로 남아 있습니다. 문법: function* name([param[, param[, ... param]]]) { statements } Generator 함수는 호출되어도 즉시 실행되지 않고, 대신 함수를 위한 iterator 객체가 반환 Iterator의 next() 메서드를 호출하면 Generator 함수가 실행되어 yield 문을 만날 때까지 진행합니다. 이후 다시 next() 메서드가 호출되면 진행이 멈췄던 위치에서부터 재실행합니다. next() 가 반환하는 객체는 yield문이 반환할 값(yielded value)을 나타내는 value 속성과, Generator 함.. [정리] Thinking in React 1. UI를 계층적으로 쪼개라 - Single Responsibiliry Principle. 하나의 컴포넌트는 하나의 역할만 하도록 분리 2. 정적인 페이지를 만들기 - 재사용 가능한 컴포넌트와 props를 이용하여 데이터 모델을 렌더하는 정적인 페이지를 만들기 - 상호작용하는 페이지가 아닌 이상 state를 굳이 사용할 필요는 없음 - 작은 프로젝트는 상위 컴포넌트부터 하위 컴포넌트로, 큰 프로젝트는 하위 컴포넌트에서 상위 컴포넌트 순서로 3. UI의 state를 최소로 하기 - 부모 컴포넌트로 부터 props를 받아서 만들 수 있는지 - 상태가 계속해서 변하는지 - 다른 상태에서 계산할 수 있는지 4. state가 있어야할 곳을 정하기 - 대부분 부모 컴포넌트에서 state를 가지고 있음 5. 역방향.. 이전 1 2 3 4 5 다음
