김데이의 회사생활

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

안녕하세요, 김데이 입니다!웹을 공부하다보면 "프로토콜(Protocol), 도메인(Domain), 호스팅(Hosting)"이 서로 밀접하게 연관되어 있어, 자주 헷갈리는 개념 중 하나로 손꼽힙니다. 오늘은 이 세가지의 개념을 명확히 구분하고, 각각의 역할에 대해 설명 해 드리도록 하겠습니다!   1. 프로토콜 (Protocol)먼저, 프로토콜은 컴퓨터 간 데이터를 주고받는 규칙(규약)을 말합니다. 웹에서 클라이언트(브라우저)와 서버가 원활하게 통신하려면 양측이 동일한 규칙을 따라야 합니다. 이러한 규칙은 파일을 전송하거나, 암호화가 필요한 경우 등 어떠한 용도로 사용 되냐에 따라 다르게 사용됩니다. 그 중 웹에서 사용하는 주요 프로토콜은 5가지 정도가 됩니다.  1) HTTP ( HyperText Tra..

안녕하세요, 김데이 입니다!현대인에게 절대 빼 놓을수 없는 것중 하나가 바로 "인터넷" 입니다! 이 "인터넷"이 냉전시대(1969년)에 만들어진 통신 네트워크에서 발전한 것은 알고 계시나요~? 또한 "인터넷"과 "웹"이 다른 뜻인지도 알고 계셨나요~? 오늘은 잠시 쉬어가는 시간을 가지고 싶어서 나름 흥미있게 들은 "웹" 과 "인터넷"의 역사와 각각의 특징, 그리고 세대 별 발전된 모습에 대해서 알려 드리도록 하겠습니다.   1. 인터넷(internet)의 역사먼저, 상위 개념인 인터넷에 대하여 설명 드리도록 하겠습니다. 인터넷은 "전 세계 컴퓨터 네트워크 시스템"을 뜻하는 말로, 우리가 흔히 아는 웹서핑 뿐만 아니라 이메일, FTP, 메신저 등 온라인으로 진행되는 모든 서비스를 의미합니다. 앞서 서론에서..

안녕하세요, 김데이 입니다!웹을 구성하는 태그는 지난 "시맨틱 태그(Semantic Tags)"처럼 각 기능별 특징이 있는 태그들이 있는가 하면, 태그의 성질에 따라서 "블럭 요소 (Block Element)"와 "인라인 요소 (Inline Element)"로도 구분이 가능합니다. 오늘은 이 부분에 대해 알아보도록 하겠습니다!  시맨틱 태그 알아보기 : https://theday365.tistory.com/92 [HTML 기초] 시맨틱 태그(Semantic Tags)의 종류와 역할안녕하세요, 김데이입니다.  퍼블리싱을 시작하게 되면 HTML의 Tag(태그)를 가장 먼저 배우게 되는데요, Tag(태그) 중에서도 특별한 역할을 하고 있는 시맨틱 태그(Semantic Tags) 라는 것이 있습니다.theday..

안녕하세요, 김데이 입니다.  UI(User Interface), UX(User Experience), 웹 접근성(Web Accessibility)은 모두 웹사이트나 앱을 설계할 때 중요한 개념입니다. 이름이 비슷하고 역할이 비슷한 개념이라 서로 헷갈리기 쉬운 개념인데요, 오늘은  각각의 정의, 특징, 예시, 그리고 차이점을 정리해 보겠습니다.       1. UI (User Interface, 사용자 인터페이스)"UI"란 "User Interface"의 줄임말로 사용자가 웹사이트, 앱, 소프트웨어를 사용할 때 직접 보고, 느끼는 화면의 디자인 및 요소를 말합니다. 깔끔한 디자인의 앱이나, 클릭 / 터치가 편한 버튼, 사용자가 보기 편하게 배색 된 배경과 폰트 색 등이 이러한 "사용자 인터페이스"의 대표..

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

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