[TIL] 221127

🔥 오늘 한 일

• 프로그래머스 Lv.1 다트게임(kakao) 1문제 완료
• [JS Deep Dive] Chapter15(let, const 키워드와 블록 레벨 스코프) 학습
• 기술면접 답변 연습
• [Udemy TS] Section4(Next-Gen JS & TS) 학습
• Velog에 [TS] React Portals을 이용한 Modal 구현 과정 글 업로드
  🔗 [TS] React Portals 이용하여 modal 구현해보기 👷‍♀️
• Velog에 [TS] react-hook-form을 이용한 회원가입 구현 과정 글 업로드
  🔗 [TS] react-hook-form을 이용하여 회원가입 구현해보기 👩‍💻
• [TS 플젝]
  • [Server] User - Router & Controller 파일 분리
  • [Server] User - myQuestion & myAnswers Controller 구현
  • Mypage - 로그인한 유저 닉네임 출력
  • Mypage - Stats > Questions, Answers 개수 출력 (axios get 요청)

🧚 새롭게 알게 된 내용

const add = (a: number, b: number = 1) => a + b;
const printOutput: (a: nubmer | string) => void = output => console.log(output);
printOutput(add(5));

// (a: number = 1, b: number)일 경우 매개변수로 하나만 받으면 error!
// why? 하나의 매개변수가 앞에서부터 할당되므로 5가 a에게 전달됨
// => 기본값을 선언할 땐 오른쪽 인자에!!

const hobbies ['Sports', 'Cooking'];
const activeHobbies = ['Hiking'];

activeHobbies.push(...hobbies);

// activeHobbies: ['Hiking', 'Sports', 'Cooking']

// 매개변수 개수가 정해져 있지 않을 때
const add = (...numbers: number[]) => {
	return numbers.reduce((acc, cur) => {
		return acc + cur;
	}, 0);
}

// 매개변수 개수를 알고 있을 때 튜플 사용!
(...numbers: [number, number, number])

✍️ Diary

면접 준비도 꾸준히 해야 하는데 계속 미루게 된다..
낼부턴 면접 준비에도 최소 2시간 이상 시간 할애하기!
미뤄놨던 react-hook-form과 portal modal 구현 과정 포스트도 오늘 다 업로드했다. 후련후련 😽
막 써놨던 Velog 글들도 틈틈히 조금씩 다듬어보쟈 🙌