Posts 강의보고 만든 Starbucks Homepage
강의보고 만든 Starbucks Homepage
Cancel

강의보고 만든 Starbucks Homepage

열심히 강의 보고 따라 만든 Starbucks 홈페이지다.

순수 HTML CSS JS로만 만들었다.

스타벅스 홈페이지 포폴


만들면서 느낀점

우선 React를 안 쓰고 만든 것이 오랜만이라 좋았다.
기능은 없고 단순 UI만 만드니까 마음이 편안..

일단, 코드르 보며 강의에서는 재활용 할 수 있는 class들이 참 많았다.
구조적으로 정말 잘 짜여 있어서 동일한 tag들을 계속 이용할 수 있었고,
간단한 class만 추가해서 조금의 변형만 해서 쓰는 부분들도 좋았다.

이런 코딩을 하려면 우선 디자이너와의 소통도 매우 중요하게 느껴졌다.
개발자 혼자서 하려고 해도 구조적으로 너무 다양하면 재활용을 할 수 없을테니..

그리고 position을 너무 많이 쓰는 강의 였던 거 같기도 하고,
워낙 이미지와 이미지가 겹치는 부분이 많아서 어쩔 수 없었는가 싶기도 하다.

그 외에 180도 회전 이미지나, 고정된 상태에서 scroll이 들어가는 이미지 등
유용하게 사용할 수 있는 UI들이 많았다.
이것들을 앞으로도 계속 사용할 수 있는 좋은 코드들인 것 같다.

강의 듣기를 잘했다.
아무리 간단해 보이는 강의더라도
다른 사람들은 코드를 어떻게 짜는지 볼 수 도 있고,
내가 미처 몰랐던 코드들도 있었으니 얻어가는 것이 많다.

그리고 일단 홈페이지가 예뻐서 기부니도 좋다.


This post is licensed under CC BY 4.0 by the author.

초심으로 돌아가 공부하는 Front-End 2편 HTML

React-router 복습하기

Comments powered by Disqus.