본문 바로가기

TIL/The Complete Web Developer in 2021: Zero17

CSS(2021-02-05) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Your First CSS CSS는 Cascading Style Sheet의 약어로 문서의 스타일을 내는데 사용된다. 기본적인 CSS의 형태는 이하와 같다. selector에는 어떤것을 선택할 것인지. property 에서는 무엇을 할 것인지 value 에는 property에서 하기로 한 것의 값이 무엇인지를 결정한다. CSS 파일과 HTML을 연결시켜 주는 방법은 head 부분에 link 태그를 쓰면 된다. 다른방식으로도 스타일링을 추가 할 수 있다. 1. inl.. 2021. 2. 5.
Advanced HTML 5 (2021-02-04) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) HTML Forms - HTML에서 form 태그를 이용해서 폼(제출하는 양식)을 만들수 있다. - input 태그를 이용해서 여러가지 형태의 입력을 받는 칸을 만들수 있다. - email input에는 required 속성을 지정하여 꼭 입력하도록 했으며 - radio는 동그란 버튼을, 그리고 name을 통해 해당 radio 버튼이 어디에 속하는지 지정하여 한가지만 선택 가능하게 할 수 있다. - Select 태그를 이용하여 드랍다운 메뉴를 생성 가능하며 - in.. 2021. 2. 5.
HTML 5(2021-02-04) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Build Your First Website 기본적인 html 파일의 구조는 이하와 같음. - 태그로 이루어져있고 그 태그를 닫는 형태로 이루어져있다. DOCTYPE 태그는 브라우저에게 우리가 어떤 데이터타입을 쓸껀지 말해주는 역할. www.w3schools.com/tags/tag_doctype.asp HTML doctype declaration HTML Declaration ExampleThe content of the document...... Try it Yo.. 2021. 2. 4.
History Of The Web(2021-02-04) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) WWW vs Internet 1969년 처음 군사용 목적으로 ARPANET이 만들어졌으며 점점 확장하여 인터넷이 되었다. 이후 팀 버너스 리가 자료(HTML CSS...등)를 주고 받거나 할때 공통규약으로 사용할 수있는 WWW를 만든것. 비유하자면 인터넷은 핸드폰이고 핸드폰에서 사용가능한 인스타그램이 WWW인것이다. 이하의 링크에 괜찮은 영상자료가 있어서 첨부 www.youtube.com/watch?v=3QhU9jd03a0&list=PL8dPuuaLjXtNlUrzy.. 2021. 2. 4.
How the internet works (2021-02-04) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Browsing the Web 기본적인 인터넷의 작동은 이하의 도식과 같다. The Internet Backbone Browsing the Web 에서 보았던 도식의 주소와 HTML, CSS, Javascript등을 주고 받는 화살표는 실제로는어떻게 되어있을까? Traceroute 윈도우CMD에서 Tracert 명령어를 입력하면 몇번이나 내 요청이 왔다갔다 하는지 살펴볼수 있다. 자세한 해석은 링크를 참조하자.(www.inmotionhosting.com/suppor.. 2021. 2. 4.