뇨내

문득 코드를 짜다가 form태그와 label태그를 기계적으로 치는걸 깨달았다...! ⊙.☉ 이 두개의 정확한 차이도 모른채 치고 있다는 걸 알아서 이 두개의 차이점을 알아보려한다. - 속성 : 보이지않음 - 입력 양식의 시작과 끝 표시 - 요소는 다음과 같은 요소들을 하나 이상 포함할 수 있다. ▶ / / / / / / / label - input 태그를 설명할 때 사용한다. - label 태그의 for 속성에 input태그와 id의 속성을 입력해서 label 태그가 어떤 input 태그를 나타내는지 알려준다. - for 속성을 연결하면 label태그를 클릭했을때 input태그에 자동으로 포커스가 간다. - 체크박스와 라디오 버튼 등은 레이블을 클릭했을때 해당항목 체크

전후 선택자 1. :before 2. :after 전후 선택자에서 사용하는 css 구성 요소 - content 속성의 값 1. none 2. 문자열 3. attr(속성) 4. open-quote 5. close-quote *CSS는 축약해서 표현하는 기능이 있다. * 앞에 접두어 하나만 갖고 동시적용하도록 지원하도록 하는 기능도 있다. 그러나 풀네임으로 적는 것을 권장(가독성)

Hoisting 호이스팅 - 변수 호이스팅 - 함수 호이스팅 - 코드를 실행하기 전에 변수선언문과 함수선언문을 해당 스코프의 최상단으로 끌어올린다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function m1() { var a = 10; console.log('a:', a); console.log('b:', b); var b = 20; let c = 30; console.log('c:', c); //Cannot access 'd' before initialization at m1 = d라는 변수는 이미 선언됨 console.log('d:',d); //d라는 변수가 초기화가 되지 않았습니다. let d = 40; } m1(); Colored by Color Scri..

버튼에 색상등 조작을 하게 되면 클릭시 딸깍 하고 눌리는 효과가 사라집니다. active하나만 추가해 주면 해결이 됩니다. See the Pen Untitled by helloppiok (@helloppiok) on CodePen.

Variable 변수 1. var - BOM ~ DOM ~ ES6 - function-scoped (함수만을 scope로 인식하는 변수) - 중복 선언 가능 > 주의!!! - 상수 선언 불가능 2. let - ES6 - block-scoped - 중복 선언 불가능 - 변수 선언 3. const - ES6 - block-scoped - 중복 선언 불가능 - 상수 선언 ** let보다 const를 사용하는 것을 권장 -> 프로그램 안정성을 우선하는 멘트 1. let - 통제 가능 변수 2. const - 참조형 값 - 예측 불가능 변수