hjurie / BlackFED

Black Front End Develop Study에서 공부하고 제작한 프로젝트

Black FED Study

개인 프로젝트 발표

1. 전체적인 진행을 위하여 각 프로젝트 완성에 대해서는 멈추지 않고 진행합니다.
2. 개인적으로 미완성 프로젝트는 진행하여 완성하여 짧은 시간을 이용하여 발표합니다.

• 발표내용은 화면을 보여주며 정상 작동, 의도하는 바를 설명합니다.
• 만들면서 힘들었던 점, 신기했던 점, 재미있던 점 등을 이야기합니다.

해당 스케쥴은 상황에 따라 변경될 수 있습니다.

1일차 - 2018. 04. 18

• 기초 지식 공유와 이후 개발에 대해서 논의

---

TOOD LIST

2일차 - 2018. 04. 25

• NodeJS 구성
• Free MongoDB(mlab) 계정 생성과 간단한 이용법
• NodeJS에서 Mongoose를 이용한 MongoDB Connection
• NodeJS에서 development, production 모드를 구분하여 환경변화를 줄수 있는 config 설정

3일차 - 2018. 05. 02

• NodeJS에서 Mongoose Schema 구성
• NodeJS에서 TODO List의 Create, Read, Update, Delete 구현하기

4일차 - 2018. 05. 09

• CRA를 이용하여 ReactJS로 Front 구성 설명
• Styled-Components를 이용하여 화면설계 방법 설명
• 과제로 다음시간까지 (2018. 05. 16) TodoList 화면설계 각자 해오기 진행

5일차 - 2018. 05. 16

• Redux 구성 함께하기
• Rest API를 이용하여 데이터를 저장
• 과제로 다음시간까지 (2018. 05. 23) 자기 프로젝트에 맞춰서 Redux 구성해오기

6일차 - 2018. 05. 23

• React life cycle 대한 설명 (16.3.x 버전의 의해 변한 점도 설명)
• Redux에 심층 설명 ( Code보고 설명하기 )

---

CHAT

7일차 - 2018. 05. 30 (예정)

• NodeJS에 WebSocket 구성
• 간단한 화면구성 이후에 브라우져 여러개 이용하여 실시간 통신 여부 확인
• 과제로 다음시간까지 (2018. 06. 13) 카카오톡을 보고 로그인, 회원가입, 채팅방, 귓속말화면 디자인 만들어오기 ( Component 디자인 )

8일차 - 2018. 06. 06. 휴일

9일차 - 2018. 06. 13 (예정)

• Mongoose를 이용하여 회원, 채팅내용 스키마 제작
• NodeJS 토큰방식을 이용한 로그인 처리 구성
• WebSocket에 채팅내용 저장 연동
• 과제로 다음시간까지 만들어 놓은 디자인에 로그인 가능, 채팅내용 저장 (로그인하여 채팅입장전에 안읽은 개수 보이기, 입장하면 못본내용을 볼수 있게 하기) 연동하여 완성해오기

---

10일차 - 2018. 06. 20 (예정)