본문 바로가기

전체 글73

프론트엔드 신입 개발자 면접 후기2 추석 이후 추가적으로 면접을 보게되어 면접 후기를 기록해둔다.. 면접 볼 때마다 서울 올라가는 거 너무 힘들고 친구 집에서 묵는데 친구한테도 너무 미안하다.. 빨리 취업해야겠다는 생각뿐이다. 면접후기 - 회사 1 (2차 대면 면접) 강남에 위치한 직원 100명 규모의 SI 회사다. 얼마 전에 전화 면접에 합격하고 2차로 대면 면접을 보게 되었다. 면접은 시작부터 리액트로 간단한 To-Do List를 구현하는 과제를 받으며 시작됐다. 노트북과 웹 IDE 환경이 익숙하지 않았고, 긴장한 탓에 30분이라는 시간 내에 모든 요구사항을 완벽히 구현하지는 못했다. 그 이후 3대 1 면접이 진행되었다. 자기소개를 시작으로 이력서와 포트폴리오 위주의 질문을 받았고, 자바스크립트 관련 기술 질문 및 인성 면접도 이어졌다.. 2024. 9. 28.
[자바스크립트] 프로토타입 1. 프로토타입의 기본 개념자바스크립트는 프로토타입 기반 언어이다. 자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. 그리고 이것은 마치 객체 지향의 상속 개념과 같이 부모 객체의 프로퍼티 또는 메소드를 상속받아 사용할 수 있게 한다. 이러한 부모 객체를 Prototype(프로토타입) 객체 또는 줄여서 Prototype(프로토타입)이라 한다.2. 프로토타입 체인프로토타입 체인은 객체가 어떤 속성이나 메서드를 찾을 때, 그 객체가 가지고 있는지 확인하고, 없으면 프로토타입을 계속해서 탐색하는 방식이다. 이 체인을 통해 객체는 부모 객체의 속성과 메서드를 상속받아 사용할 수 있다.이 과정을 프로토타입을 상속받는 과정이라고 말한다.3. 예시프로토타입은 주로 생성자 함수나 클래스를 .. 2024. 9. 27.
[타입스크립트] 유틸리티 타입 TypeScript는 일반적인 타입 변환을 쉽게 하기 위해서 몇 가지 유틸리티 타입을 제공한다. 이러한 유틸리티는 전역으로 사용 가능하다.1. PartialPartial은 모든 프로퍼티을 선택적으로 만든다. 즉, 기존의 타입에서 모든 프로퍼티들이 없어도 되는 새 타입을 만든다. interface User { name: string; age: number; address: string;}const updateUser = (user: Partial) => { // Partial을 사용하면 name, age, address 중 아무것도 없어도 오류가 나지 않음 console.log(user);}updateUser({ name: "철수" }); // OKupdateUser({}); // OK2. R.. 2024. 9. 26.
[면접 질문] function Person(){}, var person = Person(), 그리고 var person = new Person()의 차이점? function Person(name) { this.name = name}var person = Person('John')console.log(person) // undefinedconsole.log(person.name) // Uncaught TypeError: Cannot read property 'name' of undefinedvar person = new Person('John')console.log(person) // Person { name: "John" }console.log(person.name) // "John" function Person(){}: 일반적인 함수 선언var person = Person(): 생성자가 아니라 Person을 함수로 호출, undefined가 반환var p.. 2024. 9. 25.