wil

[항해99] 7주차 클론프로젝트 회고

👨‍💻클론 프로젝트 소개 원티드(wanted) 커뮤니티 클론 프로젝트 - 개발자들의 커뮤니티 Sokdak ⌨️ 💬 - 커리어와 라이프스타일에 대해 자유롭게 이야기 할 수 있어요 🙋🏻 클론 프로젝트 목표 미니 프로젝트와 비슷한 규모의 스코프 + 도전하고 싶은 기능 한 가지 (FE/BE 서로 합의 하에!) 클론 코딩이라고 모든 것을 복제할 수는 없습니다! 화면 구성은 동일하게 하되, 하나의 기능을 완료 후, 차근차근 추가해보세요 FE 기술 스택 react styled-components amazon s3 axios : ajax redux-toolkit : 전역 상태 관리 라이브러리 vite : 빌드 툴 react-hook-form : 유효성 검사에 유용한 훅 react-cookie : 쿠키 관련 처리 훅 r..

[항해99] 4주차 React 숙련 회고

🎓이번 주차 목표 리덕스를 사용하여 전역상태 관리를 할 수 있다. [세부 목표] 1. redux로 상태 관리하기 2. styled-components로 css-in-js 적용하기 3. react-router-dom으로 router 구현 새롭게 적용하는 라이브러리 : styled-components, redux, react-router-dom [과제] 리덕스로 전역 상태 관리하여 투두리스트 만들기 📝숙련 주차 시험 망가진 코드 해결하기 redux로 전역상태관리하고 있는 투두리스트 리액트 앱을 잘 작동하도록 고쳐보자 ▶시험 해설 글 보러가기 [TIL] 하루가 너무 짧다구요 🥽리액트 입문 주차 시험 🔍시험 문제 살펴보기 1. 레이아웃과 기능은 화면에 보이는대로 2. App.jsx와 App.css 파일만 이용하..

[항해99] 3주차 React 입문 회고

✅투두리스트로 시작하는 리액트 투두리스트 구현 기능 투두리스트 추가 투두리스트 삭제 투두리스트 완료 / 취소 투두리스트 학습 목표 props로 컴포넌트 구성하기 리액트 훅(useState) 다루기 event handler로 이벤트 관리하기 vercel을 이용해 리액트 사이트 배포하기 이번 주차 과제는 투두리스트를 제작하는 것이었는데, 별다른 가이드라인도 없이 리액트를 시작하려니까 다들 많이 어려워하는 분위기였다. 개인적으로는 과제 요구사항으로는 배워가는 게 별로 없을 것 같아서 전부터 적용하고 싶었던 기술들을 적용해봤다. vite, typescript, antd, styled-components를 적용했다가 typescript는 개발 속도에서 시간적 한계를 느꼈고 antd는 커스텀이 너무 어려워서 vit..