[Udemy - 100일 코딩 챌린지] 1주차(HTML & CSS Basics)

생활코딩 html•css•javascript 강의, 누구나 쉽게 배우는 Do it! 조코딩의 프로그래밍 입문, 스파르타 코딩클럽 웹개발 종합반까지 까지 수강하고 나서 본격적으로 웹개발자가 되기 위해 유튜브 광고를 통해 알게 된 udemy에서 할인행사가로 강의를 대량 매집했다.

다 듣고 이직할 수 있을지, 다 못 듣고 이직할 수 있을지는 모르겠지만 우선 이직하면 좋겠다.

 

지금 연봉의 2배 받고 ㅋㅋ

 

100일 코딩 챌린지 33강까지 수강한 후기랑 공부내용 정리차 기록한다.

 

맥북에어를 통해 vscode 에서 코드를 짠다. 아이패드 미니5로 강의 수강한다.

 

HTML은 콘텐츠와 페이지 구조를 정의하고 설명하는 데 사용됩니다.

 

가장 기본적인 형태의 웹페이지는 서버에서 제공하는 *.html 파일입니다.

HTML 콘텐츠는 원격 서버의 파일에 저장되고 사용자가 페이지를 방문할 때 서버에서 브라우저로 보냅니다.

HTML 요소란 HTML 태그(요소 이름 포함) + 콘텐츠

HTML 요소는 콘텐츠에 주석을 달고 더 많은 의미를 제공합니다.

모든 표준화된(Standardized) HTML 요소를 사용할 수 있다.

HTML 속성(Attribute)을 사용하면 요소에 추가 구성을 추가할 수 있다.

CSS는 콘텐츠 및 펭지페이지의 스타일과 모양을 설정하는 데 사용합니다.

CSS 는 HTML 요소에 대한 '속성(Attribute)' 및 해당 값(value)을 설정합니다.

인라인 스타일은 스타일 속성을 통해 요소 스타일을 할당한다는 의미입니다. tag 안에서 스타일까지 한꺼번에 지정한다는 의미인 듯

글로벌  CSS 스타일의 장점은 하나의 CSS 규칙이 페이지의 여러 요소에 적용될 수 있는 것이다.

CSS 선택자(Selector)는 규칙이 적용되는 요소를 정의하는 CSS 규칙의 일부 입니다. ex) p {}, a {}

HTML 문서의 'head' 와 'body' 섹션 이면에 있는 아이디어는 어떤 콘텐츠가 주요 시각적 콘텐츠이고 어떤 데이터가 추가 메타데이터인지 명확히 합니다.

브라우저 개발자 도구를 통해 페이지(ex: HTML 요소 스타일 또는 속성)를 편집하면 로드된 페이지(내가 수정한 페이지)는 다시 로드할 때까지 변경됩니다.(수정상태가 유지된다)

 - 후  기 -

 

4회차 강의라 어려운 내용이 있지는 않았는데, 기존 강의에서는 수강생들의 원활한 수강을 위해 건너뛰었던 세부내용들에 대해 설명 들을 수 있어서 좋았다. 원론적이 이야기들이지만, html tag, content, attribute 같은 얘기들.

 

강의 노트가 따로 없어서 걱정했는데, 퀴즈에 내가 중요하다 싶은 내용을 추가로 적어넣으면 그게 나만의 강의노트가 되지 않을까 하며 자기 위안을!

 

그리고 결국 코드는 영어로 작성되기 때문에, 영어 강의로 수강하는 게 훨씬 도움이 되지 않을까 싶다.

한글자막이 있긴 하지만, 나의 애매한 영어실력으로는 자막이랑 내가 듣고 이해하고 있는 내용이랑 순서가 달라져서(영어와 한글의 어순 차이) 한글자막 켜고 수강하다가 영어 자막으로 바꿨다. 차라리 영어자막을 읽는 게 나을 듯. 영어공부도 할 겸 ㅋㅋㅋ

 

그리고 어차피 한번에 100프로 이해한다는 생각은 버렸다. 애당초에 개발자가 되기 위해 도전해야지 마음먹었을 때 절대적인 시간을 투자하고 '반복이 정답이다.'라고 생각하면서 달려들었기 때문에, 많이 듣고 이해하려고 애쓰다 보면 내 안에 쌓이겠지 싶다.

 

2024년 상반기 연봉 2배로 올려 개발자로 이직해서 선한 영향력을 끼치며 살고 있다!!!