Must know concepts JSX 문법을 도입하게 된 이유가 무엇일까요? 어떤 장점이 있나요? JSX를 사용하지 않고 React를 사용할 수도 있나요? (advanced) JSX에 JavaScript 표현식을 쓰려면 어떤 방법으로 써야 하나요? import / export 구문은 어떤 식으로 사용할 수 있나요? DOM을 처음 배울 때 페이지 단위로 작업하는 방법과 비교해서, 컴포넌트 단위로 개발할 때의 장점은 무엇인가요? 하나의 컴포넌트에서 여러 개의 엘리먼트를 리턴할 수도 있나요? 나의 새 트윗이라는 컴포넌트 사용 방법이 있다고 가정할 때, 컴포넌트 내에서 나의 새 트윗이라는 문자열은 어떻게 접근할 수 있나요? props를 다룰 때에 지켜야 하는 엄격한 규칙이 하나 있습니다. 무엇인가요? pro..

오늘 한일 Chatter Box - Client sprint 기능 구현 완료 및 코드 분석 Browser Security 학습 학습내용 및 성취 Chatter Box 기능 구현 init : 앱을 실행시킨다. => 다음 메소드 들이 실행됨. refreshDisplay, addEventHandler, fetch addEventHandler : 이벤트를 처리한다. 버튼이 눌렸을 때 handleSubmit 실행 fetch : 서버로부터 데이터를 불러온다. renderMessage : 메세지를 DOM 구현한다. fetchAndRender : fetch 메소드 + render 메소드 send : 데이터를 서버에 저장한다. clearMessages : 채팅창 화면을 지운다. clearInput : 입력창을 지운다. ..

오늘 한일 Asynchronous & Promise Part3 sprint 진행 with Pair 코드스테이츠 토크 세션 참여 Asynchronous & Promise 내용 및 sprint 코드 review 학습내용 및 성취 fetch 를 활용, 최신뉴스 와 날씨정보 데이터 합치기 fetch, Promise.all 활용, 최신뉴스 와 날씨정보 데이터 합치기 async, await 키워드 활용, 최신뉴스와 날씨정보 데이터 합치기 느낀점 Full IM 한승하님의 토크 세션이 많은 동기부여가 됐다. 하루 다섯시간의 수면...

오늘 한일 Asynchronous & Promise Part1& Part2 sprint 진행 with Pair youtube(드림코딩엘리) 를 통해 promise 개념 정리 학습내용 및 성취 파일을 불러오는 메소드인 fs.readfile(path[, options], callback) 과 callback 함수를 활용하여 데이터불러오기 Promise 의 resolve, reject 함수 활용, 데이터 불러오기 getDataFromFilePromise 함수를 활용, 두 파일을 합쳐 두 객체가 담긴 배열 만들기 Promise.all 활용, 두 파일을 합쳐 두 객체가 담긴 배열 만들기 async, await 키워드 활용, 두 파일을 합쳐 두 객체가 담긴 배열 만들기 느낀점 나태해졌다...분발하자! 모각코가 많은..

Achievement Goals 1. 어떤 경우에 중첩된 callback이 발생하는지 이해할 수 있다. 2. 중첩된 callback의 단점, Promise 의 장점을 이해할 수 있다. 3. Promise 사용 패턴과 언어적인 특징들을 이해할 수 있다. 3-1. resolve, reject의 의미와, then, catch와의 관계를 이해할 수 있다. 3-2. Promise 에서 인자를 넘기는 방법에 대해 이해할 수 있다. 3-3. Promise의 세가지 상태를 이해할 수 있다. 3-4. Promise.all 의 사용법을 이해할 수 있다. 4. async/await keyword에 대해 이해하고, 작동 원리를 이해할 수 있다. 5. node.js의 fs 모듈의 사용법을 이해한다. 목차 1. why Async..

Queue stack hashTable linkedList BST graph tree Queue class Queue { constructor() { this.storage = {}; this.front = 0; this.rear = 0; } size() { return Object.keys(this.storage).length; //reference: return this.rear - this.front; } enqueue(element) { this.storage[this.rear] = element; this.rear++; } dequeue() { if(this.size() === 0){ this.front = this.rear; return undefined; } //reference: // if..