반응형 면접5 [JavaScript] 자바스크립트 면접 질문 자바스크립트 관련하여 면접시 받을 수 있는 질문들입니다. Promise와 Callback 차이 자바스크립트에서 Promise와 Callback은 비동기 코드의 처리 방식을 다르게 다루는 개념입니다. 다음은 각각에 대한 설명입니다: 1. Callback: Callback은 비동기 작업이 완료되었을 때 실행되는 함수를 의미합니다. 일반적으로 비동기 함수의 매개변수로 콜백 함수를 전달하여 사용합니다. 비동기 작업이 완료되면 해당 콜백 함수가 호출되어 결과를 처리하거나 다음 동작을 수행할 수 있습니다. Callback은 비동기 작업의 순서와 결과 처리를 보장하기 위해 사용됩니다. 하지만 콜백 함수를 중첩하여 사용하면 코드가 복잡해지고 가독성이 떨어질 수 있으며, 에러 처리와 예외 처리가 어려울 수 있습니다. 2.. 2024. 4. 12. [React] 제어(Controlled) 컴포넌트와 비제어(Uncontrolled) 컴포넌트의 차이 React에서 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)는 데이터 흐름과 상태 관리 방식의 차이에 따라 구분됩니다. 1. 제어 컴포넌트(Controlled Component) - 제어 컴포넌트는 React의 상태(state)를 사용하여 데이터를 관리합니다. - 컴포넌트의 상태(state)를 업데이트하고, 이를 컴포넌트의 속성(props)로 전달하여 UI를 제어합니다. - 사용자 입력에 대한 이벤트 핸들러를 통해 상태(state)를 업데이트하고, 업데이트된 상태를 UI에 반영합니다. - 예를 들어, `` 요소의 값을 상태(state)로 관리하고, `onChange` 이벤트 핸들러를 통해 상태(state)를 업데이트하여 사용자 입력에 따.. 2024. 2. 16. JavaScript Animation과 CSS Animation 차이 CSS 애니메이션과 JavaScript 애니메이션은 웹 페이지에서 동적인 요소를 만들기 위해 사용되지만 다른 접근방식을 보입니다. 1. CSS 애니메이션 CSS 애니메이션은 CSS 속성을 사용하여 웹 요소에 애니메이션 효과를 적용하는 방식 주로 @keyframes 규칙을 사용하여 애니메이션의 시작 상태와 종료 상태, 그리고 중간 단계의 스타일을 정의 CSS 애니메이션은 주로 시각적인 요소에 대한 애니메이션에 사용됩니다. 예를 들어, 요소의 이동, 회전, 크기 변화, 색상 변화 등을 담당 CSS 애니메이션은 브라우저에 내장된 애니메이션 엔진을 사용하므로, 성능 면에서 일반적으로 JavaScript 애니메이션보다 부드럽고 효율적 CSS 애니메이션은 간단한 애니메이션 효과를 적용하기에 편리하며, 코드가 간결하.. 2024. 2. 16. Webpack, Babel, Polyfill 1. Webpack 웹팩은 JavaScript 애플리케이션을 위한 정적 모듈 번들러 웹팩은 애플리케이션을 구성하는 다양한 모듈(JavaScript, CSS, 이미지 등)들을 의존성 그래프로 분석하고 이를 하나의 번들 파일로 묶어주고, 이렇게 번들링된 파일은 브라우저에서 로드되어 실행될 수 있습니다. 웹팩은 다양한 로더(loader)와 플러그인(plugins)을 제공하여 코드 변환, 번들 최적화, 자동화 등의 기능을 제공하며, 주로 모던 JavaScript 개발에서 모듈 시스템을 사용하고 코드 번들링을 필요로 할 때 웹팩을 사용합니다. 2. Babel 바벨은 자바스크립트의 최신 문법을 구버전 브라우저에서도 동작할 수 있도록 변환해주는 도구 최신 버전의 자바스크립트 문법(ECMAScript)은 모든 브라우저.. 2024. 2. 16. Platform과 Framework 플랫폼과 프레임워크는 소프트웨어 개발 분야에서 중요한 개념으로 각각의 정의와 차이점을 정리하려 한다. 1. 플랫폼 (Platform) 플랫폼은 소프트웨어가 실행되는 환경을 제공하는 기반으로, 하드웨어나 소프트웨어의 특정한 조합을 의미합니다. 플랫폼은 주로 운영체제(OS)나 하드웨어의 종류에 따라 구분됩니다. 플랫폼은 개발자가 애플리케이션을 개발하고 실행할 수 있는 기반을 제공하며, 이를 통해 효율적인 애플리케이션 개발과 배포가 가능해집니다. 2. 프레임워크 (Framework) 프레임워크는 소프트웨어 개발을 위한 구조와 도구들의 집합으로, 개발자에게 개발 프로세스를 단순화하고 보다 쉽게 애플리케이션을 개발할 수 있는 환경을 제공합니다. 프레임워크는 일반적으로 특정한 목적을 갖고 있는 도구들의 모음이며, .. 2024. 2. 3. 이전 1 다음 반응형
