07. Chrome 인스펙터 개요 내가 보고 있는 페이지에 어떤 요소가 사용되고 있는지 볼 수 있는 '개발자 도구(= Chrome 인스펙터)'. F12 를 눌러도 되고, Ctrl + Shift + I 를 누르는 방법도 있다. 아니면, Chrome 오른쪽 위에 있는 ⋮ 버튼을 누른 뒤, 도구 더보기 > 개발자 도구를 선택해도 된다. 08. HTML 상용구boilerplate HTML이라면 갖추어야 할 필수적인 구조가 있다! 이게 없다면 아무리 tag를 잘 사용하고 요소를 잘 사용하더라도 제대로된 HTML 문서가 될 수 없다!! 이러한 필수적인 구조를 HTML 상용구boilerplate라고 부른다. 내가 만드는 모든 HTML 문서에 들어가야 하는 표준화된 마크업을 뜻한다. 상용구가 없어도 브라우저에서 보여주..

이번 섹션에 포함된 강의명은 다음과 같다. (강의에서 제공된 번역 내용을 기반으로 작성하지만, 간혹 오역으로 판단될 경우에는 내 해석으로 대체할 수 있음..!!) 순서 강의명 소요 시간 중요도 (필수crucial/중요important/선택nice to have) 01 HTML 개요 Introduction to HTML 6' 55" - 02 우리의 첫 HTML 페이지 Our Very First HTML Page 5' 33" - 03 팁: 모질라 개발자 네트워크 Tip: Mozilla Developer Network 2' 41" 중요 (but 필수는 ×) 04 단락 요소 Paragraph Elements 3' 14" 필수 05 제목 요소 Headings Elements 5' 36" 필수 06 코딩 연습 1:..

이번 섹션에 포함된 강의명은 다음과 같다. (강의에서 제공된 번역 내용을 기반으로 작성하지만, 간혹 오역으로 판단될 경우에는 내 해석으로 대체할 수 있음..!!) 순서 강의명 소요 시간 중요도 (필수crucial/중요important/선택nice to have) 01 인터넷이 어떻게 동작하는가? (5분 이내로 설명) The Internet in 5 minutes 5' 42" 중요 (but 필수는 ×) 02 웹이란? Intro to the Web 6' 01" 중요 (but 필수는 ×) 03 HTTP 요청 및 응답 과정 HTTP Request/Response Cycle 4' 21" 중요 (but 필수는 ×) 04 프론트엔드와 백엔드 Front-end and Back-end 3' 59" - 05 HTML/CS..

양질의 강의가 많다는 Udemy에서 가장 인기가 좋은 웹 개발 강의를 선택해서 듣기로 했다. 많은 연습을 통해서 최소한 HTML, CSS, Javascript 정도는 자유자재로 다룰 수 있는 상태로 내년에 국비지원학원 수업을 수강했으면 하는 개인적인 바람이 있다. 무엇보다도, 내가 선택한 이 강의, Colt Steele 강사님의 The Web Developer 부트캠프 2022는 전반적으로 풀스택(프론트엔드+백엔드) 과정을 모두 다루고 있는 것으로 보이는데, 나는 이를 통해서 내게 좀 더 맞는 개발 분야를 특정하려고 한다. 프론트엔드가 될지, 백엔드가 될지 모르니까. 강의에 한글 자막도 지원이 되어서 편하게 들을 수 있다. 강사님 목소리도 굉장히 젠틀하니 좋은 것 같다 헤헿 영어 강의를 듣는 드문드문 들..

검색엔진 최적화(Search Engine Optimization, SEO)란? 검색엔진(구글 등)에 잘 노출될 수 있도록 하는 활동. 굉장히 다양한 활동들이 있음. 근데 왜, HTML 강의에서 SCO를 다루냐면 검색은 정보를 찾는 행위다. '웹'이라는 공간 안에서 정보를 표현하는 언어이면서 정보를 유통시키는 기술이 html이다. 그렇기 때문에 html의 의미에 맞게 잘 코딩하는 것 → 자연스럽게 '검색엔진 최적화(SEO)'에 기여를 하게 된다. https://developers.google.com/search/docs/fundamentals/how-search-works?hl=ko Google 검색의 작동 방식의 상세 가이드 | Google 검색 센터 | 문서 | Google Developers Goog..