[TIL] 면접 준비 및 면접 대비 공부

TIL

면접 대비 이론 공부

면접 준비

고차 컴포넌트(HOC)란?

먼저 고차 함수는 함수를 반환하거나 함수를 인수로 하는 함수를 뜻한다. 흔히 사용하는 map, filter, reduce 등의 배열 메서드들이 고차 함수 HOF 이다. 이처럼 HOC는 컴포넌트를 인수로 하고 컴포넌트를 반환하는 함수를 고차 컴포넌트라고 한다.

컴포넌트가 있고 그 함수 컴포넌트가 인수로 컴포넌트를 받고, 함수 안에서 로직을 특정 state가 true 일 때는 인수로 전달받은 컴포넌트를 반환하고, false 일 경우 다른 요소를 반환하도록 한다면 HOC라고 할 수 있다. HOC는 이처럼 컴포넌트를 인수로 전달받기 때문에 재사용성이 좋다.

React의 state가 불변성을 가져야하는 이유

불변성을 지켜야 값이 바뀌었다는 것을 알 수 있기 때문이다.

값이 바뀌었다는 것을 알아야 컴포넌트가 렌더링될 수 있기 때문이다.

따라서 바로 변수에 담는 것이 아니라 setState를 통해서 state를 변경해주어야 한다.

[참고] https://velog.io/@_seeul/React-React의-state가-불변성을-가져야하는-이유

Styled-component에서 컴포넌트 선언을 밑에 해주어도 위에서 사용할 수 있는 이유

Styled-component를 사용하여 컴포넌트를 컴포넌트 함수 아래에 정의하는 경우가 많다.

styled를 사용해서 컴포넌트를 만들면 평가 과정에서 환경에 등록되어 호이스팅이 된다.

[참고] https://velog.io/@chltjdrhd777/Styled-component와-모듈스코프

AMD와 CommonJS는 무엇이고, 이것들에 대해 어떻게 생각하시나요?

javascript를 브라우저 밖에서도 사용할 수 있도록 해왔다. V8 엔진이 등장하고 표준을 정하기 시작했고 그것이 CommonJS였다. commonJS의 핵심은 모듈화였다. 이 명세를 따르는 것이 node.js이다. amd 또한 표준 api 라이브러리 제작 그룹이다.

[참고] https://d2.naver.com/helloworld/12864

자바스크립트 믹스인이란?

상속을 받는 동시에 추가하고 싶은 메서드를 사용할 수 있도록 추가해주는 것이다.

자바스크립트에서는 단일 상속만 허용한다. 따라서 메서드나 프로퍼티 상속에 한계가 있다. 이를 개선하기 위해 믹스인이라는 개념을 사용할 수 있다.

// 믹스인
let sayHiMixin = {
  sayHi() {
    alert(`Hello ${this.name}`);
  },
  sayBye() {
    alert(`Bye ${this.name}`);
  },
};

// 사용법:
class User {
  constructor(name) {
    this.name = name;
  }
}

// 메서드 복사
Object.assign(User.prototype, sayHiMixin);

// 이제 User가 인사를 할 수 있습니다.
new User("Dude").sayHi(); // Hello Dude!

위와 같이 메서드를 가지고 있는 믹스인을 User 객체에 넣어주어 메서드들을 사용할 수 있도록 해준다.

[참고] https://ko.javascript.info/mixins

프록시에 대해 아는대로 설명해주세요.

클라이언트에서 이 프록시를 통해 다른 네트워크 서비스에 접속할 수 있도록 해주는 컴퓨터 시스템이나 프로그램이다. 클라이언트 대시 대리로 통신을 수행해주는 것이다. 프록시에는 포워드 프록시와 리버스 프록시가 있다. 이는 서버의 위치에 따라 나뉜다.

포워드 프록시는 클라이언트가 프록시 서버에 요청한 내용을 프록시 서버에서 캐시로 저장해두어 추후 재요청시 다시 데이터를 요청하지 않아도 되어 전송 시간을 절약할 수 있다.

리버스 프록시는 서버의 DB를 보호할 수 있도록 클라이언트에서 요청을 받으면 실제 내부 서버에서 데이터를 받아와서 클라이언트에게 전달해주는 것이다.

[참고] https://hardner.tistory.com/34 https://iforint.tistory.com/145

회고 (TIL)

2022.03.12 Daily 회고

✏오늘 한 일

• 단비교육 코딩테스트
• 면접 대비 공부
• 자소서 쓰기 (캐롯손해보험)

⁉느낀 점

단비교육 코테는 생각보다 어렵지 않았는데, 문제는 내가 다 못풀었다. 진짜 쉽게 나온 것 같은데, 머리가 어떻게 된 것인지 아니면 아직 실력이 없는 것인지 제대로 풀지 못했다.

아직 코테를 보는 회사는 쳐다볼 수 없는 것인가..

🎃현재 나의 상태

또 두려움이 몰려오는 상태. 아직 면접도 많이 남았으니 멘탈 잘 잡자.

---