원래 TIL에 매일매일 회고를 작성했는데
오프라인 수업을 들으면서 휘몰아치는 진도와 과제로 인해...
회고는 주마다 작성하기로했다.
그런 의미에서 1주차 회고 시작!
1. 기본개념을 배웠다.
node.js를 사용하여 React를 실행한다는 사실은 알고 있었는데, node.js는 뭐고 npm, yarn은 또 무엇인지 잘 몰랐었다. 런타임은 뭐고 라이브러리, 프레임워크 그게 뭔데...
- node.js : 웹 페이지 외에서 javascript를 실행시키는 실행기 (런타임)
- react : javascript로 개발시 프로그램의 기본 구조 담당 (프레임워크)
- npm, yarn : react 기능들을 다운 받는 곳 (라이브러리)
쉽게 설명하자면 위와 같다. 이제서야 제대로 이해한 기분이다.
2. JSX와 CSS-IN-JS
그동안 html과 css로 구현했던 UI를 JSX와 CSS-IN-JS 방식으로 구현해보았다.
처음 해보는거라 약간 시간이 걸리긴 했지만 대체로 비슷해서 점점 하다보니 익숙해지는것 같다.
export와 import만 유의해주자!
3. API와 라우팅
API를 통해 데이터를 전달하고 받아오는 방법을 배웠다.
graphql-API 사용시 mutation과 query로 데이터를 주고 받는다는 사실을 기억하자.
async-await으로 통신의 비동기적 방식을 동기적 방식으로 변환하는 과정도 중요하니 복습을 꼭 해야겠다.
router를 이용하여 게시글 등록버튼 클릭 시 게시물이 나타나는 화면을 동적으로 구현하였다.
진짜로 웹 페이지 기능을 구현한것 같아 신기했다.
😎 GOOD
- 포트폴리오 과제와 퀴즈를 매일매일 늦지않고 제출했다.
- 아직까진 알고리즘 문제가 쉬워서 다 풀었다.
- git으로 매일 수업내용, 과제를 커밋해주었다.
😢 BAD
- 너무 과제 제출에만 집중하는게 아닌가 생각이 든다.
물론 과제를 하면서 복습이 되긴 하지만 천천히 좀 더 이해하는 과정이 필요한것 같다. - 데이터를 받아올 때 console.log로 중간중간 꼭 확인해주기!
프론트엔드 개발자 도전기