<aside>
💡 주제 선정
</aside>
- 아래 5개의 웹사이트중, 팀원들과 합의하여 한 개의 웹서비스를 골라서 진행해주세요.
- 추천하는 스코프의 웹사이트와 도전기능이며, 꼭 다른 서비스를 하고 싶으시다면 해당 서비스로 진행하셔도 무방합니다.
- 주어진 기본과제를 다 했다면, 스택별 과제 또는 추가 페이지에 대해서 논의해주세요.
- 1차 배포 목표, 2차 배포 목표를 나누어서 설정해주세요.
뉴닉 클론코딩(백:★★☆ / 프:★★★)
<aside>
📢 제언
- 뉴닉 웹사이트의 경우는 프론트엔드가 할 일이 매우 많습니다.
- 백엔드에서 이모지를 저장하는 방식을 고려해야합니다.
</aside>
오늘의 집 클론코딩(백:★★★☆ / 프:★★★☆)
<aside>
📢 제언
- 백엔드, 프론트엔드 모두 난이도는 평이하지만, 만들어야할 페이지와 기능이 매우 많습니다. 프론트엔드가 4명인 조에게 추천드립니다.
- 책갈피 기능은 백엔드, 프론트엔드에게 모두 도전과제가 될 수 있습니다.
</aside>
스파르타코딩클럽 클론코딩(백:★★ / 프:★★)
<aside>
📢 제언
-
난이도가 비교적 다른 웹서비스에 비해 낮은 편입니다.
-
회원가입 페이지 내의 이메일 인증기능이 도전과제일 수 있습니다.
-
강의 조회 페이지의 영상의 경우, 임의의 유튜브 링크로 대체해주시면 됩니다.
-
강의실 내 숫자 카운팅 애니메이션은 사진의 div를 뜻합니다.
</aside>
핀터레스트 클론코딩(백:★★★★ / 프:★★★★)
<aside>
📢 제언
- 사진 업로드 기능에 대해 고민을 많이 해야하는 웹서비스입니다. 백엔드에서는 swap memory 설정, 프론트엔드에서는 이미지 압축등에 대해서 찾아보시고 적용해보셔야합니다. 사진 업로드 기능의 경우, 한장씩만 업로드할 수 있도록 해주세요. 다중 이미지 업로드 기능은 쉽지 않습니다.
- 스크롤시 한 섹션씩 이동하는 기능에 대해서 프론트엔드가 고민해보실 부분입니다.
</aside>
트위터 클론코딩(백:★★★★☆ / 프:★★★★★)
<aside>
📢 제언
- DM기능을 설계하며, socket.io 통신을 적용해야합니다. 이 부분이 많이 어려울 수 있습니다. 대화방을 나갔을때 채팅내역이 유지되지 않는 것에 대해서는 아직 고민하지 않으셔도 좋습니다. (일반적으로 stomp 라이브러리를 적용하지만, 1주 스코프의 프로젝트에 적용하기에 적합하지 않습니다.)
</aside>