A Developing Developer

문제발생 TypeScript (제네릭 타입, 유틸리티 타입) 시도 - 해결방안 - 알게 된 것 1. 제네릭 타입 (Generic Types) : 선언 시점이 아닌 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있게 해주는 기법! (대표적 식별자 T, 그외 U, V 가 있지만 관용적인 식별자인 T 를 쓴다) - 객체 interface MyInterface { value: GenericValue; } const stringObject: MyInterface = { value: "hello, world!" }; const numberObject: MyInterface = { value: 1234 }; const stringArrayObject: MyInterface = { // M..

문제발생 TypeScript 심화 (환경설정, 열거형(Enums) 시도 - 해결방안 - 알게 된 것 1. tsconfig.json 설정 "outDir": "build" : ts 파일을 js 로 변환할때 build 파일에 변환한다. "rootDir": "src" : ts 파일 지정 위치 2. nodemon.json 설정 : 파일이 바뀔때마다 수동적으로 파일을 실행하지 않아도 되도록 해주는 설정! "ignore": [] : [] 배열 형태 안에, run 을 하지않을 디렉토리를 입력하면 run 하지 않음. "exec": "npx ts-node ./src/index.ts" : *.ts 로 하니까 에러가 " Error: Cannot find module './*.ts' " 발생... 모르겠네? 3. package..

문제발생 window 에서 touch 명령어 작동 X 시도 [구글링] https://ninedc.tistory.com/76 [React Native] 윈도우 개발 환경 설정#9 - touch 설치 리액트 네이티브(React Native) 윈도우 개발 환경 설정 - touch 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 ninedc.tistory.com 해결방안 npm 명령어를 통한 touch 유틸리티 설치 npm install -g touch-cli touch tsconfig.json 성공~ 알게 된 것 touch 설치 npm ins..

문제발생 TypeScript 4일차 강의 실습 중 Error 발생! 처음에는 무슨문제 인지도 몰랐지만, P 동기님께 여쭤보니 이미 겪은 에러이고 무엇인 문제인지 아셔서 단번에 해결! !클롤링하는 페이지가 달라서 문제 발생 시도 강사님의 웹페이지 주소는 위와 같았지만, 내가 실습하는 환경에서는 웹페이지 주소가 위와 같았다. 해결방안 나의 실습환경의 크롤링할 페이지 url 주소를 입력해 주었다. 해결! 알게 된 것 크롤링 할 페이지에 맞는 주소를 코드에 맞게 입력해야 원하는 데이터를 가져올 수 있다. [결론] 실습할 때 강사님과 어떤 상황이 다른지를 잘 파악하고 진행하자.

문제발생 - 시도 J 튜터님 유트브 강의 3일차 1,2부 해결방안 - 시청 1회 실습 1회 알게 된 것 - 함수(Function) 함수 : 기존 JavaScript 함수의 선언 방식에서 매개변수와 함수의 반환 값 타입에 추가한다. function sum1(a: number, b: number): number { return a + b; } 인자(argument) : 타입스크립트에서는 함수의 인자가 모두 필수 값이다. function sum(a: number, b: number): number { return a + b; } sum(10, 20); // 30 //sum2(10, 20, 30); // error, too many parameters //sum2(10); // error, too few par..

문제발생 TypeScript 기본문법 시도 J 튜터님 유트브 강의 해결방안 J 튜터님 유트브 강의 알게 된 것 [알고리즘] - Math.floor : 주어진 숫자를 내림해서 정수를 반환한다. - join() : 배열의 모든 요소를 연결해 하나의 문자열로 만든다. [강의] - String.prototype.substring() : string 객체의 인덱스로부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환한다. Ex) const str = 'Mozilla'; console.log(str.substring(1, 3)); // Expected output: "oz" console.log(str.substring(2)); // Expected output: "zilla" - TypeScript 기본 타입 ..

문제발생 tsc 가 뭐지? 시도 구글링 해결방안 - tsc (TypeScript Compiler)... 이지만 컴파일러(언어를 기계어로 변환)이 아니라 Transpilling 한다. Compiler : 프로그래밍 언어를 컴퓨터가 이해 할 수 있는 기계어로 변환시키는 과정 Transpiler : 한 언어로 작성된 소스코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환하는 과정 알게 된 것 tsc 란 TypeScript 언어를 JavaScript 로 변환하는 (Transplier) 것이다. [결론] 새로운 시작

문제발생 - 시도 - 해결방안 - 알게 된 것 - [결론] -