Null / Undefined / Undeclared / NaN 에 대해 설명해주세요. Null Null은 JavaScript에서 의도적으로 변수에 할당된 '아무것도 없음'을 나타내는 값. 변수가 '빈 상태'임을 명시적으로 나타낼때 사용합니다. Undefined Undefined는 변수가 선언되었으나 아직 값을 할당받지 않았을 때 기본적으로 주어지는 값입니다. 또한, 객체의 존재하지 않는 속성에 접근하려고 할 때도 undefined가 반환됩니다. Undeclared Undeclared는 선언되지 않은 변수를 의미합니다. 즉, 해당 변수에 대해 var, let, const 등을 사용하여 선언하지 않고 값을 할당하려 할 때 JavaScript에서 참조 오류(ReferenceError)가 발생합니다. NaN ..

캐시 캐시의 장단점과 어떤 부분에 활용하는지 설명해주세요. 프론트엔드에서 캐시를 사용할수 있는 2~3가지 영역을 제시해 주세요. 캐시 데이터를 빠르게 접근할 수 있도록 저장하는 메모리 장단점 장점 반복적인 요청을 중복해서 요청할 필요가 없어지기 때문에 서버의 부하 감소 빠른 응답속도 제공 단점 최신데이터를 보장하지 않는다. 적은 용량 보안의 문제가 될 수 있다. 우선적으로 캐시를 먼저 탐색하기 때문에 캐시 레이트 힛등 관리가 필요하다. 활용 브라우저 단에서 이미지 등을 캐싱하여 메번 서버에서 다운로드 하지 않고 로딩 시간을 단축할 수 있다. HTTP/1.1 에서 캐시 제어를 위한 Cache-Control:max-age Cache-Control:no-cache 등 헤더가 추가 되면서 캐시를 잘 활용한 웹서..

프레임워크와 라이브러리 프레임워크와 라이브러리 차이점에 대해 설명해주세요. 프레임워크란? 프로그램의 기본 구조(뼈대)이다. 코드의 품질, 필수적인 코드, 알고리즘, 데이터베이스 연동과 같은 기능들을 어느정도 갖춘 뼈대를 제공하도록 만들어진 것. 프레임워크 만으로는 프로그램이 실행되지 않으며 기능을 추가해야 하고, 코드 작성 시 프레임워크가 정의한 규칙을 준수해야한다. JavaScript 기반 프레임워크 Angyler React 기반 프레임워크 Next.js Java 기반 프레임워크 Spring 라이브러리란? 비슷한 성격을 가진 plug-in의 집합을 뜻한다. 소프트웨어 개발에 사용되는 프로그램의 구성요소들 중에서 공통으로 사용될 수 있는 특정 기능들을 모아 모듈화 한 것이다. 즉, 자주 사용하는 기능들을..

1. Cookie의 MaxAge, Expires 옵션이 무엇인지, 설정하지 않으면 어떻게 되는지 설명해주세요. MaxAge와 Expires는 둘 다 쿠키의 수명 설정 옵션 MaxAge : 만료 기간, 초 단위 Expires : 유효 일자, 날짜 형식 둘 다 설정하지 않을 경우 → 세션 쿠키로 취급되어 브라우저를 종료할 때 삭제됨

1. useRef가 필요한 상황을 예시를 들어 설명해주세요. React는 가상돔과 리얼돔을 비교하여 가상돔의 변경사항이 일어난 부분만 리랜더링 하는 방식으로 동작 / 직접 DOM 요소에 접근 하는 것을 지양함. 직접 DOM 요소에 접근해야 하는 경우에 useRef 사용 input 태그 포커스 커스텀 모달 엘리먼트 외부영역 클릭 스크롤 이벤트 리랜더링 되어도 객체의 값이 유지 → 특정 상태의 이전 값을 리랜더링 이후 비교해야 하는 경우에도 사용 가능 useRef와 useState 차이 → 값이 변경되었을때 리랜더링 발생 여부

Hoisting 이란? TDZ란? Hoisting 자바스크립트 코드 내 선언만 분리하여 엔진이 미리 메모리에 공간을 할당하여 선언부들이 코드의 최상단으로 끌어 올리는 것처럼 보이는 현상 TDZ 자바스크립트 변수 선언의 경우 var, let, const가 있는데 var는 호이스팅과 동시에 undefiend로 변수가 초기화 되지만 let, const와 같은 경우는 호이스팅 되어서 선언되더라도 초기화와 활당이 이루어지지 않기 때문에 초기화부분과 할당 부분의 코드라인이 실행되기 전까지 일시적으로 참조할수 없는 순간이 생깁니다. 이것을 템퍼럴 데드 존 이라고 부릅니다. parameter와 argument의 차이에 대해 설명해주세요. parameter 함수를 정의할 때 사용되는 변수를 매개변수, 파라미터 argum..