프론트 개발자를 위한 여정

모든 영역을 안내하는 개발자

2024/12/15 3

JS 실전 문제

클로저(Closure)를 활용해 다음 동작을 구현하세요.호출될 때마다 숫자가 1씩 증가하는 카운터 함수.const createCounter = () => { // 구현};const counter = createCounter();console.log(counter()); // 1console.log(counter()); // 2  Promise.all과 Promise.race의 차이를 설명하고, 간단한 예제를 작성해보세요. TypeScript로 다음 요구사항을 구현해보세요.키가 string이고 값이 number인 객체를 처리하는 함수를 작성하세요.객체의 모든 값을 합산하여 반환해야 합니다.function sumValues(obj) { // 구현}

Frontend 2024.12.15

TypeScript 관련 질문

TypeScript의 주요 장점과 JavaScript와의 차이점은 무엇인가요?정적 타이핑, 타입 안전성, 코드 가독성 향상 등에 대한 설명 여부 확인.다음 코드에서 타입을 추가해보세요. 매개변수와 반환값에 적절한 타입을 정의하는 능력을 평가.function add(a, b) { return a + b;} interface와 type의 차이는 무엇인가요? 둘 중 언제 어떤 것을 사용하는 게 적합한가요?TypeScript의 타입 시스템에 대한 이해를 확인.제네릭(Generics)이란 무엇인가요? 간단한 사용 사례를 보여주세요.재사용 가능한 유연한 코드를 작성할 수 있는지 평가.TypeScript에서 Partial, Pick, Omit 유틸리티 타입은 무엇이고, 어떻게 사용되나요?내장 유틸리티 타입을 이..

Frontend 2024.12.15

ES6+ 관련 질문

let과 const의 차이점은 무엇인가요? var와 비교했을 때 어떤 점이 개선되었나요?답변에서 변수 스코프(블록 스코프)와 호이스팅 동작 차이를 설명할 수 있는지 확인.ES6의 화살표 함수(Arrow Function)와 일반 함수의 차이점은 무엇인가요?this 바인딩과 arguments 객체 관련 동작에 대한 이해도를 확인.템플릿 리터럴(Template Literals)을 사용해 문자열을 동적으로 생성하는 코드를 작성해보세요.간단한 예제를 통해 문법 활용 능력을 평가.JavaScript의 Promise와 async/await의 차이점과 장단점은 무엇인가요?비동기 처리를 어떻게 다루는지, 그리고 동작 원리에 대한 이해를 확인.Map과 Set의 주요 특징과 활용 사례는 무엇인가요?새로운 데이터 구조를 이해..

Frontend 2024.12.15