타입스크립트

타스가 다른 언어들보다 업데이트가 빠르다

const a = { a: 1 }
const b = { b: 1 }
const c = { c: 1 }

const objMerge = function(...args) {
return {...args}
}

const result = {
	a: 1,
	b: 2,
	c: 3,
	}

Awaited<Type>

This type is meant to model operations like await in async functions, or the .then() method on Promises - specifically, the way that they recursively unwrap Promises.

Example

type A = Awaited<Promise<string>>;
    type A = string
type B = Awaited<Promise<Promise<number>>>;
    type B = number
type C = Awaited<boolean | Promise<number>>;
    type C = number | boolean

면접때 회전목마 ui 컨텐츠를 만드세요 많이 나온다.

scale 변환: 강아지 나이를 사람 나이로 하면 몇살이야 이런 느낌

D3

D3 개념

앞으로 자가학습을 위한 요령들을 공부해보면 좋을 것 같다

인터뷰

요량도 필요하고 전략도 필요하다.
연습도 많이 해야한다.
인터뷰는 나의 경쟁력을 심사관한테 부각시키는 행위
면접만으로 신입경우의 이사람의 실력으로 검증하는게 어렵다는것을 안다.
정상적인 회사와 정상적인 면접관이라면.. 3개월을 일을 해봐야 실력 유무 판단 가능
본능적으로 그런 데이터가 있는것.
기술에 대한 즐거워 하는 사람들은 상대적으로 모르는것도 빨리 학습하고 성장도 빠르게 한다는것을 안다.
빠르게 성장할수있겠구나 하는 간접적인 증거가 되기때문에!

시리랑 챗지피처럼 말하면서 연습해볼것. 녹음해보면 안다.

3분내외로 답변하는게 좋다. 일반적인 질문은 1분내외!

인터뷰 전략

1. 의도를 파악해라 → 모든 질문에는 의도가 있다.

급하게 답변하지 말아라. (쫓기듯이 답변하지 말고 숨쉬고 생각하고 답변해도 충분 오히려 그런 태도가 면접관에게 신뢰를 준다.)

2. 답변의 전략/형식을 갖춰라.

디테일하게 얘기.
기승전과 같은 형식을 갖추는 훈련을 해라.

⭐ 내 답변을 녹음 해라. 혼자 얘기하고 들어보고 반복하는 것 ⇒ 중요! 즐거워하는 느낌 따라하려면 해라. 안하면 죽어도 안됨

3. 알파적인 답변을 추가해라.

장황하게는 답변하지 말것

4. 후속 질문을 대비해라

면접자가 잘 모르는 애매한 뉘앙스로 답변했을 때. → 용어 사용은 구체적인 단어를 사용

답변 중 맞는것과 틀린것이 섞여있을 때.

후속 질문 감소 전략 ⇒ 길지도 짧지도 않게 답변하라.

1. 모르는 것에 대한 답변 전략
   • 모르면 문제가 되는 상황 (업계에 널리 사용되는 기술인데, 들어본적도 없다고 답변하는 경우) 리액트 뷰 앵귤러 이런애들..ㅋ “리액트만 해봤습니다!” “왜요? 왜 다른건 학습 안하셨죠?” 라고 물어본다. 이런 종류의 기술들은 대략 뭔지는 알고있는 정도는 학습해야한다. → vuejs 10분은 봐라
     
   • 몰라도 괜찮은 상황 (OSI 7 layer, 이진B트리에 대해 물어보면 전공자가 아니라서 잘 모릅니다하면 ㄱㅊ)
2. 면접관에게 내가 답변하며 신나있다는 느낌을 전달해라.

⭐ 내가 개발과 관련된 이야기를 하는 것 자체를 즐거워한다는 느낌을 전달해라. 가장 좋은 인상을 주는 것

질문리스트

Q. let const var차이점에 대해 설명해주세요. or let const var에 대해 설명해주세요.

A.
var는 함수 스코프를 가지며 중복 선언이 가능하고, let은 블록 스코프를 가지며 중복 선언이 불가능. const는 let과 유사하지만, 한 번 할당된 값을 변경할 수 없습니다.
스코프적인 관점은 블라블라 … 해주기

Q. 호이스팅과 스코프는 무엇인가?
(이질문에는 숨은 의도가 있다. 엣지요소 답변해주면 플러스 효과
클로저같은 개념까지 말해주면 굿! )

A.
호이스팅: 변수 선언이 코드 상에서 자동으로 최상단으로 끌어올려지는 것.스코프: 변수가 유효하게 작동하는 범위.

Q. rem과 em의 차이점은?
실제로는 많이 안쓰는데 왜 질문할까?? 어떤 종류의 단위라고 하는것들을 다양한 옵션의 차이를 이해하면서 사용해봤는지?

Q. null과 undefined의 차이점?
null을 사용하는게 좋을까요? undefined를 사용하는게 좋을까요?
두가지 사용하는 원칙은 무엇일까요?
null을 사용하는 경험을 얘기해주세요.

A.
널은 비었다고 선언한 값
언디파인드는 아예 설정하지 않은 값

Q. React와 Vue의 차이점에 대해 설명해 주세요.
(의도는 모르는 기술에 대해서 어떻게 답변하는게 좋을까?)
지원한 회사가 사용하는 기술인데 모르는 경우 최악!!!

Q. React Hook을 사용할때 안티패턴에 대해 아는만큼 설명해 주세요.
(아는만큼이란 얼만큼 넓게 보는가를 물어보는 질문)
‘JS함수’에 대해 아는만큼 설명해 주세요. class, scope, module, component …
(못해도 혼자 5분은 떠들수있을정도 답론을 갖고있는 키워드라고 볼수있다..)
TS문법 중 가장 좋아하는 것은 무엇인가요?
(생각보다 이런 질문에 말문이 막히는 면접자가 많다. 즐겁게 이야기하는게 포인트..ㅋ)
싫어하는 스토리까지 만들면 굿

Q. 프론트엔드 개발자로서 가장 중요하다고 생각하는 역량은 무엇이고 그 역량을 강화하기 위해서 무엇을 하고있나요?

프론트엔드 개발자라고 어떤 정의를 스스로 하고있는지?를 보는 질문

개발자로서 가장 부족한 기술역량은 무엇이라고 생각하나요? (부족한 기술역량에 대한 답변이 반드시 있어야한다) 모르는것에 대한 학습인지를 하고있어야한다.

그럼 그 기술을 어떻게 학습하고 계신가요?

최악의답변: 책을 읽으려고 생각을 하고 있습니다. (마이너스 -10점)
평소에 공부를 하고있다면 여러개가 있을수밖에 없다.
앞에 무언가를 세우고 그거에 맞춰서 이런걸 하고있다라고 단점보완!

Q. (특정 상황을 주고 해결책을 찾게하는 질문)
배포된 앱이 느리다고 고객 문의사항이 접수되었습니다. 어떻게 해결하시겠습니까?

실행 환경 / 무슨 환경에서 실행되는 상황인지 정보가 필요하다.
고객을 만날수가 없다. → 고객 실행 데이터를 수집해야 한다. (로그)
프론트엔드 개발자 → 웹앱 (클라이언트) → HTML(JS) 로드 → JS실행 → API호출 → 렌더링 → 사용자확인