나오리의 개발일지 🚴‍♂️=3

문제 발생 팀 프로젝트를 시작하면서, 이번 프로젝트는 prettier 없이 eslint만 따르기로 했다. 하지만 다른 팀원이 설정해준 eslint 룰을 pull해서 실행하는데 문제가 생겼다. eslint 설정 시 (원하는 결과) 현재 내 로컬에서 save할 시 Setting에서 format on save도 꺼보고 default formatter도 다른 걸로 건드려보고 뭘 해봐도 안되던 차에.. 결국 팀원에게 도움을 요청했고, 문제는 다른 곳에 있었다. 문제 해결 (with. settings.json) 먼저 User Settings 파일에 들어간 뒤, 아래의 문구를 추가해준다. "editor.codeActionsOnSave": { "source.fixAll.eslint": true, }, 이는 파일을 저장..

타입스크립트 기본 타입 위는 타입 트리라고도 하며, 부모-자식 관계이다. 1. 원시타입 하나의 값만 저장하는 타입 1. number 타입 const num1: number = 123; // 위처럼 ": (타입)"을 type annotation(타입 주석)이라고 한다. // number: 숫자를 모두 포함하는 타입 let num1: number = 123; // 양의 정수 let num2: number = 123; // 음의 정수 let num3: number = 0.123; // 양의 소수 let num4: number = -0.123; // 음의 소수 let num5: number = Infinity; // 무한대 let num6: number = -Infinity; // -무한대 let num7: n..

컴파일러 옵션 at tsconfig.json 💡 tsconfig.json 파일이 없다면? 새로 만들거나, tsc --init 커맨드로 기본 설정을 갖춘 tsconfig.json 파일이 생성된다 1. include "include": ["src"] 배열 안에 지정한 경로에 있는 모든 파일을 포함해서 한 번에 컴파일하도록 설정 이제부터 tsc 커맨드만 쳐도 src 디렉토리 하위의 파일들이 모두 컴파일되어 js 파일이 생성된다. 2. target "compilerOptions": { "target": "ES5", } 컴파일되어 생성되는 js 코드의 버전을 설정한다. "target": "ES5"로 설정하면 ES6 버전 이상에서 지원하는 기능은 쓰지 못한다. ex) 화살표 함수 💡 "target": "ESNext..