개발블로그

[ 목차 ]1. 브라우저 정의2. 브라우저의 주요 구성 요소 및 동작 과정3. 브라우저의 장점4. 결론브라우저란?먼저 무엇인지 사전적인 의미를 알아볼게요!browser: 정보를 찾아다니는 사람이나 물건, 또는 웹 페이지를 탐색하는 소프트웨어. 즉, 브라우저는 웹 페이지를 탐색하고 보여주는 역할을 하는 소프트웨어라고 할 수 있습니다. 우리가 자주 사용하는 Chrome, Microsoft Edge, Firefox, Safari 등이 브라우저의 대표적인 예입니다. 브라우저는 사용자가 웹 페이지를 요청하면, 그 페이지를 구성하는 HTML, CSS, JavaScript 등을 해석해서 화면에 보여주는 역할을 합니다. 브라우저의 주요 구성 요소 및 동작 과정구성 요소아래 그림을 참고하여 보세요! 1. 사용자 인터페이..

CSS의 Cascading(계단식)에 대해서 알려드리겠습니다! [ 목차 ] 1. Cascading 스타일 시트 정의2. Cascading 원리 및 예시3. Cascading 스타일 시트 장점4. 결론  CSS의 Cascading이란?CSS는 Cascading Style Sheets의 약자입니다. 이때, cascading의 사전적 의미는 아래와 같습니다. Cascading: 계단식의 ; 단계적으로  따라서 Cascading Style Sheet는 단계적으로 적용되는 스타일 시트라고 생각하시면 됩니다~  CSS(Cascading Style Sheets)는 HTML 요소들의 스타일을 정의하는 언어입니다.하지만 CSS의 주된 기능 중 하나는 바로 'Cascading'입니다.이는 여러 스타일 규칙이 중첩될 때 어..

웹 개발을 하다보면 자주 보이는 시맨틱 태그에 대해서 알아볼게요! [ 목차 ]1. 시맨틱 태그 정의2. 시맨틱 태그 종류 및 그림3. 시맨틱 태그 장점4. 결론 시맨틱 태그란?일단 사전적인 의미를 파악해봐요 semantic: 의미의 ; 의미론의tag: 어떠한 항목을 보충 설명하는 낱말 따라서 semantic tag는 의미가 있는 꼬리표라고 생각하시면 됩니다.시맨틱 태그는 HTML5에 추가된 특별한 태그들로, 웹 페이지의 콘텐츠에 의미와 구조를 부여하는 역할을 합니다.전통적인 HTML에서는 태그를 주로 사용해 다양한 요소를 묶었지만, 이러한 태그는 그 자체로는 의미를 전달하지 못했죠. 그래서 등장한 것이 바로 시맨틱 태그입니다! 시맨틱 태그는 이름 자체로 해당 요소의 역할과 의미를 직관적으로 알려줍니다...