📌 목차Promise란?Promise 언제 사용할까?Promise 가 왜 필요할까?Promise 의 3가지 상태Promise 이행되었을 때 실행 결과마무리 ✅ Promise 란?자바스크립트 비동기 처리에 사용되는 객체 ➡️  비동기란 무엇이며 자바스크립트에서 왜 비동기가 필요할까?자바스크립트는 싱글 스레드(프로그램이 샐힝되는 최소 단위로 일을 처리하는 작업자가 한 명이라고 이해하기) 언어 한 번에 하나의 작업만 처리할 수 있는 구조 이런 구조에서 시간이 오래 걸리는 작업이 들어오면? 다른 작업들은 기다리게 되고, 서버 응답까지 기다리게 된다면 전체 프로그램이 멈추는 현상이 생길 수 있습니다.➡️ 자바스크립트는 싱글 스레드인데도 UI가 멈추지 않는 이유는?백그라운드에서 비동기 작업을 따로 처리하고 결과가..

📝개요분명 들어봤던 단어! 너는 왜 항상 내 기억에서 사라지는거니..  기술 면접의 시작으로 절대 잊을 수 없는 단어가 되어버린  "클로저", 다시 이해해보기클로저는 초반에는 쉽지 않아도, 한 번 정확하게 이해하면 각종 상황에서 상태 저장, 정보 은닉, 비동기 처리 등에 유용하게 쓰이면 강력한 무기입니다.📚 목차1. 클로저란?2. 클로저가 왜 필요할까?3. 클로저 언제 사용하나요?4. 실전 예제5. 클로저와 관련된 주의점6. 정보 정리 & 마무리7. (부모) 클로저 한눈에 보기 : Venn Diagram  ✅ 1. 클로저란?  closure 폐쇄클로저는 함수와 그 함수가 선언되었을 때의 렉시컬 환경과의 조합이다.   더보기렉시컬 환경이란? 실행 중인 코드가 사용하는 변수, 상수, 함수 정보를 저장한는..

개요JavaScript를 공부하다 보면 꼭 만나게 되는 키워드가 있습니다. 바로 var, let, const 입니다. 이들과 함께 자주 나오는 호이스팅과 TDZ(Temporal Dead Zone) 개념까지 깔끔하게 정리하기목차1. var, let, const 차이점 2, 호이스팅이란? 3. TDZ(Temporal Dead Zone)란? 4. 왜 var를 지양해야 할까? 5. 실무에서의 팁1. var, let, const의 차이점키워드스코프재선언재할당호이스팅var함수 스코프OOO (초기값 undefined)let블록 스코프XOO (TDZ존재)const블록 스코프XXO (TDZ존재)🔸 var재선언 가능, 재할당 가능함수 스코프를 가짐 ({} 안에서는 스코프 무시)호이스팅 시 undefined로 초기화// ..

신입으로 처음 취업할 때는 기술 면접보다는 인성 면접 중심이었고 운이 좋게 바로 합격했습니다. 그렇게 시간이 흘러서 오늘, 처음으로 프론트엔드 기술 면접을 경험하게 되었습니다.이번 면접은 약  45분 동안 진행되었으며, 자기소개를 시작으로 기초 질문, 이력서 기반의 질문, 회사 관련 질문하기 순서로 이루어졌습니다.너무 긴장한 탓인지 자기소개부터 머릿속이 하얘졌고, 제대로 된 설명을 하지 못했습니다. 이어서 기초적인 기술 질문이 이어졌는데, 저는 이력서 기반의 질문만 예상하고 최적화 관련 내용만 집중적으로 준비했기 때문에 기본적인 질문에도 제대로 대답하지 못했습니다. 다행히도 면접관께서 긴장감을 풀어주기 위해 편안한 분위기를 만들어 주려고 노력하시는 게 느껴졌습니다.첫 질문은 브라우저 주소창에 URL을 입..

React 프로젝트를 진행하면서 ESLint가 출력하는  is missing in props validation 오류 메시지를 보았습니다. 이 오류는 컴포넌트에서 전달받은 props에 대한 검증이 누락되었음을 의미합니다.이 오류의 원인과 해결 방법에 대해 정리해보았습니다. 오류의 원인ESLint 의 eslint-plugin-react 플러그인은 컴포넌트에서 사용되는 props에 대해 명시적으로 타입이나 형식을 지정하도록 유도합니다. 즉, 컴포넌트가 어떤 props를 받는지 명확히 하지 않으면 다음과 같은 경고 메시지가 출력됩니다.에러 메시지: Warning: 'id' is missing in props validation 해결 방법1. PropsTypes를 사용하여 props 검증 추가하기만약 JavaS..

디자인 패턴 이란?코드를 체계화하기 위한 공통적인 패턴을 제공해 코드를 쉽게 이해하도록 돕고, 다른 개발자와의 의사소통을 원활하게 해줍니다. 디자인 패턴은 유지보수가 쉬운 코드를 작성하거나 리팩터링할 수 있는 길을 열어준다는 점에서 굉장히 중요합니다.자바스크립트는 서버와 클라이언트, 모든 곳에서 활용되는 최신 웹 개발의 중심입니다. 이제 자바스크립트는 모듈, 클래스, 화살표 함수, 템플릿 리터럴 등 이전에는 없던 기능을 지원하고 웹 개발자를 편하게 만들어주는 최신 라이브러리와 프레임워크도 많이 생겼습니다.  그렇다면 현재의 자바스크립트 생태계에서 디자인 패턴은 어떤 의미일까요?어쩌면 최신 프레임워크나 라이브러리는 이미 잘 작성되어 이러한 디자인 패턴이 필요하지 않을 수도 있습니다. 반대로 어떤 프레임워크..