코드스테이츠 프론트엔드 6주차 주간회고
Mar 25, 2023
Fact
- Promise, async/await에 대한 개념을 다시 공부했다.
- fetch 함수를 사용해서 데이터를 받아오고 데이터를 가공하는 연습을 했다.
- create-react-app을 통해 간단한 개발용 React 앱을 만들어봤다.
- JSX 문법에 대해서 배웠다.
- React Router에 대해 배우고 Router를 통해 SPA를 구현하는 연습을 했다.
Feeling
- 비동기가 막연하게 느껴지는 개념이라고 생각해서 어렵다라는 생각을 가지고 있었던 것 같다. 유튜브 제로초님 영상 중 비동기 콜백함수와 프로미스 개념에 관한 영상을 보고 자바스크립트 딥다이브를 다시 읽어보니 생각보다 별거 없네?라는 생각이 들었다.
npx create-react-app
명령어를 통해 리액트 앱을 만들고 JSX 문법을 사용해 브라우저에 띄우는 실습하는 주간이었다. 코드스테이츠에서는 JSX문법에 대해서만 간단하게 배웠지만 한 주 전에 메가테라에서 JSX문법이 어떻게 자바스크립트 코드로 변환되는지 깊게 배웠기 때문에 내용들이 쉽게 느껴졌다.
- Router에 대한 개념을 배우고 나니 이전에 바닐라 자바스크립트로 SPA를 구현했던 코드가 생각이 났었다. 설정한 URL이외의 주소로 접근하면 404 에러 페이지를 띄워줘야할 때 정규표현식을 사용해서 확인했었다. 코드가 너무 복잡해서 알아보기 어렵다는 아쉬움이 있었는데 리액트를 사용하니 이런 부분에서 쉽게 처리할 수 있다는 것을 알게 되었다. 리액트 만세
Finding
- 새로운 기술들이 나옴에 있어서 두려워하지말자. 결국 새로운 기술은 이전 기술보다 더 사용하기 쉽게 나올 것이다. 그래야 많은 사용자들이 기존에 쓰던 기술을 버리고 갈아탈테니까.