오픈소스 Eats, together

https://github.com/nd1346/eats-together.git

기본 컴포넌트 branch 임베디드 실험 테스트 서버 : https://nd1346-test-server.herokuapp.com/

개발환경 세팅

1. nodejs lts 버전 설치

   • windows : httsp://nodejs.org
   • wsl : https://prograsshopper.tistory.com/38, nodejs만 깔면됨
   • mac : brew install node

2. 아래 명령어 순서대로

npm i //server module 설치
cd client 
npm i //client module 설치
cd ..
npm run dev //server 포트 5000, client 포트 3000 package.json 참조

3. 필요 라이브러리 설치

npm install -g firebase-tools   // 파이어베이스
npm install react-icons --save  // 리액트 아이콘
npm install react-router-dom    // 링크(페이지 이동)
npm install react-currency-format --force   // 총합 계산 라이브러리(--force는 강제 설치시 사용)

*코드 정렬 : Ctrl + A -> Ctrl + K + F(컨트롤K 한 후에 컨트롤을 누른 상태에서 F)

---

디렉토리 설명

• eats-together

database : 임시, sql파일 및 관련 데이터 임시로
client : react 웹 프론트앤드

public : resource
src : react 소스

components : 기본적인 commponent css : css 통합 apis : pages : page 구성하는 컴포넌트

App.js에 라우터 위치할 것임 pages에 페이지컴포넌트 제작할 것

추후 구조 지속적으로 보완

• 디렉터리 구조에 관한 고찰 https://xtring-dev.tistory.com/39

작성 룰

• 컴포넌트 는 파스칼 케이스
• 나머지 카멜 케이스
• 아래는 기본형태

function COMPONENT_NAME(){
    return{
        {JSX}
    }
}
export default COMPONENT_NAME

또는

const COMPONENT_NAME = ()=>{
    return{
        {JSX}
    }
}

export default COMPONENT_NAME

로고 : https://logo.squarespace.com/ 아이콘 : https://www.flaticon.com/kr/uicons 리액트 아이콘 : https://react-icons.github.io/react-icons