01. 웹 표준 사이트 만들기

웹을 구현할때 스스로 레이아웃을 구성하거나 css문법에 어려움을 겪던 중 추천 받은 유투브 영상을 보고 학습을 시작했다. 

 

https://www.youtube.com/watch?v=tHy498wdPaA&list=PL4UVBBIc6giKixok-bC7XVEx0ZFsngr5Z&index=1 

---

[구현하고 싶은 페이지 화면]

이번 졸업프로젝트에서 위 이미지와 같이 포스기화면을 구현하면 좋을 것 같았고 이미 만들어놓은 페이지로는 부족하다고 생각했다. 

 

Brackets이라는 에디터를 설치해서 편하게 공부할 수 있었고 나중에 react로 구현할때에는 js안에 구현해야 하기 때문에 그 부분만 유의해주면 될 것 같았다.

 

일단 레이아웃은 이렇게 구성했고 header 부분에는 현재 결제 진행단계, SIDE_LEFT에는 인식된 결제 상품들, CENTER에는 담은 상품들을 보여주고 SIDE_RIGHT부분에 상품수량, 가격에 대한 정보를 보여주려고 구성했다. 

 

이번에 추천받은 영상을 완강하면서 까먹었던 html, css를 복습해도 좋을 것 같았다!