[TIL] 221124-25

🔥 오늘 한 일

• 프로그래머스 Lv.1 옹알이(2), 기사단원의 무기 2문제 완료
• [TS-플젝]
  • Mypage 페이지 레이아웃 추가
  • Mypage > InfoContainer, QnaContainer, StatsBox 컴포넌트 추가

• 10:00~11:10 토스증권 코테
• 14:30~16:00 TS플젝 회의
• 프로그래머스 Lv.1 K번째수, 실패율 2문제 완료
• [Udemy TS] Section3(TS 컴파일러) 학습

🧚 새롭게 알게 된 내용

💡 TS - tsconfig.json options

// tsconfig.json

// 해당 파일 컴파일 제외
"exclude": [
	"analytics.ts",
	"**/*.dev.ts" // 모든 폴더에서 .dev.ts 이름을 포함하는 파일들 무시
	"node_modules"
],
// "exclude" 옵션을 아예 지정하지 않으면 "node_modules"는 자동으로 제외됨

// 컴파일할 파일들
"include": [
	...
],
// "include" 옵션을 아예 지정하지 않으면 모든 파일 컴파일

// 컴파일하고자 하는 개별 파일만 지정 가능
"files": [
	"app.ts"
]

// compilerOptions: TS코드가 컴파일되는 방식 관리
"compilerOptions": {
  "target": "es6", // 어떤 JS 버전을 대상으로 코드를 컴파일할 것인지
  "lib": [], // dom으로 작업을 수행하는 항목들(기본 객체, 기능, TS노드)을 지정하게 해주는 옵션
  
  // 아래 두 옵션은 TS + JS 파일도 함께 검사하고 싶은 경우에 사용
  "allowJs": true, // TS가 JS 파일을 컴파일할 수 있도록 해줌
  "checkJs": true, // TS가 컴파일 수행하지 않더라도 구문 검사 및 잠재적 에러 보고해줌
	
  "sourceMap": true, // 입력 파일에 JS파일을 연결하는 최신 브라우저와 개발자 도구 간의 다리 역할

  "outDir": "./dist", // 생성된 파일 저장 위치
  "rootDir": "./src", // 루트 폴더 지정
  "removeComments": true, // TS 파일의 모든 주석이 컴파일된 JS 파일에서 제거됨
  "noEmit": true, // JS 파일 생성 X
  "noEmitOnError": true, // error가 나는 TS 파일에 대한 출력 파일에 생성되지 않음 (기본값은 false)

  /* Type Checking */
  "strict": true,               // true: strict 관련 모든 옵션을 개별적으로 설정하는 것과 같음 (모든 옵션이 true로 설정됨)
  "noImplicitAny": true,        // 암묵적으로 타입을 any로 설정하지 않음 즉, true일 때 타입을 지정하지 않으면 error
  "strictNullChecks": true,     // null 값을 잠재적으로 가질 수 있는 값에 접근하고 작업하는 방식을 TS에게 알려줌
  "strictFunctionTypes": true,  // 매개변수와 반환 값에 대해 함수가 어떻게 표시되는지 정의
  "strictBindCallApply": true,  // 결합하고 호출하고 적용하는 작업에 유용
  "noImplicitThis": true,       // this 키워드와 관련 있으며, TS는 this 키워드를 명확하지 않은 위치에서 사용되면 경고
  "alwaysStrict": true,         // strict 모드를 사용하는 생성되는 JS 파일이 추가되도록 제어
}

// dist 폴더: 모든 출력값 보관
// src 폴더: ts 파일 저장

! // null이 아닌 값을 반환한다는 걸 알 수 있게 해주는 역할
if (button) {...} // 요런 식으로 if문을 통해 null값이 아닐 때 코드를 실행하도록 해줘도 !연산자를 쓴것과 동일한 기능

bind() // 전달될 인수를 재구성하고자 할 때 (결합하고자 하는 항목을 인자로 작성)
.map // map file은 JS & TS 파일 간의 디버거를 이어주는 역할

👀 MEMO

🎨 랜덤 프로필 이미지

boring-avatars url를 이용해서 랜덤 프로필 이미지 생성해보기~!

🔗[참고 블로그] Boring Avatars
🔗[github] boring-avatars-service

✍️ Diary

오전에 본 토스증권 코테는 역시나 광탈,,, 70분 안에 한두문제 푸는 것도 벅찬데 6문제나 풀어야 한다니.. 문제 접근 자체가 생소한 문제가 많아서 아예 손도 못 댄 문제도 있었다. 🥲
프로그래머스 코테 렙1 문제 중에서 카카오 문제는 괜히 겁만 먹고 계속 미뤘었는데 실패율 문제는 시간은 좀 걸렸지만 나름 재밌게 풀었따!