💻프로그래밍 기초💻

왼 - 강의(인증샷) / 오 - 노션에 따로 공부내용을 정리(2주차 내용정리)

2주차 - 프로그래밍 기초

2주차 강의에서는 HTML에 대해서 개념 및 활용, 속성에 대해서 배웠습니다. HTML은 웹사이트에서 제일 기본적이며 우리 눈에 바로 보이는 친숙한 존재입니다. HTML은 Hyper Text Markup Language라고 하며 HTML 구조를 깊게 강의에서는 알려주었지만, 간단하게 정리하자면, html 태그가 있고 그안에 head라는 아이와 body라는 아이가 있으며 그 둘이 하는 역할은 head는 말그대로 직접 보이지는 않는 공간에서 html의 시작, 즉, 두뇌역할이라 보면된다. 내가 어떤 html을 구상할것이며, title은 무엇인지 등을 정보를 기입하는 공간이고 body는 이제 우리 눈에 보이는 모든 태그들을 말한다. head는 우리 신체부위로 두뇌이고, body는 말그대로 우리 몸을 말한다! 그리고 HTML의 기본 태그로는 제일먼저 우리는 주석이라는 아이를 알고 싶을 것이다. 왜냐하면 메모하는 것이 우리에게는 익숙하기 때문이다. 또한 잊어버리지 않기 위해서도 있다. <!-- 주석 --> 여기 안에 메모하면 된다. 주석은 html 실행시에 절대로 실행되지 않는다. 또 재밌는 것은 엑셀에서 배웠던 표를 HTML 중첩태그라고 강의에서 배웠는데 여기에서는 table이라는 태그로 표현 할 수 있다. table 태그에 구상된 아이들은 tr, th, td 태그들이 있다. 그들의 역할은 tr은 표의 한 열이며, th는 각 열, 행의 머리이다. td는 표의 각 칸이라고 생각하면 된다. 이렇게 2주차에서 공부를 하였지만 제일 하이라이트는 form요소이다. 항상 네이버 로그인, 구글 로그인할때 사용되어진 html 태그가 form태그였다는 것이 너무 신기했고, 실습하면서 내가 로그인 페이지, 회원가입 페이지를 만들어보니 좀 더 개발공부를 하여서 멋진 웹사이트도 만들어보고 싶고, 회원가입, 로그인 페이지도 만드는 그날을 생각하며 더 열심히 깊게 공부를 해야 겠다는 다짐을 하는 2주차 강의가 되지 않았나 생각한다. :) 

 

-> 2주차 공부내용 :

1. https://www.notion.so/HTML-1-bb9ce97ed4084c298636288bcf2c63a4 (HTML정리[1])

2. https://www.notion.so/HTML-2-83a18889652f4b59b96eb2857de0447c (HTML정리[2])

3. https://www.notion.so/HTML-3-d4cbf6192c1e405593b800cea1027aaf (HTML정리[3])