![]()
🌱 픽셀(px)절대적인 크기 단위로 사용자의 화면 해상도에 따라 정확한 크기를 가집니다. 예를 들어, 내 화면이 1280px * 720px의 해상도를 가진 HD 화면일 때특정 요소의 너비가 64px라면 64칸의 너비값을 가지게 됩니다.🌱 퍼센트(%)부모 태그의 크기에 따라 상대적인 크기를 가집니다. 예를 들어, 부모 요소의 너비가 320px일 때 자식 요소의 너비를 50%로 지정했다면자식 요소의 실제 너비값은 320px의 절반인 160px이 됩니다.#parent { width: 320px;}#child { width: 50%; /* 320px * 0.5 = 160px */}--------------------------------------------- 너비가 320px인 부모 요소 ..
![]()
🌱 정의CSS 선택자를 활용하여 CSS 규칙을 적용할 요소를 정의합니다.- MDN Web Docs🌱 유형 선택자가장 기본적인 선택자로 html 태그를 선택자로 활용하는 방법입니다. 태그_이름 { } 형식으로 작성하면 됩니다. 예를 들어, 아래와 같은 코드가 있다면body { font-family: 'Noto Sans KR'; width: 480px;}---------------------------------- ~ ~ ~ body 태그 안에 존재하는 모든 요소에 해당 스타일이 적용됩니다. 🌱 class 선택자동일한 스타일을 적용하고 싶은 요소에 같은 class명을 지정해줍니다. .class_이름 { } 형식으로 작성하면 됩니다. 예를 들어, 아래와 같은 코드가 있다면..
![]()
🌱 정의 주석 또는 코멘트(comment)란,브라우저가 무시하는 설명글로 코드 작동 방식에 대한 지침을 동료 개발자(아니면 6개월 후에 코드를 다시 살펴보고 무엇을 했는지 기억이 나지 않는 여러분)에게 제공하기 위해 존재합니다. - 출처: MDN Web Docs🌱 Javascript// 한 줄 주석/* 여러 줄 주석1*//** * 여러 * 줄 * 주석2 */🌱 HTML🌱 CSS/* 여기에 주석을 작성하면 됩니다. *//*한 줄 주석과 여러 줄 주석을 따로 구분하지 않습니다.*/🌱 Python# 한 줄 주석'''여러줄주석1(작은 따옴표)'''"""여러줄주석2(큰 따옴표)"""🌱 C / C++// 한 줄 주석/*여러줄주석*/참고로 주석 안에 또 다른 주석을 중첩해서 작성할 경우,중첩된 주석의..
![]()
🌱 정의 객체란?키(key) : 값(value)의 형태로 이루어진 값들의 집합객체 안에 존재하는 키:값 형태의 쌍 전체를 프로퍼티(property, 속성)이라고 부릅니다. 🌱 생성 객체는 두 가지 방법으로 생성할 수 있습니다. 방법 1) 생성자(new 키워드)를 사용방법 2) 리터럴을 사용 예를 들어, 아래와 같은 코드가 있을 때// 방법 1) 생성자let object1 = new Object();// 방법 2) 리터럴let object2 = { name: "emma", age: 1004,};방법 1은 생성자를 활용한 방법으로 일단 빈 객체를 선언한 뒤에 필요한 프로퍼티를 추가합니다.방법 2는 {key:value} 형식으로 객체 생성과 동시에 프로퍼티를 할당합니다. 🌱 접근 객체는 두 가지..
