너무 늦어버린 3회차 회고,,ㅎㅎㅎ 깃헙 참고하면서 기억 더듬기! ✍️ 3주차 과제 내용 3주차에는 꽤 많은 내용의 과제를 진행했다. 2주차 과제 리팩토링 Home 페이지 기능 구현하기 ProductDetail 페이지 기능 구현하기 ♻️2주차 리팩토링 내용 ⚠️ 수정할 내용 🪄 해결 방법 'DetailMenuButton' 컴포넌트명은 버튼 하나로 착각 할 수 있다. DetailMenuButton => DetailMenuTabs로 컴포넌트명 변경 버튼 text 등의 요소는 pages 단위까지 끌어 올려주는 것이 좋다. 버튼의 text를 props로 받아 사용 styled-components를 사용한 컴포넌트를 만들 때 네이밍이 어렵다. styled-components의 중첩 기능 활용 ✅해결 1. Deta..

2주 차에는 라우팅, 스타일을 적용하는 과제가 주어졌다. 과제를 수행하면서 알아갔던 개념들을 정리해보려 한다. ✍️ 2주차 과제 내용 라우팅 적용하기 styled-components 라이브러리를 활용하여 디자인 적용하기 라우팅이란? 라우팅이란 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 예를 들어, 쇼핑몰 애플리케이션은 장바구니, 마이페이지, 상품 상세 등 여러 페이지들이 존재한다. 페이지별로 컴포넌트들을 분리해 가면서 프로젝트를 관리하기 위해 필요한 것이 라우팅 시스템이다. 리액트에서는 주로 리액트 라우터(React Router)를 사용하여 라우팅을 구현한다. 📃 React Router 설명 리액트 라우터를 사용하면 *싱글 페이지 애플리케이션(SPA, Single Pag..

우연히 학교에서 코멘토와 제휴를 맺어서 참여비를 지원해준다는 공지를 보고 냉큼 신청해서 직무부트캠프에 참여하게 되었다. 이번에는 1회차 때 실습한 내용에 대해 회고를 진행해보려한다. 직무 부트캠프? 그게 뭐야? 현직자가 멘토가 되어 직무를 소개하고, 실제 현업과 유사한 실무 과제를 수행하는 것이다. 캠프마다 상세 일정이 다른데 내가 신청한 캠프는 총 5주동안 진행되고, 4차례에 걸쳐 과제를 수행한다. 매 과제 수행마다 멘토에게 피드백을 받을 수 있고, 별도로 과제를 수행할 때 1:1 피드백이 가능했다. 1회차 강의 진행 내용 1회차 강의는 두시간 정도 줌으로 진행되었다. 프론트엔드 개발자 직무에 대한 설명과 필요한 기술 스택, 실무에서 하게 되는 업무 등에 대해서 설명해주셨다. 프론트엔드 개발자가 화면에..