Kokoa-clone

✔ HTML과 CSS 연습을 위해 카카오톡 화면을 구현

✔ 노마드코더 Kokoa Clone을 참조하여 제작하였다.

1. 핵심 기능

1. 로그인 화면 구현

2. 친구 화면 구현

3. 채팅 화면 & 채팅방 화면 구현

4. 더보기 화면 구현

5. github-page를 통해 배포

✔ Kokoa Clone 2배속 시현 영상(2배속이라 살짝 영상이..😥)

2. 제작 기간 & 참여 인원

1. 제작 기간: 2023.03.10 ~ 2023.03.16
   

2. 참여 인원: 1명
   

2023.03.10

HTML, CSS 기본 개념

2023.03.13

로그인 화면 구현

Friends 화면 구현

2023.03.14

Chats 화면 구현

Find 화면 구현

2023.03.16

More 화면 구현

Settings 화면 구현

Chat 화면 구현

Kokoa-clone 완성 및 배포

3. 배포 링크

✔ 배포 링크: https://jiy00n2.github.io/kokoa-clone/

4. 회고 / 느낀점

1. 웹 사이트를 순수 CSS로 구상하는 것이 어려웠다.

2. CSS 방법론으로 BEM을 알게되어서 편리했다.

3. HTML, CSS로 화면을 구상해보고 꾸며보면서 재밌었다.