데브코스 내에서 익명/기명으로 편지를 보내는 SNS 서비스
피어리뷰를 진행하면서 전하지 못한 말들이 있어 아쉽지 않으셨나요? 또는 데브코스에 참여하는 교육생들에게 진실된 마음을 표현하지 못한 순간이 있지는 않으셨나요? 😄
머-쓱레터는 익명/기명을 통해서 다른 교육생들에게 마음을 전달하기 위한 서비스가 있다면 좋을 것 같다는 배경에 기획한 SNS 서비스입니다.
사용자는 다양한 머쓱이 테마를 선택해서 친구들에게 머쓱이를 꾸며달라고 공유할 수 있습니다. 머쓱이에게 장식스티커를 하나하나 붙이면서 평소에 하지 못했던 응원과 피드백의 편지를 전송해 마음을 전달해보세요📮
- yarn이 활성화 되어 있지 않다면 터미널에서 corepack enable 명령어를 입력합니다. (최초 한번)
- vscode에 ZipFS 익스텐션이 설치되어 있지 않다면 설치해야 합니다. (yarn berry가 패키지를 zip 파일로 관리하기 때문에, vscode에서 이 내용을 가져와서 쓰려면 익스텐션이 필요합니다.)
- 레포지토리 클론 후 프로젝트의 루트 폴더로 들어가서 터미널에
yarn명령어를 입력합니다. - 타입스크립트 버전을 yarn sdk와 맞추기 위해 아무 .ts 파일이나 들어가서
cmd + shift + p후에Select TypeScript Version를 입력 후Use Workspace Version을 선택합니다.
- 프론트엔드에서 사용할
.env파일 내용을/packages/web/.env파일로 작성합니다. yarn web dev를 입력하면 개발 서버가 실행됩니다.yarn web build를 입력하면 프론트엔드 코드를 빌드합니다.
- 슬랙 서버에서 사용할
.env파일 내용을/packages/slack/.env파일로 작성합니다. yarn slack dev를 입력하면 개발 서버가 실행됩니다.yarn slack build를 입력하면 슬랙 서버 코드를 빌드합니다.yarn slack start를 입력하면 빌드한 코드로 서버를 실행합니다.
루트 디렉토리의 package.json의 scripts로 이러한 내용을 적어두었습니다:
"common": "yarn workspace common",
"slack": "yarn workspace slack", // Express 앱
"web": "yarn workspace web", // React 앱
- React 앱에 대해서 axios를 설치:
yarn web add axios - React 앱에 대해서 axios를 제거:
yarn web remove axios - Express 앱에 대해서 dotenv를 설치:
yarn slack add dotenv
| 언어 및 라이브러리 |
|
| 패키지 및 빌드 환경 |
|
| 스타일링 |
|
| 네트워크 및 서버 상태 관리 |
|
| 코드 포맷팅 |
|
| 폼 데이터 관리 |
|
| 기타 |
|
 |
 |
 |
 |
 |
| 남궁호수 | 박주연 | 신호원 | 이상훈 | 우현지 |