웹 개발7 자바스크립트 호이스팅 & 자바스크립트 엔진 자바스크립트에서 **호이스팅(hoisting)**은 함수나 변수의 선언이 해당 스코프의 맨 위로 끌어올려진 것처럼 동작하는 현상을 말한다. 호이스팅은 변수와 함수의 선언만 끌어올려지며, 초기화나 할당은 끌어올려지지 않는다. 변수의 호이스팅은 `var` 키워드로 선언된 변수에 적용되는데 변수 선언이 코드의 맨 아래에 있더라도, 자바스크립트는 이를 스코프의 맨 위로 끌어올린 것처럼 처리한다. 그러나 초기화는 원래의 위치에 남아있어 원하는 값을 출력하지 못할 수 있다. console.log(myVar); // undefinedvar myVar = 5;console.log(myVar); // 5 함수 선언도 호이스팅이 가능한데 함수 선언은 변수 선언과 달리, 선언과 초기화가 함께 호이스팅된다.console.l.. 2024. 7. 24. 유용한 프레임워크 ( 계속 업데이트 ... ) 간단한 슬라이더 구현링크 : https://swiperjs.com/ 사진 좌우 프레임 맞춰줌링크 : https://masonry.desandro.com/ CSS, 디자인 부분Tailwind CSS : 디자인(CSS) 빠르게 적용하고 싶을 때. https://tailwindcss.com/ 아이콘 모음Remix Icon : HTML 서 간단하게 아이콘 사용하고 싶을 때. Lucide Icon : 간단하게 Icon 들 사용하고 싶을 때.https://lucide.dev/icons/ React Icon : React 서 간단하게 Icon 들 사용하고 싶을 때.https://react-icons.github.io/react-icons/icons/bi/import React from 'react'import .. 2024. 7. 22. Swiper JS - 사용법 ( 이론편 ) 링크 : https://swiperjs.com/get-started Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com 슬라이드를 쉽게 구현하기 위한 JS 플러그인. 아래는 사용법 0. 플러그인 불러오기 1. 우선 HTML 에서 원하는 형태로 구조를 잡아준다. Slide 1 Slide 2 Slide 3 ... 2. CSS 에서 디자인을 해준다..swiper { width: 600px.. 2024. 7. 22. 이전 1 2 다음
