본문 바로가기

자바스크립트18

[Hoisting] let, const로 선언한 변수도 호이스팅이 될까? 결론부터 말하자면 let과 const 키워드로 선언된 변수도 호이스팅(hoisting)이 됩니다. 그러나 var와는 다른 방식으로 동작합니다.호이스팅이란?호이스팅이란, JavaScript의 기본 동작 방식 중 하나로, 변수와 함수 선언이 스코프의 최상단으로 끌어올려지는 것처럼 동작하는 것을 말합니다. 이로 인해, 코드에서 변수를 선언하기 전에 해당 변수를 참조할 수 있습니다.let과 const의 호이스팅호이스팅 방식: let과 const로 선언된 변수는 호이스팅이 되지만, **"Temporal Dead Zone (TDZ)"**이라고 불리는 구간이 있어, 실제로 변수가 선언되기 전까지는 접근할 수 없습니다.TDZ (Temporal Dead Zone): 코드 블록 내에서 let 또는 const로 선언된 변수.. 2024. 8. 29.
ReactJS와 타입스크립트를 함께 사용하는 이유 소개 ReactJS와 TypeScript는 현대적인 프론트엔드 개발에서 매우 인기 있는 기술입니다. ReactJS는 사용자 인터페이스를 구축하기 위한 강력한 라이브러리이고, TypeScript는 자바스크립트에 정적 타입을 추가하여 개발자의 생산성을 향상시키고 버그를 줄이는 데 도움을 줍니다. 이 블로그 포스트에서는 ReactJS와 TypeScript를 함께 사용하는 이유에 대해 자세히 알아보겠습니다. 1. 정적 타이핑 ReactJS와 TypeScript를 함께 사용하면 정적 타입 검사를 통해 코드의 안정성을 높일 수 있습니다. TypeScript는 변수, 함수, 컴포넌트 등에 타입을 명시하여 개발자가 의도한 대로 코드가 작동하는지 사전에 확인할 수 있습니다. 이는 개발자가 실수로 발생할 수 있는 버그를 .. 2023. 6. 28.
자바스크립트 알고리즘 테스트란 무엇인가요? 자바스크립트 알고리즘 테스트란 무엇인가요? 자바스크립트 알고리즘 테스트는 자바스크립트 프로그래밍에서 알고리즘의 정확성과 효율성을 검증하기 위한 과정입니다. 알고리즘은 문제를 해결하기 위한 절차적인 방법을 의미하며, 테스트는 이러한 알고리즘을 테스트 케이스에 적용하여 예상된 결과를 확인하는 과정입니다. 자바스크립트 알고리즘 테스트는 프로그램의 성능을 향상시키고 버그를 찾아내는 데 도움을 줄 수 있습니다. 자바스크립트 알고리즘 테스트의 중요성 자바스크립트 알고리즘 테스트는 프로그램의 성능과 안정성을 보장하기 위해 중요합니다. 알고리즘의 효율성은 프로그램의 실행 시간과 메모리 사용량에 직접적인 영향을 미치기 때문에, 효율적인 알고리즘을 사용하는 것은 중요합니다. 또한, 알고리즘의 정확성은 프로그램의 예상된 동.. 2023. 6. 28.
자바스크립트 알고리즘 테스트를 위한 준비 방법은 무엇인가요? 소개 자바스크립트 알고리즘 테스트는 능숙한 자바스크립트 개발자가 되기 위한 필수 요소입니다. 기술 면접을 준비하거나 문제 해결 능력을 향상시키고자 할 때 알고리즘과 자료 구조에 대한 견고한 이해력을 갖는 것이 중요합니다. 이 블로그 포스트에서는 자바스크립트 알고리즘 테스트를 위해 준비할 수 있는 다양한 단계에 대해 논의하겠습니다. 1. 기본 개념 이해하기 알고리즘 테스트에 앞서 자바스크립트의 기본 개념을 잘 이해하는 것이 중요합니다. 변수, 함수, 반복문, 조건문과 같은 언어의 핵심 개념에 익숙해져야 합니다. 또한 데이터 타입, 배열, 객체와 같은 개념을 이해하는 것은 알고리즘 작업 시 도움이 될 것입니다. 2. 자료 구조 학습하기 자료 구조는 알고리즘의 핵심 요소입니다. 배열, 연결 리스트, 스택, 큐.. 2023. 6. 28.
자바스크립트 알고리즘 테스트를 통해 어떤 능력을 향상시킬 수 있나요? Introduction 자바스크립트 알고리즘 테스트는 개발자들이 자바스크립트 프로그래밍 능력을 향상시키는 데 도움이 되는 강력한 도구입니다. 알고리즘 테스트를 통해 문제 해결 능력, 코드 최적화, 자료 구조 및 알고리즘 이해 등 다양한 능력을 향상시킬 수 있습니다. 이 글에서는 자바스크립트 알고리즘 테스트를 통해 개발자들이 어떤 능력을 향상시킬 수 있는지에 대해 자세히 알아보겠습니다. 1. 문제 해결 능력 자바스크립트 알고리즘 테스트는 문제 해결 능력을 향상시키는 데 큰 도움이 됩니다. 알고리즘 문제를 해결하기 위해서는 문제를 이해하고, 적절한 알고리즘을 선택하고, 코드를 작성해야 합니다. 이러한 과정을 반복하면서 문제 해결 능력을 향상시킬 수 있습니다. 2. 코드 최적화 자바스크립트 알고리즘 테스트는 .. 2023. 6. 28.
자바스크립트 알고리즘 테스트의 장점과 필요성은 무엇인가요? 소개 자바스크립트 알고리즘 테스트는 개발 과정에서 필수적인 부분입니다. 이를 통해 알고리즘의 정확성과 효율성을 확인할 수 있습니다. 이 블로그 포스트에서는 자바스크립트 알고리즘 테스트의 장점과 필요성에 대해 자세히 알아보겠습니다. 1. 정확성 보장 자바스크립트 알고리즘 테스트의 주요 장점 중 하나는 정확성을 보장해준다는 점입니다. 테스트 케이스를 작성하고 해당 알고리즘에 대해 실행하면, 주어진 입력에 대해 예상된 출력을 생성하는지 확인할 수 있습니다. 이를 통해 알고리즘의 구현에서 발생하는 버그나 논리적 오류를 잡을 수 있습니다. 2. 코드 품질 향상 자바스크립트 알고리즘 테스트는 전반적인 코드 품질을 향상시키는 데 도움이 됩니다. 테스트 케이스를 작성함으로써, 개발자는 알고리즘이 마주칠 수 있는 다양한.. 2023. 6. 28.
아직도 이거 모르니? JS 키워드 TOP 10! 소개 자바스크립트(JS)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 이 언어를 잘 이해하고 활용하는 것은 웹 개발자에게 매우 중요합니다. 이 블로그 포스트에서는 아직 자바스크립트의 중요한 키워드를 모르는 분들을 위해 JS 키워드 TOP 10을 소개하겠습니다. 1. 변수 (Variable) 변수는 값을 저장하는 데 사용되는 메모리 공간입니다. 자바스크립트에서 변수를 선언할 때는 'var', 'let', 'const' 키워드를 사용합니다. 예를 들어: var x = 5; let y = 'Hello'; const z = true; 2. 함수 (Function) 함수는 코드의 재사용성을 높이기 위해 사용됩니다. 자바스크립트에서 함수를 정의할 때는 'function' 키워드를 사용합니다. .. 2023. 6. 23.
IIFE(즉시 실행 함수 표현식) 즉시실행 함수 표현식 일반적으로 함수는 선언 후에 실행하도록 되어있다. function a() { console.log("a"); } a(); 즉시실행 함수 표현식은 함수의 선언과 동시에 실행하도록 하는 표현식이다. (function a() { alert("a"); })(); 이 표현식의 등장은 이전 포스트에서 다룬 'var'로 선언한 변수와 관련이 있다. 'var'는 블록 스코프가 아니기 때문에, var를 블록 스코프를 가질 수 있도록 방법을 고안하다가 IIFE가 등장했다. 2021/01/11 - [FrontEnd/Java Script] - 호이스팅이란? 즉시실행함수는 선언할때 괄호로 감싸서 (function a(){...})와 같은 형태로 만든다. 자바스크립트에서는 function 이라는 키워드를 만.. 2021. 1. 11.
호이스팅이란? 구형 자바스크립트 호이스팅은 구형 자바스크립트에서 발생하는 것이며, 현재 이런 코드가 있다면 개선해야 합니다. 호이스팅의 사전적 의미는 다음과 같다. hoisting 명사 1.끌어 올리기; 들어올려 나르기. 자바스크립트에서 발생하는 호이스팅은 변수를 끌어올린다 라고 생각하고 아래 내용을 보시면 도움이 되겠다. 변수 선언 호이스팅이라는 개념을 알기 전 변수 선언에 대한 개념이 필요하다. ECMA6에 들어오면서 JavaScript에는 'let'과 'const'라는 변수선언 예약어가 추가되었다. 이는 var가 가지고 있는 문제를 해결하기 위해서 만들어진 것이라고 한다. var 변수선언의 가장 큰 특징은, 블록 스코프가 없다는 것이다. 블록 스코프가 없다는 것은, 변수의 영향범위를 산정하기 어렵다는 의미이다. .. 2021. 1. 11.
반응형