a word.
소개
"a word."는 짧은 문자만으로 소통하는 website입니다. home에서 간단하게 글을 작성하고 수정 또는 삭제가 가능합니다. 게시글에 댓글도 남길 수 있습니다. mypage에서는 사용자가 작성한 글을 관리할 수 있으며, 가입 시 설정한 nickname을 언제든지 바꿀 수 있습니다.
사진, 영상 등은 올릴 수 없습니다. 게시글과 댓글 모두 50자로 제한됩니다. '좋아요' 기능을 대신하여 해당 게시글이 사용자에게 어떤 새로운 생각을 하게 해주었다면 표시하는 전구 icon을 넣을 것입니다.
meta의 'threads'가 출시되며 사진과 영상 위주의 SNS trend가 바뀔 거란 개인적인 추측과 short form 동영상에 대한 비판적이 견해를 바탕으로 idea를 냈습니다. 그리고 점점 방대해지는 social media data들이 조금은 줄었으면 하는 바람도 있습니다. 다른 한편으로는, 각 나라의 아름다운 문자들을 하나의 시각적인 요소로 받아들이고 그 언어를 넘어 문화까지 이해하며 소통하기를 기대합니다.
일정
| 날짜 | 할 일 |
|---|---|
| 2023.07.07 | wireframe 제작 |
| 2023.07.08 | S.A 작성 file, folder, component 구성 |
| 2023.07.09 | 기본 CRUD |
| 2023.07.10 | redux 관리 |
| 2023.07.11 | Lv. 4 제출 |
| 2023.07.12 | Lv. 5 시도 |
| 2023.07.13 | Lv. 5 제출 |
| 2023.07.14 | 과제 마감 |
기술 stack
- HTML
- CSS
- JavaScript
- React
Wierframe
API
Check list
[ ] UI 구현하기
[ ] API 명세서 작성하기
본문 CRUD 구현
[ ] 본문 list 조회하기
[ ] 본문 추가하기
[ ] 본문 조회하기
[ ] 본문 삭제하기
[ ] 본문 수정하기
[ ] 동적 routing 사용하기 (Profile)
[ ] button component 1개로 모든 button 구현하기
[ ] Custom Hook 구현하기
[ ] Form에 유효성 검증 기능 적용하기
ex) 글을 50글자를 초과하여 기입하면, 추가할 수 없도록 제한 → Alert으로 안내
ex) Form에서 모든 input에 값을 입력하지 않으면, button 비활성화
[ ] development 환경에서만 redux devtool이 활성화 되도록 처리하기
[ ] 배포된 결과물에서는 console.log()가 보이지 않도록 정리하기
[✓] .env를 이용해서 API server의 URL을 code에서 숨기기
[ ] 간이 API server에서 어떤 API를 사용하였는지 명세서 작성하기
[ ] json-server server 배포
[ ] React project 배포 (S3, vercel 등)
