[NOTE] 1202 회의록 - 프로젝트 구조 / 개발환경 세팅 / 기타 featuring - Githubissues

playdata-omen / PICO-Front

PICture Of

0 stars 2 forks source link

[NOTE] 1202 회의록 - 프로젝트 구조 / 개발환경 세팅 / 기타 featuring #3

Open kingdomunder opened 2 years ago

kingdomunder commented 2 years ago

프로젝트 구조

컴포넌트 별로 css와 함께 폴더 생성
참고 : view - 출력 / contaniner - 메소드 --> 이런 구조도 있음

개발환경 세팅

yarn 설치 npm install -g yarn
리덕스 설치 yarn add redux react-redux
axios 설치 yarn add axios
router 설치 (url 마다 다른 렌더링) yarn add react-router-dom
react-router-dom : 비동기로 리다이렉트? react는 Single page구조

라우트-돔 변경사항 주의

리다이렉트 컴포넌트 -> navigate로 바뀜
Link -> a태그처럼 사용 (외부주소아닌 리액트 내부주소)

기타

styled-components : css 대신 컴포넌트 자체에 스타일링 ---> 사용 보류
indent size 통일 : space:2

henrynoowah commented 2 years ago

추가 dependency

다음 카카오 주소찾기 api : react-daum-postcode

kingdomunder commented 2 years ago

추가 dependency

@material-ui/icons