edwith (4) 썸네일형 리스트형 HTML의 개념, 기본 구조, 요소(element) 구조 목차 HTML의 개념 HTML의 기본 구조 HTML의 요소(element) 구조 HTML의 개념 HTML(Hypertext Markup Language)은 웹 페이지를 표현하는 데 사용되는 마크업 언어이다. 좀 더 자세히 말하면, 웹브라우저가 HTML의 문법을 해석해서 화면에 웹페이지를 보여주는 것이다. HTML은 주로 웹페이지에서 '무엇을 어디에 배치할지'와 같이 구조화하는 데 사용된다. 쉽게 말해서, 인테리어를 한다고 가정하면 방 하나가 웹 페이지이고 가구들을 배치하는 데 사용되는 것이 HTML이다. (나중에 포스팅할 CSS는 배치된 가구들의 디자인이라고 이해하면 된다.) HTML의 기본 구조 1) HTML의 기본 구조 HTML은 기본적으로 다음과 같음 구조를 가지고 있다. 로 감싸져 있는 영역이 영.. [edwith] 초보자를 위한 HTML & CSS 동작과 원리 기간 2020 / 09 / 07 ~ 2020 / 09 / 20 동기 웹 풀스택을 공부하기 위해서 edwith 의 을 수강하는 중 이었다. 그런데 웹프로그래밍 강의가 요점정리같이, 풀스택에 정말 필요한 부분만을 다루고 있어서 시간적으로는 효율적일지 몰라도 뭔가 제대로 배우고 공부하는 느낌은 안들었다. 그리고 뭔가 놓치고 있는 느낌(?)도 들었다. 그래서 이번 edwith의 강의와 병행해서 공부하면 더 도움이 될 것 같아서 수강하기 시작했다. 과정 강의는 위의 사진처럼, HTML과 CSS에 대해 집중적으로 배운다. 초반에는 HTML과 CSS에 대한 이론 설명을 하고, 중후반부로 갈수록 직접 코드를 작성하며 웹 페이지가 어떻게 구성되고 어떻게 만들어지는지 알아간다. 그리고 강의 시간은 대부분 10분 안쪽이다... 브라우저와 렌더링 엔진 동작 원리 더보기 🙋 오늘 포스팅에서는 서버로부터 전달(응답)받은 자원을 어떻게 화면에 출력하는 지를 다룰 예정이다. 이 글을 읽고 나면, 브라우저 주소 창에 google.com을 입력했을 때 어떤 과정을 거쳐 구글 페이지가 화면에 보이게 되는지 알게 된다. 목차 브라우저 브라우저의 구성 요소 렌더링 엔진의 동작 원리 브라우저 1) 브라우저 란? 브라우저란 월드 와이드 웹(WWW)에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어이다. 예를 들어, 구글 크롬, 인터넷 익스플로러 등과 같이 검색창이 있는 프로그램이라 생각하면 된다. 브라우저는 인터넷에서 특정 정보로 이동할 수 있는 주소 입력창(=인터페이스)이 있고, 서버와 HTTP로 정보를 주고 받을 수 있는 네트워크 모듈도 포함하고 있다. 서버에서 받은 문서(H.. 컴퓨터와 2진법의 관계 목차 2진법 이란? 2진법의 표현법 컴퓨터와 2진법의 관계 컴퓨터가 2진법을 사용하는 이유 컴퓨터는 왜 기술이 진보한 지금까지도 2진법을 사용할까? C언어로, 10진법을 2진법으로 바꿔주는 프로그램 개발 2진법 이란? 인간은 10진법을 사용하고 있다. 10진법이란, 0~9라는 10가지의 숫자를 이용해서 수를 나타내는 진법이다. 그렇다면 2진법은 무엇일까? 2진법이란, 0과 1이라는 두 개의 숫자만을 사용하여 수를 나타내는 진법이다. 따라서, 진법에 따라 같은 수가 다르게 표현되기도 한다. 10진법 2진법 1 0001 2 0010 3 0011 4 0100 5 0101 6 0110 7 0111 8 1000 9 1001 10 1010 (+ 8진법은 0~7을 사용하고, 16진법은 0~9와 A~F까지 총 15의 .. 이전 1 다음
