📅 오늘 한 일
1. 리액트 학습
✏️ 무엇을 배웠나
1. 리액트가 돌아가는 원리
- 기본적으로는 SPA 방식임
- 프로젝트를 처음 생성했을 때 index.html, index.js, app.js가 서로 어떻게 연결되어 있는지 확인해봤다. index.html에 있는 root div를 index.js에서 받아 React DOM으로 전환해주고, 그 안에 App.js를 끼워넣어주는 구조임. 결국은 렌더링이라는 걸 확인할 수 있었다.
2. Component / Props / State의 관계
- 컴포넌트가 return하는 것은 결국은 UI다.
- 그리고 무엇을 return할 때 필요할 값들이 Props와 State다.
- JS 관점에서 봤을 때 컴포넌트도 함수이기 때문에 return하면 종결된다.
- 종결되면 동적으로 UI를 return할 수 없다.
- 하지만 Props와 State가 컴포넌트를 재실행시켜준다.
- 이런 관계를 봤을 때 리액트는 한마디로 UI를 뱉어주는 컴포넌트 기계 같은 것임.
3. 리액트 만든 사람 똑똑하다
- 함수 개념을 컴포넌트라는 개념으로 변환시킨 부분이 신기하다
🥵 무엇이 어려웠나
1. props / usestate
- 심플한 상황에서는 쓸 수 있는데, 컴포넌트가 많아지고 기능이 추가될수록 두 값을 어디에 써야할지 헷갈린다.
🔎 더 알고 싶은 것 / 보완이 필요한 것
1. JS 배열 메소드 보충 학습하기
🏷️ 오늘의 코멘트
리액트가 뭔지 이해하게 돼서 머리가 맑아졌다. 연습 열심히 하자!
⛰ 프론트엔드 개발 공부 블로그