반응형

바닐라 부트캠프 4

[WIL] 바닐라코딩 부트캠프 8주차 후기 - redux, 전역으로 끌어올리기!

이번주는 전역상태로 상태를 관리하는 것을 목표로 과제를 진행하였다. 보통 상태를 지역변수로 관리하거나, 공통으로 쓰는 상태라면 부모로 상태를 끌어올려서 상태를 관리한다. 그런데 만약 상태를 부모 자식 관계가 아닌데도 다른 컴포넌트에서 사용을 해야한다면 어떻게 해야할까?그럴때 바로 전역으로 상태를 끌어올려서 관리를 하면 된다! 그럼 한번 시작해보자! 이번주 과제✅ 과제 주제 이번주 과제는 React Redux를 이용하여, 캘린더 사이트를 만들어 보는 걸 진행하였다.캘린더를 실제로 그려보고, 이벤트를 등록하거나 수정하는 것까지를 목표로 과제를 진행하였다. ✅ 사전에 알아야 하는 개념 전역 상태 관리 도구인 Redux를 알아보기 전에 전역 상태가 왜 필요한지부터 알면 좋을 것 같다. 전역 상태?여러 컴포넌트가..

[WIL] 바닐라코딩 부트캠프 6주차 후기 - Hook, 내뜻대로 안되네..

이번주는 Hook을 제대로 다루는걸 위주로 과제를 진행하였다.Hook이란 React 16.8에서 도입되어 함수형 컴포넌트에서 상태와 사이드 이펙트를 관리하는 방식을 혁신적으로 변경을 했다고 한다.React를 하면서 Hook을 제대로 이해를 못한다면, react로 프로젝트를 진행하는 것이 어려울만큼 아주 중요하다고 생각한다.그럼 시작해보자! 이번주 과제✅ 과제 주제이번주 과제는 React Hook을 활용하여 모의 유튜브 사이트를 만들어 보는 걸 진행하였다.실제로 유투브 API를 이용하기 위해서 API key를 발급받아 유튜브의 비디오 리스트를 API를 통해서 받고, 화면을 구성하는 것을 이번주에 진행하였다. ✅ 사전에 알아야 하는 개념 이번주는 Hook을 중점적으로 알아보고 시작하였다. Hook? Reac..

[WIL] 바닐라코딩 부트캠프 5주차 후기 - 리엑트, 첫 단추를 잘 끼우자!

이번주부터 프론트엔드 첫번째 주가 시작되었다.지금까지 JS 공부는 기초를 닦는 과정이었다면, 지금부터는 닦은 기초를 가지고 활용하는 시간이다. 이전에 회사에서 일할 때 Vue.js 써서 개발을 해보긴 했지만, React는 거의 처음이라 다른 동기들과 비슷한 상황이다.어쨌든 오늘도 한번 달려보자! 이번주 과제✅ 과제 주제 이번주 과제는 React 를 활용하여 페이지를 구현하는 것이다. 앞으로 4주 동안은 계속해서 react 를 활용하여 페이지를 구성할 것 같다.다만, 소스 자체는 공개하면 안되기 때문에 어떤 개념이 들어갔는지, 어떤 성능 개선이나 트러블슈팅은 어떻게 했는지를 같이 살펴보면 좋을 것 같다. ✅ 사전에 알아야 하는 개념 들어가기에 앞서 Thinking in React에 대해서 빠르게 짚고 넘어..

[WIL] 바닐라코딩 부트캠프 3주차 후기 - 유틸 함수 직접 구현해 보자!

이번주부터 부트캠프에서 배운 것들을 토대로 매주 후기를 작성하려고 한다.이 글을 작성하는 목적은 매주 회고를 통해 내가 어떤 것들을 배웠고, 느꼈는지 기록으로 남기는 것이다.머릿속에만 있던 것들을 한번 더 정리하며, 글을 작성하면서 내것으로 체화가 될 것이라 생각한다!!!나중에 부트캠프가 다 끝나고 나를 돌아봤을 때 어떻게 성장해왔는지도 글을 통해 알 수 있을 것이다. 그럼 이제 시작해 보겠다. 이번주 과제✅ 과제 주제 이번주 과제는 직접 유틸 함수를 구현해보는 것이었다.보통 우리는 이미 완성되어 있는 유틸리티 함수를 아무 생각없이 편하게 쓴다.(나만 그런가??;;;;)구현하는게 귀찮은 점도 있지만, 내가 구현한 것이 이미 구현한 것보다 완성도가 떨어지는 것을 알고 있어서 그런것일 수도 있다.그래도 직접..

반응형