카카오 만들어보기

index.html 

login.html

 

main.html

chat.html

    채팅그림을 누르면 나오게 했다.

chat.html

해당 채팅창을 선택하면 색이 변하도록 css를 넣어주었다. 

 

채팅창css 

 

돋보기를 누르면 여기로 넘어온다. 

 

이클립스 ...를 누르면 나오는 페이지이다. 

위 화면에서 cogs를 누르면 나오는 setting페이지이다. 

 

이번 css연습은 노마드코더의 kakao clone을 보고 만든 졸업작품이다. 

아직 완벽하게 css의 속성을 이해한 것은 아니지만 적어도 display :flex에 대해서는 이해를 충분히 했고, 

애니메이션에 대해서 더 연습을 많이 해야겠다고 느꼈다.

https://ho-bolt.github.io/KokaoClone/

위의 것을 만든 링크이다. 

index