JS8 [자바스크립트]변수선언 var과 let의 차이 자바스크립트에서 변수를 선언하는 방법에는 var, let, const가 있습니다. 이중 var와 let은 유사해 보이나 실제로는 몇가지 차이점이 있습니다. 변수의 스코프 (Scope) * var로 선언된 변수는 함수 스코프(function scope)를 가집니다. 즉, var로 선언된 변수는 선언된 함수 내에서만 지역 변수로 작동하고, 함수 외부에서 선언된 경우 전역 변수가 됩니다. * let으로 선언된 변수는 블록 스코프(block scope)를 가집니다. 이는 let으로 선언된 변수가 선언된 블록(중괄호 {}로 둘러싸인 영역) 내에서만 유효하다는 것을 의미합니다. 호이스팅 (Hoisting) * var로 선언된 변수는 호이스팅되어 선언부가 해당 스코프의 최상단으로 끌어올려집니다. 단, 할당은 끌어올려.. 2024. 3. 25. [React]JSX 기초 JSX는 JavaScript XML의 약자로, React에서 HTML을 JavaScript 내부에서 작성할 수 있게 해주는 문법이다. JSX를 사용하면 UI 구조를 직관적으로 표현할 수 있으며, JavaScript의 강력한 기능과 함께 UI 로직을 구현할 수 있다. JSX의 주요 특징 1. 태그는 반드시 닫혀야 한다 : 모든 JSX 태그는 닫는 태그가 있어야 하며, 자식이 없는 태그는 자체적으로 닫힐 수 있다. 예를 들어, 또는 과 같이 작성할 수 있다. 2. JavaScript 표현식 사용 : {}를 사용하여 JavaScript 표현식을 JSX 내부에 포함시킬 수 있다. 이를 통해 변수의 값을 렌더링하거나 조건부 렌더링을 수행할 수 있다. {sample} 3. 스타일과 클래스 설정: JSX에서는 cla.. 2024. 3. 22. [자바스크립트]window 객체 자바스크립트의 WINDOW 객체는 웹 브라우저의 창을 나타내는 전역 객체입니다. WINDOW 객체에는 다양한 기능들이 포함되어 있습니다. 몇 가지 기능과 해당 기능의 설명과 예제를 함께 알아보겠습니다. - alert(): 경고창을 띄우는 함수입니다. 사용자에게 간단한 메시지를 전달할 때 유용합니다. window.alert("안녕하세요!"); - confirm(): 확인창을 띄우는 함수입니다. 사용자로부터 "확인" 또는 "취소" 중 하나를 선택하도록 요청할 수 있습니다. var result = window.confirm("정말로 삭제하시겠습니까?"); if (result) { // 삭제 동작 수행 } else { // 취소 동작 수행 } - prompt(): 프롬프트 창을 띄우고 사용자로부터 입력을 받는 .. 2024. 2. 26. [자바스크립트]정규식 사용법 정규표현식(Reqular Expressions)은 문자열 처리를 할때 유용하게 사용되는 도구이다. 복잡한 문자열을 조작하여 작업을 간단한 코드로 해결할 수 있으며 자바스크립트에서는 RegExp객체를 통해 정규 표현식 기능을 제공한다. 정규 표현식 기본 구성요소 1. 리터럴 : 문자 자체를 나타냅니다. /dog/는 "dog" 문자열과 일치 2. 메타 문자 : 특별한 의미를 갖는 문자 .는 어떤 한 문자와 일치 3. 이스케이프 문자 : 메타 문자 앞에 \를 붙여 일반 문자로서의 의미를 갖게 한다. \.는 "."와 일치 4.캐릭터 클래스 : []안에 여러 문자 중 하나와 일치 합니다. [abc]는 "a", "b", "c"중 하나와 일치 5.수량자 : {n}, {n,}, {n,m}과 같이 사용하여 특정 횟수 또.. 2024. 2. 23. 이전 1 2 다음