Wanted 웹 사이트 클론 코딩을 진행하였습니다.
22/09/28 ~ 22/11/27
웹 개발 경험을 쌓기 위해 원티드 웹 사이트 클론 코딩을 진행하였습니다. 매 주차마다 설정해놓은 개념들을 습득하고, 그 개념을 코드에 직접 구현하고자 노력하였습니다.
- 화면 구현
- 메인 페이지, 채용공고 페이지, 채용상세 페이지, 북마크 모아보기, 검색화면, 회원가입, 로그인 화면, 반응형 화면
- 기능 구현
- 검색, 북마크, 로그인, 로그아웃, 기존&신규 고객 분류
- 사용한 기술
- html, css, javascript, react, styled-component, redux
정말 기초적인 부분부터 시작하여 새로운 기술들을 하나씩 쌓아 올리며, 새로 배운 기술이 기존에 구현한 방식을 어떻게 개선해줄 수 있는지를 직접 경험하며 배울 수 있었습니다.
-
html, css => react : 리액트를 이용하면 SPA를 쉽게 구현할 수 있고, 화면내에 반복되는 요소들을 컴포넌트로 분해하면 재사용성을 증가시킬 수 있음을 경험할 수 있었습니다.
-
props => redux : 상태관리 라이브러리인 redux를 활용하면 props 지옥에서 벗어날 수 있고, state를 전역적으로 사용할 수 있음을 배웠습니다.
-
css => styled-component : 기존에는 bem 방식을 이용해 각 태그들 마다 길게 이름을 붙여주어 중복을 방지했지만, styled-component를 통해 클래스 이름 지어줄 고민을 줄일 수 있었습니다.