210210_TIL

🍎 오늘 배운 것

---

✔️ React
말로만 듣던 리액트를 드디어 배웠다. 아예 처음 접해봐서 공식 가이드부터 봤는데, 생긴걸 보니 일단 당황스러웠다. 자바스크립트랑 HTML이 막섞여서 약간 보기 불편하고 혼종같은느낌..이들었다. 트위틀러를 만들기 전에 좀 익숙해지려고 예제들을 계속 따라해보니까 전체적인 흐름을 조금씩 알 것 같았다. 그리고 사실 지금까지 배웠던 this, OOP같은 개념들을 조금 지나면 까먹지 않을까 하고 걱정했었는데 리액트에서 정말 자주쓰여서 쓸데없는 걱정이었단 것도 깨달았다.. 갑자기 너무 많은 개념들이 쏟아져 들어오기도 했고 내일 보면 또 다시 낯설 것 같아서 설 연휴동안은 리액트에 익숙해지도록 계속 써봐야겠다. 

✔️ React로 Twittler 만들기
전에는 순수 HTML, Javascript로 만들었던 twittler를 다시 리액트를 써서 만들어보았다. 다른 부분들은 그래도 연습해본것과 비슷하게 느껴졌는데 버튼을 눌렀을 때 입력창에 있는 텍스트를 받아오도록 하는 작업이 새로웠다. 동시에 state의 역할을 좀 더 이해하게 된 것 같다. 전에 추가했던 여러 기능을 하나씩 더 리액트 버전으로 추가해보도록 해야겠다.

 

🍎 기억할 것

---

✔️ e.preventDefault
: 태그가 갖고있는 기본적인 동작을 없애는 방법

✔️ React - props
컴포넌트 속성 설정할 때 쓰는 요소 (defaultProps 로 디폴트값 지정 가능)
children : 태그 사이 내용을 보여주는 props 속성 

✔️ state, props
state : 컴포넌트 내부에서 업데이트 가능한 값
props : 부모 컴포넌트가 설정해야함, readonly

✔️ this.setState
state 변경시에는 반드시 setState메서드를 써서 리액트한테 알려줘야함!

 

🍎 더 공부할 것

---

✔️ 함수형 컴포넌트, Hooks 
✔️ Lifecycle