HTML, CSS 기초를 이용한 웹사이트 디자인

주소: kchung1995.github.io/html-css/

Welcome to Kokoa Talk

 

Nomad Coders에서 html-css 기초를 다루는 코코아톡 클론 코딩 (nomadcoders.co/kokoa-clone) 강의를 2주간 들으며 만든 결과물입니다.

 

대학 시절 학교에서 전공선택 과목으로 인터넷 프로그래밍이라는 강의가 있었는데, HTML5, CSS, JavaScript를 중간고사까지 다루고, 이후에는 JSP, Scriptlet, Expression, JDBC, MySQL 등등을 이용하고, 스프링 프레임워크를 이용하여 웹사이트의 백엔드 제작까지 다루는 강의입니다.

저는 이런 이론적인 내용이 아닌, (언어를 공부하는 것과 비슷한) 내용은 나중에 필요할 때 직접 공부하면 된다고 생각하여 듣지 않았고, 최근에 관심이 생겨서 공부해 보게 되었습니다.

매일 알고리즘 문제풀이만 공부하다가 오랜만에 무언가 결과물을 직접 만드는 과정을 진행하니 재밌더라구요 ㅎㅎ

 

이 강의는 그 중 앞부분인 HTML5와 CSS를 다루는 강의입니다.

유료 강의이다 보니 광고 같아서 너무 자세히 말하긴 좀 그렇지만... 내용이 방대하지는 않지만, 2주 과정 챌린지와 함께 진행하면 다양한 실습을 하게 되고, 챌린지를 마친 후에는 저 두 분야에 대해서는 아주 잘 안다고 할 수 있게 됩니다.

강의 수강 완료 후 후기도 적었습니다. nomadcoders.co/community/thread/626

 

진행하며 제가 제출한 프로그래밍 과제 결과물도 있습니다:

 

• Assignment 1: https://youareawesomeblueprint.kchung1995.repl.co/
• Assignment 2: https://youareawesomeblueprint-1.kchung1995.repl.co/
• Assignment 3: https://youareawesomeblueprint-2.kchung1995.repl.co/
• Assignment 4: https://youareawesomeblueprint-3.kchung1995.repl.co/
• Assignment 5: https://weloveyoublueprint.kchung1995.repl.co/
• Assignment 6: https://kuyho-assignment6.kchung1995.repl.co/
• Assignment 7: https://kuyho-assignment7.kchung1995.repl.co/

그 외에 자세한 내용은 GitHub을 확인해 주세요: github.com/kchung1995/html-css

 

시간이 될지는 모르겠지만,

나중에 제가 공부한 이론 부분 내용을 블로그에 정리해 보고 싶네요.

생각하고 있는 주제는 HTML 개요, CSS 개요, ID와 Class, Pseudo-selector, Margins/Paddings/Blocks, Flexbox, Animations 등입니다.