Skip to content

Latest commit

 

History

History
44 lines (32 loc) · 1.44 KB

README.md

File metadata and controls

44 lines (32 loc) · 1.44 KB

이게뭐약?! Frontend

✔ How to start project in local environment

// 레포지토리 클론
$ git clone <https://github.com/jjuyeon/What-The-Medicine.git>

// 경로 변경
$ cd What-The-Medicine/frontend

// npm package install
$ npm install

// 프로젝트 실행
$ npm start



✔ Tech Stack

Usage Stack
React Fronted Library
Redux State Container
Axios HTTP Library
HTML Markup Language
Styled-components Styling



✔ Project Structure

  • src/ 하위 폴더들은 다음과 같은 역할을 한다.
  • api/ : api 요청 모듈이 정의되어 있다.
  • components/ : page/ 의 컴포넌트에 포함되는 하위 컴포넌트를 정의하며 표현에 집중한다. 하위의 atoms/, molecules/는 주로 재사용성이 높은 컴포넌트들이 정의되어 있으며 templates/는 페이지 UI 레이아웃을 담당한다.
  • hooks/ : 커스텀 훅들이 정의되어 있다.
  • lib/ : URL 접근 제한을 위한 라우트 관련 컴포넌트가 정의되어 있다.
  • modules/ : 기능별로 분리된 dispatch 요청과 reducer가 정의 되어 있다.
  • pages/ : 최상위 컴포넌트들을 포함하며 로직 구현에 집중한다.
  • styles/ : 전역 스타일이 변수로 지정되어 있다.