오늘도 삽질중

CSS( = Cascading Style Sheet) 시맨틱 태그 background와 background-color 차이 em과 rem css 내용 분해하기(셀렉터와 선언블록 , css 파일 추가하는법) class와 id HTML안에 CSS를 정의하는것을 권장하지 않는 이유 -하나에 집중하기 위해 파일,구간을 구분하는 관심사 분리 측면에서 권장하지 않음. 시맨틱 태그 -이름에 의미를 붙여 부르는 태그. - class 와 id id class # . 한 문서에 하나의 요소에만 적용(유일하다) 여러개 가질 수 있음 특정 요소에 이름을 붙이는데 사용 스타일의 분류에 사용 개인정보 처리방침 이용 약관 법적 고지 .personal_information{ font-size: 30px; } .how_to_use{ ..

inline은 높이 너비를 가지지 않기 때문에 inline에 margin값은 위,아래가 없다. padding은 사방 가능, margin은 좌우가능 //html hello hello //css body{ margin:20 } span{ background-color: teal; padding: 20px; margin: 30px; }

커피 바나나 토마토 HTML HTML은 HyperText Markup Language의 약자로 웹페이지를 구성하는 마크업 언어이다. 글자 그대로, HTML은 프로그래밍 언어가 아니다. HTML은 웹 페이지를 구성하는 뼈대가 된다. HTML은 구조를 표현하는 언어이기 때문에 HTML의 구조를 잘 짜 놓으면, 자바스트립트로 개발을 할 때 더욱 직관적인 코드를 작성할 수 있다. -html은 태그들의 집합 -TAG: 부등호 ()로 묶인 HTML의 기본 구성 요소 -HTML확장자 사용 HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다. HTML이 Markup language라는 것을 이해할 수 있다. "구조를 표현하는 언어" 라는 의미를 자신의 언어..

반복문: 같거나 비슷한 코드를 반복적으로 실행시켜야 할 경우에 사용 for구문 -반복할 내용을 중괄호 block에 넣는다. -반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다. 아래 예시에서는 for( let i = 0 ; i < word.length ; i++ ) let word = "hello" for( let i = 0 ; i < word.length ; i++){ 반복할 내용 } while 구문 -반복할 조건 중, 초기화, 증감문은 따로, 조건식만 괄호 안에 넣어준다. let i = 0 ; while( i < word.length){ 반복할 내용 i++ }

margin padding border margin: box의 border(경계)의 바깥에 있는 공간 html{ background-color: darkblue; } body{ background-color: darkgrey; } div{ width: 30px; height: 30px; background-color: lightcoral; } coallpsingmargin padding: box의 경계로부터 '안쪽'에 있는공간

block Inline block에서 inline으로, inline에서 block으로 user agent stylesheet Block : 옆에 다른요소들이 올 수 없다.(대부분의 box는 block 이다) - box이다. (box는 margin, padding, border 을 갖는다.) - 넓이, 높이 가진다. 대표적인 예) div, header, p Inline: 옆에 다른 요소들이 올 수 있다.(In the same line) - box 아니다 -넓이(width)와 높이(height)를 가질 수 없다. => 목차 block에서 inline으로, inline에서 block으로 대표적인 예) span, a, image, code ... 예시 //block //inline hello hello hell..

조건문 기초, 퀴즈, 실습 truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다. 비교연산자를 통한 엄격한 비교(=== , !==)에 대해 이해할 수 있다. if 와 else if , else를 이해하고 무리없이 활용할 수 있다. 논리연산자를 (&&, ||, ! ...)을 통해 복잡한 조건을 간결하게 작성할 수 있다. 조건문 문제로 에러 메세지 알아보기 코플릿 에러 메세지 읽는 법을 배우고, 이를 기반으로 작성한 코드를 수정하는 방법을 배웁니다. 조건문 문제로 배우는 알고리즘 코플릿 조건문 13번 문제 해결 방법을 익히면서, 문제를 체계적으로 해결하는 방법을 배운다. 복잡한 조건문을 활용하여, 실생활에서 쉽게 마주하는 문제를 해결하기 위한 알고리즘을 구현할 수 있다. 조건문이란? > 조..

css파일 넣는곳 selector cascading 🤞 css파일 넣는곳은? : html 🤞 css는 html태그를 가리킨다. 가리키는것을 selelctor이라고 한다. 여기서 blueTitle은 셀렉터 blueTitle { color: 25px; } 🤞 cascading