[CSS 기초와 활용] 구글 클론 사이트 만들기 (feat. 개발자도구, Bootstrap, codepen 등)
CSS의 개념과 기초 문법에 대해 학습하고 이를 이용해 Google 유사 클론 웹사이트(Joogle)를 만드는 학습 영상입니다. 영상에 나온 것 처럼 CSS를 모두 외워서 사용하는 것이 아니라 google에 검색하여 관련 내용을 찾아서 적용하시면 훨씬 시간을 아낄 수 있습니다. 또, Bootstrap, Materialize, Semantic UI 등 CSS를 미리 만들어 놓은 라이브러리를 이용하시면 조금 더 쉽게 원하는 사이트를 구축하실 수 있습니다. (MIT라이센스 - 상업적 이용 무료) Bootstrap: https://getbootstrap.com Materialize: https://materializecss.com Semantic-Ui: https://semantic-ui.com Codepen은..
[HTML 기초 강좌 1강] 태그 이해하기 (Feat. 네이버 해킹?!)
웹 개발의 가장 기본인 HTML의 태그에 대해 이해해보는 강좌입니다. HTML 태그의 기본에 대해 이해하고 크롬 개발자 도구를 이용해 실제 웹 사이트를 분석하고 기사 조작, 실시간 검색순위 조작을 통해 실습해보는 강좌입니다. 안녕하세요 누구나 배울 수 있는 쉬운 코딩 채널을 만들어가는 조코딩입니다. 이번 영상부터 HTML의 기본에 대해 함께 배워보겠습니다. HTML이란 지난 코딩 공부 순서 영상에서 말씀드렸던 것처럼 웹의 Front-End의 뼈대를 구성하는 언어입니다. 즉, 웹 페이지의 전체적인 구조가 어떻게 되어 있는지를 표시하는 마크업 언어인 것이죠. HTML은 Hyper Text Markup Language로 풀어쓰자면 하이퍼텍스트 하이퍼링크 들로 구성된, 마크업 웹페이지 구조가 어떻게 되어있는지 ..