Project : helprogrammers - S.A

2022년 12월 22일 · 약 3분

Front End Engineer @ Assistfit

S.A (Starting Assignments)

helprogrammers

프로젝트 소개

💡 프로젝트 제목 : 헬프로그래머스 ( 헬프 + 프로그래머스 ), ( 헬 + 프로그래머스 )

프로젝트 간단 설명 : 알고리즘 문제를 어려워하는 내일배움캠프 대원 분들을 위해 질문을 게시하고, 댓글로 힌트를 주고 받을 수 있습니다. 핵심은 댓글이 가려진 상태로 원하는 수준의 힌트만 열어볼 수 있습니다.

💡 여기저기 돌아다닐 필요 없이 프로젝트 내부 자료를 이곳에 모아 한눈에 확인할 수 있습니다.

동적 라우팅을 사용.
1개 이상의 Custom Hook을 구현.
Form에 유효성 검증 기능을 적용. 아래 예시
- ex: 제목을 10글자 이상 기입하지 않으면, 글을 추가할 수 없도록 제한 → Alert 으로 안내
- ex: Form에서 모든 input에 값을 입력하지 않으면, 버튼이 비활성화
버튼 컴포넌트 1개로 모든 버튼을 구현. 모든 스타일과 기능을 버튼을 구현할 수 있는 만능 버튼을 만들것.
development 환경에서만 redux devtool이 활성화 되도록 처리.
배포된 결과물에서는 console.log() 가 보이지 않도록 처리.
.env 를 이용해서 API 서버의 URL 코드상에서 숨기도록 처리.

💡 features : 필수로 구현해야 할 기능

공통
- UI 구현하기
- API 명세서 작성하기
질문 게시글 - CRUD 구현
- 질문 리스트 조회 하기(메인 게시글 스레드) - 다영
- 질문 조회 하기(상세페이지) - 승효, 태언
- 질문 추가 하기(게시글 작성 페이지) - 태언, 강익
- 질문 삭제 하기(상세페이지) - 태언, 강익
- 질문 수정 하기(상세페이지) - 승효, 강익
질문 게시글의 댓글 - CRUD 구현
- 댓글 조회 하기 - 영진, 승효, 다영
- 댓글 추가 하기 - 영진, 승효, 다영
- 댓글 삭제 하기 - 영진, 승효, 다영
- 댓글 수정 하기 - 영진, 승효, 다영
배포
- json-server 서버 배포 (heroku 사용) - 태언
- 리액트 프로젝트 배포 (S3, vercel 등)
추가기능
- 검색기능 - 영진
- 페이지 모드 변환 - 다영

무조건 서로를 ~님이라고 호칭하기
서로 존중하자, 상대 입장에서도 한번 생각하기
아침조회는 9시에 ZEP에 접속하기
저녁회의는 7시에 ZEP에 접속하기
작업 중에 막히는 부분(오류, 검색해서 잘 나오지 않는 부분)들을 너무 오래 고민하지말고 1시간 혹은 2번 이상 고려해도 안될 때 → 팀원 혹은 팀장에게 공유해서 빨리 해결할 것 → 공유할 땐 구체적인 문제의 원인, 상황을 설명 할 것
코드 리뷰할 경우 왜? 라는 질문 많이 하기, 기분 나빠하지 않기
팀장에게 작업이 끝나거나 새로운 기능을 추가할 때 현재 상황을 업데이트.

최종 정리