# 한 달 안에 취업하기 #15

- Author: @kimyoungjo
- Published: 2020-02-11
- Updated: 2020-02-11
- Source: http://blex.me/@kimyoungjo/%ED%95%9C-%EB%8B%AC-%EC%95%88%EC%97%90-%EC%B7%A8%EC%97%85%ED%95%98%EA%B8%B0-15
- Tags: 미분류

---

##### 오늘 할 일
 - 알고리즘 1문제
 - vingle 문제 풀기
 - 프론트엔드 면접질문 달아보기 글 복습
 - javascript 개념공부
 
### 알고리즘 1문제

[Github](https://github.com/yoyounn18/1Day1Algorithm/blob/master/%EC%88%AB%EC%9E%90%EC%9D%98%20%ED%91%9C%ED%98%84)

### Vingle 문제 풀기

[Vingle 사전 평가 문제](https://docs.google.com/forms/d/e/1FAIpQLSeQfruwcJjEF9t4g6F5ZmkgqyMNJ0txf1nnDW1xrWNZNtSPxg/viewform)

1. 그림1에서 test.txt 가 있을 때 log 를 작성해주세요.
 - 132
 
2. 그림1에서 test.txt 가 없을 때 log 를 작성해주세요.
 - 13
 
3. 다음과 같이 Callback이 중첩된 코드를 어떻게 하면 개선 할 수 있을지 본인의 방법을 설명해 주세요.
 - ```promise```의 ```then```을 사용해서 코드의 깊이를 얕게한다.
 
4. 그림3, r1 왜 true 인가
 - object는 얕은 복사로 그 배열의 참조값만 복제된다. 이러한 이유로 아래의 답 들의 true false 값이 정해짐. 원본이 바뀌면 사본도 바뀐다는 말.
 
5. 빈 화면에서 렌더링이 완료 되기까지 너무 오래 걸린다는 피드백이 있습니다. 어떻게 하면 이 문제를 해결 할 수 있을지 설명해 주세요.(※ 캐시는 이미 적용됨)
 - addEventListener 쪽에서 불필요하게 함수가 반복되고 있을 가능성이 있으므로 Debouncing을 통해 함수 사이에 간격을 두어본다.
 
6. ES6의 Arrow Function 과 기존 Function의 차이는 무엇인가요?
 - 표현이 간결해지고, 자신을 포함하는 외부 scope 에서 this를 승계받는다. 이전처럼 따로 내부에서 바인딩을 해주지 않아도 된다.

7. 본인이 알고 있는 프론트앤드에서 쓸 수 있는 테스트 프레임워크들을 설명해주세요.
 - Jasmine, Mocha 등이 있다는 것만 알고 있다.
 
8. React, Angular.js 등 프레임워크들이 jQuery보다 좋은 점은 무엇인가요?
 - React와 jQuery를 사용해본 입장에서 생각해보면, React의 컴포넌트라는 기능은 큰 프로젝트를 진행할때 유지보수성이 압도적으로 좋을 수 밖에 없다는 생각을 했다. 사실 코딩이라는 것이 클라이언트 입장에선 구현만 되어있으면 실사용에 그렇게까지 영향은 없지만 개발을 하는 입장에선 이 재사용성과 유지보수성이라는 것은 매우 중요하기에 React의 큰 장점이라고 생각한다. 
 
9. 관심을 가지고 있는 프레임워크/라이브러리와 관심을 가지게 된 계기에 대해 설명해주세요.
 - 처음 Vue와 React를 두고 고민을 많이 했다. React를 골랐고 Vue는 시작도 하지 않았기에 직접 비교는 어렵겠지만, 일단 npm 이라는 플랫폼을 인상적으로 봤다. React의 정수는 컴포넌트라고 생각하는데 이 컴포넌트 라는 개념 때문에 자유도, 재사용, 유지보수성이 높다는 것에 매료되었다. 추가로 저러한 특성덕에 내가 개발한 컴포넌트를 npm을 통해 배포해볼수도 있고, 다른 개발자가 만든 컴포넌트를 별다른 과정없이 손쉽게 사용해볼 수 있다는게 매력적이었다.
 
### 프론트엔드 면접질문 달아보기 글 복습

[이전에 작성했던 면접질문 글](https://blex.me/@yoyounn18/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%A7%81%EA%B5%B0-%EC%9B%B9%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%A9%B4%EC%A0%91%EC%A7%88%EB%AC%B8-%EB%AA%A8%EC%9D%8C-%EB%8B%B5%EB%B3%80-%EB%8B%AC%EC%95%84%EB%B3%B4%EA%B8%B0)

### javascript 개념공부 

```Do it 자바스크립트``` 저서 이용

##### 내일 할 일
 - 알고리즘 1문제
 - 웹 관련 개념 잡기
 - 면접 질문글 답 달아보기