본문 바로가기

전체 글

(67)
[SASS] input과 label 그리고 가상클래스 1. input과 label은 짝꿍 123 2. radio의 다중 선택을 금해보자 여자 남자 3. 가상클래스(:disabled) button // 호버 시 배경색이 핑크로 바뀐다. #2 button // button이 disabled상태일때는 hover 효과를 적용하지 않는다. // button 태그에 disabled가 빠지면 hover가 정상작동. 4. Sass(Scss) 큰 스타일시트를 구조화해서 효율성을 높인다. Sass와 Scss는 Nesting구조(중첩구조)가 있다. 둘은 취향 차이다. 편한거 써도 된다. ❓ 왜 Sass(Scss)를 써야하는가? css 코드가 한 파일로 제작된다면 가독성 저하 css의 어디서부터 어디까지가 어떤 스타일을 담당하고 있는지 파악 어려움 css의 단순 수정에도 전체 ..
[JS] Data type 과 Properties 그리고 Method 1. Data type(자료형) Boolean Null Undefined Symbol Object String Number 참과 거짓 선언⭕ 할당⭕ 선언⭕ 할당❌ 변경 불가능한 원시 타입의 값 객체 2. Properties .length : 문자열의 문자 갯수를 알려주는 명령어 3. Method - 해당번째를 알려주는 메소드 'Hello Wolrd'.indexOf("W"); // 6 - 공백 삭제 .trim() - document 객체 속의 메소드로, document안에 있는걸 선택할 때 쓴다. .querySelector('')
[JS] JS의 정의와 마음가짐 ❓ JS란 무엇인가? JS는 사용자와 상호작용하는 언어다. 객체기반 언어다. HTML내에 내장되어 HTML을 출력 후 변경하는 것이 가능하다. JS는 동적이라 연산이 가능하다. ❗ 프로그래밍을 할 때는... 데이터가 바뀐다고 로직을 바꿔야 하는건 삽질이다. 유연하게 바뀔 수 있게 짜라. 중복 코드는 삭제하고 변수를 이용해서 간단하게 바꿔라.