과제 3: 혼자 쓰는 Facebook 만들기

[kimhodol]

안녕하세요, NEXT 여러분. 지난 시간까지 우리는 다음 내용들을 배웠습니다.

• Vue.js의 기본 문법과 사용법
• Component 기반 개발방식 (props, events emitting)
• Component Lifecycle / Axios
• Rails API Server

그럼 이제 배운 걸 모두 활용해봐야겠죠? Reactive한 UI로 대표되는 페이스북을, 혼자 쓰는 버젼으로 만들어봅시다.

위 사진에 보이는 것과 같이, 내 타임라인을 만들어 봅시다.

1. 게시글 외의 정보들 (커버사진, 프로필사진 등)은 임의로 정해놓고 쓰셔도 됩니다.
2. 컴포넌트는 다음과 같이 이루어져있습니다. (조금 더 많게 나누셔도 상관 없습니다.)
   • 헤더
   • 커버사진 / 프로필 사진 / 이름 / 메뉴(모든 페이지를 구현할 필요 없습니다.)
   • 소개
   • 게시물 작성란 (게시물 올리기 외의 기능들은 구현하지 않아도 좋습니다.)
   • 사진 (아무 사진이나 넣으셔도 됩니다.)
   • 내가 쓴 게시물 목록 (게시물 작성란에서 글을 쓰면 제일 최신 글이 맨 위에 자동으로 업데이트 되어야 합니다.)
   • 내가 쓴 게시물
   • 게시물별 댓글 작성란
   • 게시물별 댓글 목록
   • 게시물별 댓글
3. Vue.js와 Rails API Server을 이용해 Backend와 Frontend를 나누어 만들어서 연결해주세요. (React나 Node 등 다른 기술스택이 편한 사람들은 그쪽을 사용해도 상관 없습니다.)
4. 과제 기한은 10월 29일 월요일 세션 시작 전까지 입니다.
5. 최대한 구현하려는 노력이 중요한 겁니다. 완벽하지 않아도 상관없어요! 건투를 빕니다.

[gyeol1212]

신한결 https://github.com/gyeol1212/fakebook

[sangw0804]

https://github.com/sangw0804/fakebook

[PoSungKim]

김보성