3주차에 이어 늦은 4주차 회고록을 작성해본다. 4주차에서는 Hooks에 대해 공부하는 시간이었다. Hooks란 무엇인가? 간단히 설명하자면, 함수 컴포넌트 내에서 state와 lifecycle 기능을 hook(함수 컴포넌트에서 React의 고급 기능을 끌어다 쓸(hook into) 수 있게 해주는 도구 )할 수 있게 해준다. hooks에는 useState, useEffect, useRef 등이 있다. useState : 함수 컴포넌트에서 state를 관리할 수 있다. const [count, setCount] = useState(0); count는 state의 값을 갖고 있고, setCount는 setter 함수로 state를 변화시키기 위한 함수이다.counst의 값을 변경해주고자 한다면 setCou..
늦은 3주차 회고이다. 회고를 써야할 때 나는 결혼식이었기 때문에 .... 핑계아닌 핑계를 대본다. 이제 큰 산을 넘었으니 다음 큰 산을 넘을 차례! 3주차 React로 사고하기에 대해 공부하면서 ts와 함께 해서 그런지 매우 헷갈리는 것들이 많았다. Vue.js에 익숙해져서 그런가? 상태(state)에 대해 이해하는데는 어렵지 않았으나 props 사용할 때 코드작성이 어렵게 느껴졌다. vue // 상위 컴포넌트 import ChildComponent from "./component/ChildComponent.vue"; export default { components: { ChildComponent: ChildComponent, }, data() { return { parentsProps: 'value..
우연히 홀맨님의 웨비나를 들었을 때 '이건 기회다!' 라는 느낌을 강렬하게 받았다. 그래서 시작한 프론트엔드 생존코스 1주차 회고를 작성해본다. 쉽지 않네 정말 운이 좋게도(?) 1주 차에 결혼 준비 + 이사 + 야근 이 세 가지가 겹쳤다. 가장 힘든 주에 겹쳤으면 멘탈 나갔을지도 모른다고 생각하니 천만다행 아닌가? 이번 1주 차를 통해 시간을 체계적으로 쪼개야 한다는 것을 느꼈다. 1주차부터 '본격적으로 공부해봅시다!' 보다는 반복적으로 해보면서 습관을 들이길 장려하고, 환경 설정을 하면서 문제 상황에 대처할 수 있도록 흐름을 파악하는 방법을 알려준다. 문제 상황에서 에러 메세지를 구글에 복붙한다고 해서 해결되지 않았다. 그러다 다른 수강생 분의 글이 있다며 보시면 좋을 듯 하다는 말을 듣고 해결하게 ..