본문 바로가기

전체 글142

Full time Immersive 6주 후기 Full time Immersiver가 시작한지 6주가 되었다. Full course로 하면 벌써 10주차이다. 6주차 마지막날은 solo day라고해서 혼자 공부했던 내용을 복습하고 다시 볼 수 있는 시간이 있다. 지난번 후기를 작성하고 2주가 지났다. 2주동안 배운 내용을 정리하면 후기를 남긴다. 이전까지는 client 즉, 사용자의 입장에서 서버에 data를 요청하는 법을 배웠다면, 이번에는 server를 직접 구현하고 서버에서 data는 어떤 방식으로 전송해주는지 그리고 client를 react 라이브러리를 활용해서 어떻게 조금 더 효율적으로 다룰 수 있는지 배웠다. 6주차에서 test가 있었는데 완벽하게 풀지는 못했고, 결국 정답을 보고 다음날에 제출을 했다. 너무 아쉬웠다. 딱 두줄 코드르 놓.. 2020. 7. 17.
Javascript - 비동기 처리(3)(async await) callback - promise를 이어서 비동기 처리 방법으로 async await 방법이 있다. async awit은 비동기 처리를 하지만 코드를 동기적으로 표현할 수 있고, promise에 비해 보기가 쉽다 이전 promise의 예제를 그대로 async await을 적용을 하면 *promise 처리가 되어 있는 함수를 동기적으로 표현할 때 async를 사용한다. *result 함수를 보면 기존에 사용하던 동기적 처리처럼 코드를 작성할 수 있다. *async를 사용할 때 주의점은 함수앞에 async를 선언을 해줘야 하고, await을 사용 가능하다. *async를 빼고 await은 사용할 수 없다. #Javascript#codestates#async#async-await#비동기처리 2020. 7. 17.
Javascript - 비동기처리(2)(Promise) Callback을 더 간단하게 정리하기 위해 Promise 사용해서 callback 지옥을 벗어 날 수 있다. 하지만, promise도 chaining으로 지옥으로 들어 갈수 있다는 점을 간과해서는 안된다. Promise 개념을 도식화 하면 하기 그림과 같다. Promise의 중요한 개념은 fullfill과 reject인데 fullfill은 이행하다 뜻을 가지고 있고 reject는 거절하다 라는 뜻을 가지고 있다. promise로 들어온 값이 에러면 reject를 실행해서 에러를 출력해주고, 에러값이 아니면 fullfill이 실행되어서 실행이 된다. 이후 pending 상태가 되어 다음 값을 기다리는 상태가 된다. 즉, 기다림(pending) -> 이행(fullfill) -> 기다림(pending)이거나.. 2020. 7. 16.
React - Lifting state(state 끌어올리기) Lifting state 개념을 이해하는데 이틀 정도 걸렸다. 결국 이해는 했지만, 사용하기 어려움은 있다. 이전글에 있는 그림을 인용하면... state는 하위에서 수정해서 상위에 값을 변화 시킬 수 있다. 즉, 상위에 있는 state 값을 하위에서 수정하여 상위로 올려주는 것이 Lifting state이다. Codestates 강의시간(sprint review)에 이해하게 된 개념인데, 그림을 아무리 봐야 코드로 구현하는 것은 매우 어려웠다. Codestates의 있는 code 인용해서 설명을 하면 우선 상위 하위 관계를 먼저 보면 최상위 App - VideoList - VideoListEntry 구조이다. 전체적인 코드를 보면 아래 사진과 같다. *빨간색이 state 진행방향 *파란색이 state .. 2020. 7. 13.
반응형

티스토리툴바