codesoom / project-react-1-yeonhwakim

project-react-1-yeonhwakim

Install dependencies

npm install

Lint and fix

npm run lint

Run tests

npm run test:unit

Run api

npm run api

Run web server

npm start

http://localhost:8001

project-react-1-yeonhwakim's Issues

2주차

1. 이번주 제한조건 (codesoom 과제 제한조건 참고)

• 모든 기능은 TDD로 구현합니다. 모든 컴포넌트와 reducer, action에 대한 테스트가 존재해야 합니다.

• if는 사용할 수 있어도 else 사용하실 수 없습니다. GuardClauses 방법을 사용해주세요.

• switch는 사용하실 수 없습니다.

• let은 사용하실 수 없습니다. const만을 사용하여 문제를 해결해주세요.

• 함수 이름과 변수 이름에 줄임말은 사용하실 수 없습니다. 길더라도 명확하게 써주세요.

• indent(인덴트, 들여쓰기) depth를 1로 유지해주세요. 예를 들어, for문 안에 if문이 있으면 indent depth는 2입니다. depth를 줄이는 좋은 방법은 함수(또는 메소드)를 분리하면 됩니다.

• 하나의 기능당 하니의 pr

• commit 단위 작게 하기

• branch 관리 잘하기

2. 이번주 필수 구현사항

• 깃 정리 (upstream과 맞지 않다..?)
• 폴더 관리
• 탭구분 (라우팅 처리)
• 메뉴 가져오기
• 메뉴 추가
• 메뉴 수정
• 메뉴 삭제
• git action ci

3. 이번추 추가 구현사항

• 메뉴를 추가 할때 식당 정보를 입력할수있다.(네이버 or 다음 api 활용)

4. 예상되는 어려움

깃....
api 활용

4주차(3주차 복붙)

이번주 필수 구현사항

• git action ci 적용
• 메뉴 탭, 방반들기 e2e 테스트
• README.md 꾸미기
• 방만들기
• 링크 복사 공유
• 스타일링

예상되는 어려움

git action.....

방만들기 프로세스

HOME 진입
방만들기 클릭
방 이름 입력
비밀번호 입력
링크, 비밀번호 공유

제한조건

모든 기능은 TDD로 구현
if는 사용할 수 있어도 else 사용할 수 없음( GuardClauses 방법 )
switch는 사용할 수 없읍
let은 사용할 수 없고, const만 사용
함수명과 변수명은 길더라도 명확하게
indent depth를 1로 유지
하나의 기능당 하나의 pr
commit 단위 작게

3주차

이번주 필수 구현사항

• git action ci 적용
• 메뉴 탭, 방반들기 e2e 테스트
• README.md 꾸미기
• 방만들기
• 링크 복사 공유
• 스타일링

예상되는 어려움

• git action.....

방만들기 프로세스

• HOME 진입
• 방만들기 클릭
• 방 이름 입력
• 비밀번호 입력
• 링크, 비밀번호 공유

제한조건

• 모든 기능은 TDD로 구현
• if는 사용할 수 있어도 else 사용할 수 없음( GuardClauses 방법 )
• switch는 사용할 수 없읍
• let은 사용할 수 없고, const만 사용
• 함수명과 변수명은 길더라도 명확하게
• indent depth를 1로 유지
• 하나의 기능당 하나의 pr
• commit 단위 작게

1주차

1주차

1. 이 앱은 언제 사용하나요?

   • 점심시간 직전
   • tmi1. 이번엔 꼭 완성!
   • tmi2. 뭐든 다 맛있다는 동료들을 위해 점심 낮잠이 1분이라도 아쉬운 동료1의 매번 점심을 정해주는 수고를 덜어주고 싶습니다.

2. 제약 조건은 무엇인가요?

   • 점심시간 전 15분 동안 투표 할 수있습니다.
   • 선지가 많을 경우 선착순 3개의 리스트만 투표가 가능 합니다.

3. 구체적인 사례는 무엇인가요?

   1. 필수 기본 사례

      • 회사에서 점심시간에 자주갔던 식당들을 등록합니다.
      • 등록된 식당을 수정 할 수 있습니다.
      • 등록된 식당을 삭제 할 수 있습니다.
      • 회사에서 자주가는 식당중에 한식뷔페가 있는데 매번 인스타그램에 메뉴가 올라 옵니다. 크롤링으로 사진을 보여줍니다.
      • 점심시간 15분전에 텔레그램으로 링크알림이 뜹니다.
      • 링크를 누르면 점심 메뉴를 투표합니다.
      • 많은 선지중에 선착순 3개만 투표가 가능합니다.
      • 점심시간이 되면 텔레그램으로 알림이 뜹니다.

   2. 응용 사례

      • 투표방을 만을때 고유 링크가 생성됩니다.
      • 투표방을 만들때 지역을 등록해 검색이 되도록 합니다.
      • 식당을 등록 할 때 위치와 메뉴를 등록 합니다.
      • 지역별로 투표수 많은 식당 검색이 됩니다.

4. 이번주에 구현 할 기능을 우선 순위대로 작성해주세요.

   • 환경셋팅

     • npm
     • eslint
     • webpack
     • babel
     • jest
     • codeceptjs

   • 투표기능

     • json-server로 백엔드 목킹으로 식당 목록 불러오기
     • 리스트 클릭하면 count ++
     • 같은 리스트 클릭하면 count --
     • 투표하는 사람 구분

   • 기본 레이아웃 디자인

     • 투표리스트 디자인