본문 바로가기

자바스크립트
3

📌 Context API로 전역 상태 관리 하기 React를 사용하다 보면 컴포넌트 간에 데이터를 주고받는 일이 자주 발생한다.처음에는 props로 간단하게 전달하면 되지만,구조가 깊어질수록 props를 여러 단계를 거쳐 전달해야 하는 상황이 생긴다.이를 props drilling이라고 부른다고 했었다. (https://frontlogdev.tistory.com/34) 전역 상태를 관리하는 방법 중 하나가 바로 Context API다.이 글에서는 Context API가 무엇인지, 언제 사용하는지,그리고 어떻게 적용하는지 차근차근 예제를 통해 정리해보았다. 🧠 전역 상태(Global State)란?하나의 컴포넌트에만 쓰는 로컬 상태가 아니라, 앱 전체에서 공유되는 상태를 말한다.예: 로그인 여부, 사용자 정보, 다크모드 설정 등. 🧩 Context .. 2025. 4. 21.
📌 호이스팅이란? JS 변수 선언의 동작 원리 정리 자바스크립트를 공부하다 보면 꼭 한번은 만나는 개념이 있다. 바로 호이스팅(Hoisting)이다.이 단어만 들으면 어렵게 느껴지지만, 사실 개념은 단순하다.호이스팅은 "끌어올린다"는 뜻 그대로, 자바스크립트가 실행 전에 변수나 함수 선언을 위로 올리는 현상이다.🎬 호이스팅은 실행 전에 벌어지는 일자바스크립트는 코드를 실행하기 전에 한 번 스캔을 한다.이때 변수 선언(var, let, const)과 함수 선언이 있는지 확인하고, 메모리에 미리 등록해둔다.그래서 코드보다 먼저 선언이 처리된 것처럼 보이게 된다.이걸 바로 호이스팅이라고 부른다.🧪 예제로 이해하는 호이스팅예제 1 – var 변수console.log(a);var a = 10;이 코드는 에러가 날까? 아니다. 결과는 undefined다.왜 그럴.. 2025. 4. 5.
📌 자바스크립트 변수와 데이터 타입 완벽 가이드 (var, let, const) 안녕하세요! 😊 오늘은 자바스크립트에서 가장 중요한 개념 중 하나인 변수와 데이터 타입에 대해 쉽게 정리했습니다~변수를 잘 이해해서 코드를 더 깔끔하고 효율적으로 작성 해보자구요 🚀💡 변수(Variable)란?**변수(Variable)**는 데이터를 저장하는 공간이에요. 쉽게 말해, 정보(숫자, 문자 등)를 담아두고 필요할 때 불러오는 역할을 합니다.📌 변수 선언 방식 (var, let, const)자바스크립트에서는 변수를 선언할 때 세 가지 방식을 사용할 수 있습니다.var oldWay = "이전 방식";let modernWay = "추천 방식";const fixedValue = "변경 불가 값";✅ var, let, const의 차이를 하나씩 살펴봅시다! 👇1️⃣ var - 오래된 변수 선언.. 2025. 3. 7.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바