xoouxa

✌ 과 관련된 태그는 어떤 것이 있는 지 함께 알아볼까요 ? 이란 무엇인가 ✨ HTML에서 태그는 웹 문서에서 특정 섹션을 정의하는 데 사용됩니다. 이 태그는 문서를 의미 단위로 분할하고, 각 섹션에 대한 제목과 내용을 구성할 때 유용합니다. · 문서의 주요 콘텐츠 영역을 설정합니다. · 주제별 그룹의 콘텐츠 섹션을 설정합니다. · 문서의 독립적인 컨텐츠 섹션을 설정합니다. · 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. · 문서의 소개 및 메뉴 그룹 컨텐츠 섹션을 설정합니다. · 문서에 대한 메뉴 링크를 제공하는 섹션을 설정합니다. · 문서 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다 · 문서 관련 연락처 콘텐츠 섹션을 설정합니다. ~ · 각 섹션의 제목을 설정합니다. 👇🏻 아래 이미지를 보시..

선택자(selector) 선택자란 CSS로 UI의 어느 부분을 디자인할지, 즉 표현할 대상이 되는 부분을 말합니다. HTMl 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다. HTML 요소에 id로 이름을 붙일 때에는 유일한 이름을 부여해야 하며, 다른 요소에 같은 id명을 또 주어서는 안 됩니다. css에선 id 선택자 앞에 #을 붙여야 합니다. id 명이나 class명은 숫자로 시작할 수 없으며 주로 영문자로 시작합니다. 선택자의 종류 type 선택자 id 선택자 1. ID 선택자 id 사용할 때 중요한 것은 한페이지에서 한 번만 사용이 가능합니다. id는 페이지 내에서 특정 위치나 태그를 지정하는 것이기 때문에 오직 페이지내에서 한 번만 사용할 수 있습니다...

연산자의 종류 산술 연산자는 숫자형 데이터를 대상으로 수학적 연산을 수행합니다. 1. 덧셈 연산자(+) 숫자를 더합니다. 2. 뺄셈 연산자(-) 숫자를 뺍니다. 3. 곱셈 연산자(*) 숫자를 곱합니다. 4. 나눗셈 연산자(/) 첫 번째 숫자를 두 번째 숫자로 나눕니다. 5. 나머지 연산자(%) 첫 번째 숫자를 두 번째 숫자로 나눈 후 나머지를 반환합니다. 6. 거듭제곱 연산자(**) 첫 번째 숫자를 두 번째 숫자만큼 거듭제곱합니다. 산술 연산자는 연산자 우선순위에 따라 게산되며, 괄호를 사용해 우선 순위를 조정할 수 있습니다. 연산자의 결합 순서는 대부분 왼쪽에서 오른쪽입니다. 산술 연산자는 변수와 함께 사용하여 변수 값을 변경하거나 계산 된 결과를 저장할 수도 있습니다. 예를 들어 다음과 같은 코드는 ..

See the Pen Tail Animation by leeyouna21 (@leeyouna21) on CodePen. CSS를 이용해 꼬리물기 애니매이션을 만들어 보았습니다 ^00^

css를 정의하는 방법으로는 크게 내부 스타일리스트, 외부 스타일리스트, 인라인스타일리스트, @import가 있습니다. 1) 내부 스타일리스트(Internal Style Sheet) CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되도록 하는 형태이고 HTML문서내에서 사이에 스타일을 정의하는 방법입니다. HTML문서마다 스타일을 매번 지정해 주어야 하지만, 한 문서에만 해당되는 스타일을 지정할때 사용하면 됩니다. 관리가 편하다는 것이 장점이지만 정리를 잘 해둬야지 나중에 어떤 부분에서의 스타일인지 알 수 있습니다. 통상적으로는 본문이 헤드 , 콘텐츠, 사이드바, 풋 부분으로 구별 돼 있듯 마크업도 비슷하게 구별해서 작성하는 편입니다. 2) 외부 스타일 시트(Extern..

컴퓨터가 세상을 보는 방법인 자료형 ! 자료형 ? 프로그래밍에서 자료형은 변수가 저장할 수 있는 값의 종류를 정의하는 것입니다. 자료형은 변수가 메모리에 저장될 때 얼마나 많은 공간을 차지할지, 변수를 어떻게 해석해야 하는지 등을 결정합니다. 일반적으로 사용되는 자료형으론 정수형(int), 실수형(float/double), 문자형(char), 문자열(string), 불리언(boolean) 등이 있습니다. 자료형은 프로그래밍에서 매우 중요한 개념 중 하나이며, 적절한 자료형 선택은 프로그램의 성능과 안정성에 큰 영향을 미칩니다. 자바스크립트의 자료형은 크게 원시유형(primitive type), 객체(object)로 나뉘어집니다. 원시유형은 하나의 값만 저장하는 자료형으로, 숫자와 문자열, 논리형, und..

✌ 텍스트 요소는 크게 두가지로 나눌 수 있습니다. 어떤 것이 있는 지 함께 알아볼까요 ? 1. 물리적(Physical) 태그 ⁘ 텍스트가 화면에 출력되는 형식을 지정하는 태그 소스 설명 화면출력 텍스트 기울임 글꼴(Italics) 텍스트 텍스트 굵은 글꼴(Bold) 텍스트 텍스트 타자기 글꼴(Teletype) 텍스트 텍스트 밑줄친 글꼴(Underline) 텍스트 텍스트 취소선(Strikethrough) 텍스트 텍스트 취소선(Strikethrough) 텍스트 텍스트 아래첨자(Subscript) 텍스트 텍스트 위첨자(Superscript) 텍스트 텍스트 크게, Bigger font (one size bigger) 텍스트 텍스트 작게, Smaller font (one size smaller) 텍스트 물리적 ..

what is 시멘틱 마크업 ? 시멘틱 마크업은 html요소를 적절한 의미와 목적에 따라 사용하는 것을 말합니다. html 코드에서 각 요소가 문서의 의미와 구조를 나타내도록 작성하는 것을 의미합니다. 이를 통해 검색 엔진은 문서를 더 잘 이해하고 보조기기 사용자는 더 쉽게 문서를 이해할 수 있습니다. 시멘틱 마크업을 사용하면 좋은 점 1. 검색 엔진 최적화에 도움이 됩니다. 검색 엔진은 html 코드에서 각 요소가 어떤 의미를 갖고 있는지 파악하며 검색 결과의 순위를 결정합니다. 시멘틱 마크업을 사용하면 문서의 의미와 구조를 명확하게 표현할 수 있어 검색 결과의 순위를 높일 수 있습니다. 2. 웹 접근성을 향상시킵니다. 시각 장애인이나 저시력자, 신체적 장애를 가진 사람들은 보조기기를 통해 웹사이트를 ..

블록 레벨 요소 (BLOCK-level Elements) 블록 요소는 주로 컨텐츠를 묶어 하나의 블록으로 구조화하고 그룹화하는 데 사용됩니다. 블록 요소는 기본적으로 새로운 줄에서 시작하고, 내용의 너비를 부모 요소의 전체 너비로 확장합니다. 예를 들어 등이 블록 요소에 해당합니다. 블록 요소는 텍스트나 이미지, 동영상, 다른 html 요소 등을 포함할 수 있으며 css를 사용하여 스타일링할 수 있습니다. 블록 요소를 사용하면 컨텐츠를 시각적으로 구분할 수 있고, 웹 페이지의 레이아웃을 조정할 수 있습니다. 블록 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있습니다. 또한 블록 요소는 웹 페이지의 검색 엔진 최적화를 위해 중요한 역할을 합니다. 블록 레벨 요소 블록 레벨 요소 줄 바꿈이 ..