타입스크립트

22.11.11 금 TIL

1. 타입스크립트 1.1 TS 고유의 타입들 - unknown 타입 어떤 타입의 값이 들어올 지 모를 경우에(ex: api 호출의 결과) unknown 타입을 지정해줌으로써 어떤 작업을 하기 위해 unknown 타입을 지정한 변수의 값을 먼저 확인하도록 타입 프로텍션을 받을 수 있다. 예시코드 let a:unknown if(typeof a === 'number'){ let b = a + 1; a.concat('안될걸'); // Property 'concat' does not exist on type 'number'. } if(typeof a === 'string'){ let b = a.toUpperCase(); let c = a * 1; // The left-hand side of an arithmeti..

22.11.10 목 TIL

1. Done 1. 자바스크립트 원시타입, 참조타입, 원시 래퍼타입 원시타입 원시 타입은 있는 그대로 저장되는 데이터를 표현한다. 원시타입의 종류 boolean : true, false number: 1, 2, 0.134, NaN, ...etc string: '문자열인거' null undefined 원시타입의 특징 원시값을 변수에 할당하면 값이 복사되어 들어간다. 이 말은 즉, 원시값이 할당된 변수들은 모두 자기 자신만의 고유한 값을 가지게 된다는 것을 의미한다. 따라서 값을 할당한 변수의 값이 바뀌더라도 값을 할당받았던 변수의 값은 원시값이 할당된 변수는 자기 자신만의 고유한 값을 가지게 되므로 변하지 않는다. 예시 코드 let num1 = 1; let num2 = 2; num1 = num2; num1..

22.10.25 TIL

1. Done 1.1 타입스크립트 타입스크립트는 코드에 에러가 있더라도 컴파일은 진행된다. function add(n1: number, n2: number) { return n1 + n2; } const num1 = '5'; // Argument of type 'string' is not assignable to parameter of type 'number' const num2 = 2.2; const result = add(num1, num2); console.log(result); // 매개변수에 지정한 타입과 전달인자의 타입이 일치하지 않음. // 하지만 에러가 나도 컴파일은 진행됨. 타입스크립트의 주요 원시 타입은 모두 소문자로 시작한다 number, string ,boolean, ….etc Re..

개인프로젝트 - 22.10.23 작업일지

참고 강의: 만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript) 0. 기획의도 부트캠프 수료 후 기술면접을 준비하면서 직접 공부하고 정리한 답변을 깃허브에 아카이빙하고자 md파일로 작성하던 중, 원하는데로 질문 항목, 또는 꼬리질문 항목으로 이동하는 것이 불편하고 readme 파일이 지저분해 보이며 파일들이 과도하게 많아져, 아예 기술면접 대비와 새로운 기술스택 연습을 겸하고자 웹앱으로 제작하기로 하였다. 1. 환경설정 vscode 익스텐션 추가 설치항목 Thunder Client yarn 사용하기 npm i yarn npx yarn dev // npm run dev 2. Next.js 프로젝트 폴더 구조 2.1 pages 폴더 - 라우팅 규칙 설명 공식문서 링크 Index..