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..

내일배움캠프 4기 Node.js 10주차 TypeScript 지난 일주일 동안 가장 인상 깊었던 배움? TypeScript 의 기초문법과 포켓몬스터 API 를 이용한 포켓몬스터 카드 웹 페이지를 만들어보았다. 배움까지 다가가는데 어려움? 너무 어려워서 못하겠는 수준은 아니지만, 기초문법을 응용해서 웹페이지 제작하려면 더 깊은 이해가 필요할거 같다. 배움까지 과는 과정 중 무엇을 깨달았고, 어떤 감정/생각? 앞으로 있을 모든 팀 프로젝트에서 TypeScript 를 활용하게 될거 같고, 최종 프로젝트를 위해서라도 TypeScript 를 더 공부해야겠다. 나의 상태? 설 연휴는 나태함에 끝의 4일 이였다. 공부는 4일 통틀어 3시간 했나? 그냥 먹고 놀기만 해서 큰일이다. 다음 일주일 더 잘 보내려면 어떻게?..

문제발생 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 에서 const puppeteer = require("puppeteer") const fs = require("fs"); require 로 패키지를 불러오는 거에서 import 방식으로 변경 후 app.js 실행하면 // 크롤링하기위한 puppeteer 모듈 불러오기 import puppeteer from "puppeteer"; // tsconfig.json 에서 "moduleResolution": "NodeNext" 설정 // 데이터를 저장하기위해 fs 모듈 불러오기 import fs from "fs"; // tsconfig.json 에서 "moduleResolution": import 모듈을 사용 못한다고 에러가 발생 => package.json 에서 "type" : "module..

문제발생 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 기본 타입 ..