뚠뚜 개발일지

Javascript의 호이스팅에 대해 설명해주세요. 자바스크립트 호이스팅은 함수나 변수 선언이 실제 위치보다 코드 범위의 최상단으로 끌어올려지는 것처럼 보이는 현상으로 자바스크립트 엔진이 코드를 실행하기 전에 코드 분석 과정에서 발생합니다. 모든 선언이 영향을 받음: function, var, let, const, class 등 모든 선언이 호이스팅됩니다. var 선언: var로 선언된 변수는 선언 위치에 관계없이 코드 범위 최상단에서 undefined로 초기화됩니다. let 및 const 선언: let 및 const로 선언된 변수는 호이스팅되지만, 선언 위치까지는 접근 불가능하며, ReferenceError 발생합니다. 함수 선언: 함수 선언은 함수 이름 자체를 끌어올리며, 함수 표현식은 호이스팅되지 ..

‘==’와 ‘===’ 연산자의 차이는 무엇인지 설명해주실 수 있을까요? == 연산자 (동등 연산자) 두 값의 값만 비교합니다. 자동 형변환(암묵적 형변환)이 일어납니다. 즉, 비교 전에 두 값의 데이터 유형을 동일하게 변환합니다. === 연산자 (일치 연산자) 두 값의 값과 데이터 유형 모두 비교합니다. 자동 형변환이 일어나지 않습니다. == 연산자는 값만 비교하고 자동 형변환이 일어나므로, 예상치 못한 결과가 발생할 수 있습니다. === 연산자는 값과 데이터 유형 모두 비교하기 때문에, 더 엄격하고 정확한 비교가 가능합니다. 데이터 10,000개를 가지고 무한 스크롤 구현시에 가장 중요하게 고려해야 할 점은 무엇인가요? 성능 최적화를 가장 중요하게 고려해야한다고 생각합니다. 한 번에 많은 데이터를 로드..

var, let, const의 차이에 대해 알려주세요. var는 ES5부터 사용되던 변수 선언 키워드로 변수의 범위는 함수 스코프를 가집니다. (함수 스코프란, 변수가 선언된 함수 내에서만 유효하다는 것을 의미) 또한 같은 범위 내에서라면 변수는 재선언(중복선언)이 되며 업데이트될 수 있습니다. 호이스팅이라는 개념을 가지고 있어 선언 전에 변수를 참조해도 에러가 발생하지 않지만 값이 undfined로 초기화됩니다. (호이스팅이란, 변수 선언이 해당 스코프의 최상단으로 끌어올려지는 것) let과 const는 은 ES6에서 도입된 변수 선언 키워드로 var와 다르게 블록 스코프를 가지고 있어 블록 내에서 선언된 변수는 그 블록 내에서만 유효합니다. let은 선언된 해당 범위 내에서 업데이트가 될 수 있지만,..

1. 버츄얼 돔과 리얼 돔의 차이를 설명해주세요. 실제 돔은 브라우저에 그려진 HTML 요소들을 나타내며, 변경이 있을 때마다 모든 요소를 다시 그려야 하는 반면, 가상 돔은 이러한 실제 돔의 가벼운 복사본으로, 변경된 부분만 업데이트하여 성능을 최적화합니다. 2. useRef에 대해 설명해주세요. useRef는 React에서 사용되는 Hook 중 하나로, DOM 요소에 직접적으로 접근할 수 있도록 도와줍니다. 3. useEffect의 실행 순서에 대해 설명해주세요. 컴포넌트 렌더링 -> 업데이트 -> 컴포넌트가 사라질 때

1. 상태관리를 왜 할까요? 그리고 평소 state 관리는 어떻게 하시나요? 대규모 앱에서는 컴포넌트 간의 데이터 흐름을 관리하기 복잡하고, 데이터의 일관성을 유지하는 것이 어렵습니다. 그렇기 때문에 복잡한 애플리케이션에서 데이터의 흐름을 효율적으로 관리하고, UI의 상태를 업데이트하며, 데이터의 일관성을 유지해주는 상태관리를 해줍니다. 상태관리를 하면 코드의 가독성과 유지보수성을 향상시키며, 사용자 경험을 향상시켜줍니다. 현재 React 함수형 컴포넌트에 내장된 useState Hook을 사용하여 상태관리를 하고 있지만, 상태관리 라이브러리에 관심을 가지고 Recoil과 Redux를 공부하고 있으며 기존 프로젝트 리팩토링에 활용해보려고 하고 있습니다. 2. Redux가 무엇인가요, 왜 Redux를 사용..