어? 쓰흡... 하아....

[TIL] 코드스테이츠 10주차

😀일요일 치팅데이 쉬었다. 😅월요일 todo: 리덕스 강의 react 스프린트 시작. react 공식 문서를 다시 읽어보게 되었다. 인강으로 코딩을 배우는 것의 단점이 강의에만 집중하다보니 공식 문서에 소홀하게 된다는 점인데, 아니나 다를까 state에 대해 잘못 이해하고 있었던 부분을 발견해서 반성의 시간을 가졌다. 라이브러...

Posted by Dev X on October 4, 2020

REST와 API Docs 읽기

이 글은 프론트의 입장에서 REST API를 이해하기 위한 목적으로 정리되었습니다. 📑API란 API는 Application Programming Interface의 약자입니다. 언뜻보기엔 어려운 개념 같지만, 차근 차근 단어의 의미를 짚어 해석하면 아래와 같은 뜻을 가집니다. Application Programing: 응용 프로그래밍 ...

Posted by Dev X on October 3, 2020

[TIL] 코드스테이츠 9주차

😁일요일 치팅데이 CORS 복습하고 쉬었다 😑월요일 todo: REST, HTTP 정리 node 서버로 지난번 작업했던 post, get요청을 클라이언트와 함께 구현하는 실습을 했다. 코드는 잘 짠것 같은데 어디서 오류가 나는지 몰라 한참 고민했거늘… 결국 클라이언트 코드가 문제였었다. 다음에도 알 수 없이 막히는 일이 생...

Posted by Dev X on September 28, 2020

[JS] Promise와 Async await

짠~ 사실 둘 다 Promise였습니다~

[JS] 비동기 실행과 Runtime에서 JS의 비동기 작업이 Runtime에서 어떻게 실행되는 지에 대해 정리했습니다. JS의 비동기 작업에선 Promise 객체를 주로 사용합니다. Promise와 함께 언급되는 Async 또한 Promise의 Syntax Sugar이기 때문에, 비동기 작업을 능숙하게 사용하기 위해서는 Promise를 이해해야 합니...

Posted by Dev X on September 22, 2020

[TIL] 코드스테이츠 8주차

🙄일요일 todo: 동기 비동기 포스팅 마무리 드디어 동기 비동기에 대한 포스팅을 마무리했다. 초반엔 어떤 것을 중점으로 정리해야할지 몰라 그냥 검색하면 나오는 정보들 위주로 복습하듯이 했었는데, 키워드 가이드가 있는 상태로 정리를 시작하니 훨씬 글정리하는 속도가 빨라졌다. 내가 뭘 모르는지, 모르는 것을 어떻게 검색해야하는지 확실하게 하는...

Posted by Dev X on September 20, 2020

[JS] 비동기 실행과 Runtime

JS Engine은 동기 방식만을 지원하기 때문에 비동기 방식의 흐름을 이해하려면 런타임의 전체적 그림을 이해할 수 있어야 합니다. 이 글은 웹 기준, 동기와 비동기에 대한 이해를 목적으로 정리되었습니다. 🏃‍♀️동기(sync) 비동기(async) 100미터 달리기 훈련을 할당받은 선수가 셋 있습니다. 우리의 목표는 가장 짧은 시간 내에 훈련을...

Posted by Dev X on September 20, 2020

[JS] Closure와 Garbage Collection

[JS]Execution Context와 Call Stack에서 이어지는 포스팅입니다. Context와 관련된 자세한 내용은 이전 글에 정리했기 때문에 이 글에서는 closure와 관련된 내용들을 중점적으로 정리했습니다. 📸Closure란? 지난 글에서 Execution Context를 다루며 scope에 대한 내용도 간략하게 정리를 했습니다. 짧...

Posted by Dev X on September 18, 2020

[TIL] 코드스테이츠 7주차

Solo Week 일요일 치팅 데이. DFS BFS 강의 좀 찾아보고 쉬었다. 😫월요일 N-Queens 첫번째 날. 저녁에도 페어 코딩을 진행하느라 자습은 따로 하지 못했다. 이번 스프린트를 진행하며 간략하게나마 back-bone에 대해 알아보게 되었다. 프레임워크를 사용해보는 것은 이번이 처...

Posted by Dev X on September 14, 2020

[JS] 상속 뜯어보기

상속이라고 쓰고 Prototype Chain이라고 읽는다

Class 뜯어보기에서 prototype과 class에 대해 알아보았습니다. 이 글은 상속을 prototype으로 어떻게 구현하는지에 대해 알아보고 js의 class 상속에 대해 이해하는 목적으로 정리되었습니다. 👩‍👦‍👦상속이란 상속은 객체들간의 관계를 구축하는 방법입니다. 여러 객체 생성 함수가 같은 속성을 갖고 있다면, 해당 객체는 상속으로 ...

Posted by Dev X on September 12, 2020

[JS]Class 뜯어보기

Class라고 쓰고 Prototype이라고 읽는다

✨Javascript의 Class 1 2 3 4 5 6 7 8 9 10 class Person { constructor(name, age) { this.name = name; this.age = age; } sayHi() { console.log(`Hi! my name is ${thi...

Posted by Dev X on September 9, 2020