2022년 1월부터 2월까지 재직했던 스타트업에서 제작한 홈페이지 입니다! 홈페이지 제작 전 과정을 전담했습니다.
pc, 모바일 호환 가능한 반응형 웹페이지입니다. 현재는 회사 운영 종료로 사이트가 서버에서 내려간 상태입니다.
🗂 src
- 📁 assets : 이미지 파일
- 📁 components : 재사용성을 가진 컴포넌트(모달, navbar, footer, styled-components를 이용한 각종 버튼, 컨테이너 등)
- 📁 modules : 기능별 리듀서, 액션, 액션 생성 함수, thunk 함수(Ducks 패턴을 채택하여 기능별로 한 파일에 작성)
- 📁 pages : 기능별 페이지들로 구성된 하위 폴더들 의 모음
- 📁 styles : css 전역변수, styled-components의 GlobalStyle, 미디어쿼리 등을 정의
- 📁 utils : 각종 함수 모음
- App.js
- index.js
- keys.js : 서버요청 baseurl들을 정의(통상적인 env 파일과 유사)
- react 17.0.2
- axios 0.25.0
- react-redux 7.2.6
- react-router-dom 5.3.0
- redux 4.1.2
- redux-thunk 2.4.1
- react-share 4.4.0
- styled-components 5.3.3
- styled-media-query 2.1.2
아래는 구현 과정에서의 고민이 담겨있는 velog 글들입니다~
컴포넌트 조건부 렌더링 시 각기 다른 서버 요청을 하고 싶을 때