목록HTML (4)

김데이의 개발공부

[ week 1 ] 웹 기초 지식 한번에 훑어보기

안녕하세요, 김데이 입니다 :)이전 글에서 코드잇 Node.js 백엔드 과정 수강신청 과정에 대해 설명 해 드렸습니다. 제가 이 수강신청을 너무 늦게 하는 바람에 3일치 강의를 혼자 독학(?) 하게 되었는데요, 다행이도 기존에 알고 있던 개발 지식에 대한 복습이기도 했고, 코드잇에서 해당 부분에 대한 강의도 제공 해 주셔서 어렵지 않게 수업 진도를 따라 갈 수 있었습니다. 그래서 오늘은 어제 부랴부랴 들었던 웹 기초 지식 내용에 대해 정리해 보려고 합니다. - 수강 일자 : (미수강, 코드잇 인강 복습)- 공부 일자 : 2025.9.22 - 수강 정보 : [토픽] 웹 개발 기초 지식 - 전편 1. 웹 기초1) 웹 사이트 3대장: 웹 사이트를 구성하는 요소는 다양하겠지만, 우리가 눈으로 보는 부분..
코드잇 Node.js(BE) 부트 캠프/WIL (Weekly I Learn) 📚 2025. 9. 23. 19:10
[HTML] <HTML>, <HEAD>, <BODY> 기본 구조와 관련 태그 사용하기

안녕하세요, 김데이 입니다!HTML 문서의 구조를 올바르게 작성하려면 문서 구조 관련 태그와 기타 태그를 함께 사용해야 합니다.  이 태그들은 HTML 문서의 기본 골격을 형성하며, 브라우저가 올바르게 해석하고 렌더링 할 수 있도록 돕는 역할을 하게 됩니다. 아래에서 각각의 태그가 어떤 역할을 하는지, 그리고 어떻게 배치해야 하는지 상세히 알아보겠습니다. 1. 문서 구조 관련 태그 HTML 문서는 기본적으로 트리 구조를 가지며, 3가지 기본 구조 태그를 가지고 있습니다. 1) 태그  - 역할 : HTML 문서의 최 상위 루트 요소(root element)로, 모든 HTML 태그는 태그 내부에 포함 되어야 함. - 특징 : "lang" 속성을 사용하여 해당 문서의 언어를 지정 할 수 있다. 2) ..
웹 퍼블리셔/HTML 2025. 4. 3. 15:55
[HTML 기초] 시맨틱 태그(Semantic Tags)의 종류와 역할

안녕하세요, 김데이입니다.  퍼블리싱을 시작하게 되면 HTML의 Tag(태그)를 가장 먼저 배우게 되는데요, Tag(태그) 중에서도 특별한 역할을 하고 있는 시맨틱 태그(Semantic Tags) 라는 것이 있습니다. 오늘 포스팅에서는 시맨틱 태그의 역할은 무엇이고, 시맨틱 태그에 속해 있는 Tag(태그)들은 무엇이 있는지 자세히 알아 보도록 하겠습니다 :)    1. 시맨틱 태그(Semantic Tag)란?시맨틱(Semantic)이란 "의미론적인"이라는 뜻이 있는데요. 시맨틱 태그(Semantic Tag)는 태그 자체가 의미를 가지는 HTML 태그로, 단순한 나 같은 태그 대신 콘텐츠의 역할을 명확하게 표현하는 태그들을 말합니다. 이 시맨틱 태그를 사용하게 되면 웹 접근성과 SEO(검색 엔진 최적화,..
웹 퍼블리셔/HTML 2025. 2. 5. 14:30
[웹 기초] HTML, CSS, JAVASCRIPT 란?

안녕하세요, 김데이입니다. 저는 사실 웹 퍼블리셔를 시작으로 현재 작은 회사에서 웹 기획 파트를 맡아 일을 하고 있습니다. 제가 알고 있는 지식을 까먹지 않고, 여러 사람들과 공유하기 위해 "웹 퍼블리셔" 파트를 신설하여 포스팅을 시작합니다.  오늘은 웹 퍼블리셔의 가장 기본이 되는 HTML, CSS, JavaScript 에 대해 비교 해 보는 시간을 가지겠습니다. 웹 제작의 기초인 HTML, CSS, JavaScript는 각각 역할이 다르지만, 함께 조합되어 웹사이트를 만듭니다. 아래에서 각각의 역할과 특징에 대해 좀 더 자세히 알아보겠습니다!    1. HTML  HTML은 "HyperText Markup Language"의 줄임말이며, 위에서 말씀드린 것처럼 웹 페이지의 구조(뼈대)를 만드는 역할을..
웹 퍼블리셔/웹 기초 지식 2025. 2. 4. 14:19
이전 Prev 1 Next 다음