전체 글14 [JS]자바스크립트 변수 선언 var, let, const var 키워드 - 변수의 중복 선언을 허용한다. - 오직 함수의 코드 블록만을 지역 *스코프로 인정한다. 함수 외부에서 선언한 변수는 블록 내에서 선언되어도 모두 전역 변수로 취급된다. - 변수 *호이스팅이 발생한다 - 현재는 잘 사용하지 않는 오래된 키워드이다. *스코프(scope) - 식별자(변수 이름, 함수 이름, 클래스 이름 등)의 선언 위치에 따라 참조 가능한 유효 범위가 결정되는 개념 - 전역 스코프와 지역 스코프로 나뉜다. *호이스팅 - 변수 선언문이 스코프 내부 어디에 있든 선두로 끌어올려 동작하는 개념 let 키워드 - 변수의 중복 선언이 불가능 - 모든 코드 블록을 지역 스코프로 인정한다. - 변수 호이스팅이 발생하지 않는 것처럼 동작한다. const 키워드 - let과 기본적으로 동일.. 2023. 5. 24. [CSS]미디어쿼리 미디어쿼리란? - 화면 크기가 다른 모바일이나 태블릿에도 대응되는 반응형 또는 적응형 웹사이트를 만들 때 사용되는 css 구문 미디어쿼리 사용법 - @media - 가로폭이 최소 mid-width, 최대 max-width일 때 @media 내부에 입력된 css 속성으로 대체하겠다는 의미 미디어쿼리 주의사항 - viewport 미디어쿼리가 제대로 작동하지 않을 때 viewport로 너비와 배율을 설정해야 모바일에서 의도한 화면을 볼 수 있다. • width=device-width : 가로폭을 기기의 width로 설정 • initial-scale=1.0 : 초기 비율을 1.0으로 설정 css속성 상속 미디어쿼리는 외부 영역의 css속성을 상속받는다. 만약 상속받지 않고자 하면 none을 입력한다. 2023. 5. 24. [CSS]Transform, Transition, Animation Transform - 요소의 회전, 크기 조절, 기울이기, 위치 변경 등의 효과를 넣을 수 있다. • rotate(a deg): 입력한 각도만큼 회전. 음수 입력 가능 • scale(a,b): width를 a배, height를 b배 확대 • skew(a deg,b deg): x축 y축을 입력한 각도 만큼 비틂. • translate(a px, b px): 입력한 값 만큼 요소의 좌표 변경 Prefix 접두사 - transform은 css의 최신 기능이기 때문에 낮은 버젼의 브라우저에서의 실행을 원할 경우 prefix 접두사를 써준다. Transition - 요소의 변환 과정이 일정 시간에 걸쳐 서서히 나타나도록 하는 속성 • transition-property: 효과를 적용하고자하는 css 속성 • .. 2023. 5. 24. [HTML] Emmet 에밋 • 태그 자동완성 : Tab • 텍스트: {} hello • 자식 요소: > • 형제 요소: + • 반복: * • 그룹화: () • 클래스: . • 아이디: # • 속성: [attr] • 넘버링: $ 2023. 5. 18. 이전 1 2 3 4 다음