2021.7.22 TIL 반응형 웹사이트 포트폴리오 강의 완강

3주간 들었던 인프런, 코딩웍스의  반응형 웹사이트 포트폴리오 강의를 완강했다🎉

HTML과 CSS에 대한 체계적인 지식이 없는 상태에서 하나의 페이지를 구성하기 위해 했던 수많은 삽질들이여 안녕~~!!

Instagram web clone 했을 때 CSS에 대한 제대로 된 지식이 없어서 얼마나 애를 먹었는지 모른다.

 

해당 반응형 웹사이트 포트폴리오 강의는 웹 퍼블리셔를 위한 강의라고 하셨는데, CSS가 부족한 나도 많은 도움을 얻은 강의였다. 강의에서 제일 좋았던 점은, 먼저 구조도를 설명해주고 -> CSS로 들어가는 구성이었다. 강의 처음에 들었을 때 구조도를 html로 짜는 부분은 스킵하는 식으로 봤는데, 한번 제대로 보고 나서 따라했을 때 속도가 빨라지는 것을 경험하고는 이부분을 놓치지 않고 보게 되었다. 이런 식으로 구조도를 먼저 짜고 들어가는 것이 얼마나 효율적인지를 알게 되었다. 

 

CSS는 노가다 아닌 노가다로 생각했는데, 노가다긴 하지만^^, 이제는 그 노가다로 이것 저것 하다가 얻어걸리는게 아니라 왜 이 부분은 이게 안되는지, 왜 저렇게 되는지를 제대로 이해할 수 있게 되었다. inline과 block의 차이도 그전엔 머리로만 이해하고, 그 차이를 이용할 생각은 못했는데, 이번 강의를 들으면서 그 부분에 대한 이해와 동시에 CSS로 활용할 수 있게 되었다.

 

자세한 코드 내용은 github 에서 확인할 수 있습니다~~!

 

 

웹 데모 영상

 

모바일 버전

 

 

끝~~~!!! 이젠 사진과 내용을 회사 내용으로 수정해야 하는데, 이 부분이 제일 어려울 듯 하다....^^;;