55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실전 프로젝트로 배우는 타입스크립트
프로젝트 완성본 github에 어디있나요?
프로젝트 완성본 github에 어디있나요?
- 미해결실전 프로젝트로 배우는 타입스크립트
https://api.covid19api.com/summary에 있는 원격 리소스를 차단
교차 출처 요청 차단: 동일 출처 정책으로 인해 https://api.covid19api.com/summary에 있는 원격 리소스를 차단했습니다. (원인: CORS 요청이 성공하지 못함). 상태 코드: (null).Uncaught (in promise)Object { stack: "M@https://unpkg.com/axios/dist/axios.min.js:1:7431\nEe.xhr</</u.onerror@https://unpkg.com/axios/dist/axios.min.js:1:22492\n", message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest } 안녕하세요 ! 며칠 전에 사서 프로젝트 들어갔는데cors 요청 해결 하면 되는건가요 아니면 아래 질문들처럼 이제 api 중단됬나요 ? ㅠㅠ존스 홉킨스 코로나 현황판은 잘 보이는거 같은데중단 됬다면 어떤걸로 적용해서 수업 진행해야하나요 ..axios로 가져오는 법도 잘 몰라서 공부해보려고 이 강의로 들어온건데일단 자료가 안오니 넘 당황스럽숩니다 쌤 ............
- 미해결실전 프로젝트로 배우는 타입스크립트
d.ts 컴파일 시 에러 질문 드립니다.
안녕하세요. d.ts 관련하여 타입 추론은 되는데 컴파일 시 Can not find name '타입명' 에러가 계속 발생하여 문의글을 올립니다. 프로젝트 구조는 아래와 같이 되어 있습니다.index.d.tsnode_modules/index.tstsconfig.js 각 파일의 내용은 아래와 같습니다. index.d.tsinterface Person { name: string; age: number; } interface Developer extends Person { skill: string; }index.tsconst dev : Developer = { age: 33, name: 'Developer', skill: 'TS' } console.log('Dev > ', dev. tsconfig.json{ "compilerOptions: { ... "lib": ["DOM", "ESNext"], "module": "commonjs", ... 이 상황에서 tsc index.ts로 컴파일을 실행하면 Developer 부분에 Cannot find name 'Developer' 에러가 발생하고 컴파일이 실패했다는 메세지가 터미널에 출력됩니다. 이해가 안되는 부분은 VS Code 상으로는 인터페이스임을 제대로 추론하고 에러 표시 또한 나오지 않는다는 것입니다. d.ts가 외부 모듈의 타입을 tsc가 파악할 수 없을때, 타입 추론을 할 수 있도록 도와주는 용도로 사용한다고 알고 있고, 일반적으로 프로젝트 루트 경로에 d.ts를 선언하면 전역으로 타입이 적용되는 것으로 알고 있는데, 왜 추론만 되고 실제 컴파일을 실행할 때는 에러가 발생하는지 궁금합니다. 감사합니다.
- 미해결실전 프로젝트로 배우는 타입스크립트
chartjs 타입시.. 직접 declare module chart.js로 하게 되면 내부의 구조를 모를 것 같은데요
특정 라이브러리의 타입이 없다고 할 경우.. 직접 declare module chart.js로 하게 되면 내부의 구조를 모를 것 같은데요 타입 파일이 없어서 개인이 대응해서 만든다고 할 경우 구조를 일일이 추가하지 않으면 타입의 구체적인 형태 선언하지 않았으니.. 힌트들이 나오지 않을 건데요..이럴 땐 그냥 없는 체로(?) 써야 하는건지 다른 방식으로 대응해 가는 방법이 있는지 궁금합니다.예시)declare module 'chart.js'위 처럼 선언 했는데 내부 내용을 선언하지 않아서 적당한 힌트가 없는 경우 어떻게 해야 하는지에 대한 문의 입니다글로 쓰기 어렵네요^^;
- 미해결실전 프로젝트로 배우는 타입스크립트
COVID19 API 미작동(404) 질문
약 두 달 전 Total Recovered의 값이 0으로 들어온다는 글을 봤는데, 지금은 아무런 데이터가 오지 않고 있습니다.Access to XMLHttpRequest at 'https://api.covid19api.com/summary' from origin 'http://localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.GET https://api.covid19api.com/summary net::ERR_FAILED 404해당 링크를 인터넷 주소창에 입력했을 때 404 Not Found가 나오는 걸 보면 API 지원이 종료된 게 아닐까 싶은데 혹시 해결 방안이 있을까요?
- 미해결실전 프로젝트로 배우는 타입스크립트
innerText부분 오류 문의.
안녕하세요.커뮤니티 질문글 보니 저와 비슷하게 오류난 부분이 있었던데, 해결된 답글은 없는것같아서 혹시나해서 문의드립니다.알려주신대로 오류메시지 구글링해서 위와 같이 해결한긴했는데요.. 이게 맞는건지 모르겠어서요 ㅎ;위와 같이 태그 엘리먼트에 대한 형변환을 안해주면,해당 변수에 innnerText접근하는곳에서 오류가 발생합니다. 위와 같이 처리하는게 맞는지 질문드립니다~!@
- 해결됨실전 프로젝트로 배우는 타입스크립트
Total Recovered가 화면에 0으로 나옵니다.
위 캡처처럼 Total Recovered가 0으로 나옵니다.네트워크 패널에서 확인해보니 TotalRecovered 값이 다 0으로 들어옵니다.이거는 api의 문제인건가요?
- 해결됨실전 프로젝트로 배우는 타입스크립트
강의 내용 질문입니다.
강의에서는type updateProduct = Partial<Product>에서 updateProduct의 모든 속성들이 아래 처럼 옵셔널이 된다고 말씀하셨는데id?: number;현재는 타입스크립트 버전이 달라서 그런지단순히 옵셔널이 되는게 아니라 undefined도 될 수 있다고 나옵니다.id?: number | undefined;따라서 함수에서 만약 brand 속성을 가져온다면//강의 내용 productItem.brand.length //현재 버전 productItem.brand?.length이렇게 undefined가 아닐 때만 가져오도록 변경되어 있는데 조금 헷갈리는 개념은 Partial 유틸리티를 사용함으로 써 Product의 모든 속성을 옵셔널로 바꾼다 이지만 여기서 왜 undefined가 될 수 있는지 이해가 안됩니다.모든 속성을 옵셔널로 가져오기 때문에 가져오는 속성은 undefined가 될 수 없는게 아닌가요? 추가적으로, lib.es5.d.ts 파일에서는 강의 내용과 같지만Partial에 마우스 커서를 올렸을 때 나오는 결과는 다릅니다.
- 미해결실전 프로젝트로 배우는 타입스크립트
요즘 바벨 사용 여부가 궁금합니다.
요즘엔 IE를 안쓰는데 바벨을 써야하는지요?환경 설정할 때 es버전을 어떤 걸 지원해야하는지 잘모르겠는데어떤 기준으로 적용하는 건지 궁금합니다.
- 미해결실전 프로젝트로 배우는 타입스크립트
프로젝트 내 특정 파일만 Typing
안녕하세요!먼저 좋은 강의 감사드립니다~ 이제 실무에 TypeScript를 적용해보려던 중 질문사항이 생겨 여쭙습니다.방대한 nodeJs 프로젝트에서 Typing이 꼭 필요한 특정 파일에만 먼저 TypeScript를 적용하고 싶은데요.이런 경우, tsconfig 설정이나 컴파일 설정을 어떻게 하면 될까요?감사합니다.
- 미해결실전 프로젝트로 배우는 타입스크립트
소스질문
캡틴판교님이 인강 하시면서 작성하신 [코로나 상황판 프로젝트] 소스는 어디에 있나요?
- 미해결실전 프로젝트로 배우는 타입스크립트
추후 강의에 관한 질문
안녕하세요.현재 인프런 강의 만드신거 대부분 다 잘 들었는데요.추후에 혹시 vue3 or Nodejs 관련 강의 나올 예정이 있을까요?나온다면 언제쯤 나올까요?
- 미해결실전 프로젝트로 배우는 타입스크립트
rootdir, include 차이가 궁금합니다
안녕하세요, 강의 정말 잘 듣고 있습니다.강의에서는 tsconfig.json에서 include 항목을 넣어 컴파일 할 디렉토리를 설정해 주었는데, rootDir을 사용할 때와의 차이점이 궁금합니다.include나 rootdir을 특별히 사용해야하는 케이스 또는 이유가 있을까요?
- 미해결실전 프로젝트로 배우는 타입스크립트
Uncaught ReferenceError: exports is not defined 에러 해결
안녕하세요? Uncaught ReferenceError: exports is not defined 에러로 인해, 프로젝트 화면이 보이지 않습니다.컴파일된 app.js에서 에러 발생 위치Object.defineProperty(exports, "__esModule", { value: true });감사합니다.
- 미해결실전 프로젝트로 배우는 타입스크립트
function $(selector) 관련 질문 드립니다.
유틸 함수를 정의해서 쓰셨던데요. 이게 정확히 무슨 문법인가요?제이쿼리 처럼 생기기도 하고, 좀 자세히 찾아보고 싶은데 키워드를 모르겠네요.function $(selector) { return document.querySelector(selector); } function getUnixTimestamp(date) { return new Date(date).getTime(); }
- 미해결실전 프로젝트로 배우는 타입스크립트
Uncaught ReferenceError: exports is not defined
강의 잘 보았습니다.현재 2022년 10월중순 시점에서 강의 대로 진행한 경우 해당 에러가 발생합니다.(크롬 개발자 도구)아래 링크를 시도해 보려고 합니다만, 명령어로 추가 하는 방법이 익숙치 않아, 코드 자체를 복사해서 고처서 쓸까도 하지만,mac북의 환경이 문제인지, vscode권한 때문에 package.json이 저장 반영이 안됩니다. 터미널에서 억지로 vi로 변경은 가능합니다. 시도는 아직 안해봐서 해결될 지는 모르겠지만,사실 영상 강의 내용이 중요하지, 로컬에서 화면 띄우는게 중요한건 아니라 내용만 공유 합니다.https://github.com/joshua1988/learn-typescript/commit/e63e5e610c13a0c6651e61a5e32501361768364b#diff-cb732887582eec1be19413d395420b62b4cd0e96aff1684538324d6e5f8f1cfd
- 미해결실전 프로젝트로 배우는 타입스크립트
웹팩 에러 문의
캠틴 판교님 안녕하세요. 너무나 훌륭한 강의에 큰 도움이 되었습니다. 감사합니다. :)다름이 아니라 웹팩 번들링 시 에러가 발생되는데, 관련하여 도움이 될 수 있을만한 정보가 있을지 문의드립니다.(참고로 빌드 관련 오류 문의를 확인하고 새롭게 올려주신 커밋본에서 수정된 부분을 적용시킨 상태에서 발생한 에러입니다.)기타 컨피그 설정// tsconfig.json { "compilerOptions": { "allowJs": true, "target": "ES5", "outDir": "./dist", "moduleResolution": "Node", "lib": ["ES2015", "DOM", "DOM.Iterable"], "noImplicitAny": true, "strictNullChecks": true, "strictFunctionTypes": true, "strictBindCallApply": true, "strictPropertyInitialization": true, "noImplicitThis": true, "alwaysStrict": true, "strict": true, "esModuleInterop": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["./src/**/*"], "exclude": ["node_modules", "dist"] }// webpack.config.js const path = require('path'); const webpack = require('webpack'); const { CleanWebpackPlugin } = require('clean-webpack-plugin'); console.log("path.resolve(__dirname, 'dist')", path.resolve(__dirname, 'dist')) module.exports = { mode: 'production', entry: './src/app.ts', output: { filename: 'app.js', path: path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /\.ts$/, use: 'ts-loader', exclude: /node_modules/, }, ], }, plugins: [new webpack.ProgressPlugin(), new CleanWebpackPlugin()], }; // package.json { "name": "project", "version": "1.0.0", "description": "최종 프로젝트 폴더입니다", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack" }, "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.12.7", "@babel/preset-env": "^7.12.7", "@babel/preset-typescript": "^7.12.7", "@types/chart.js": "^2.9.30", "@typescript-eslint/eslint-plugin": "^4.8.1", "@typescript-eslint/parser": "^4.8.1", "clean-webpack-plugin": "^3.0.0", "eslint": "^7.14.0", "eslint-plugin-prettier": "^3.1.4", "prettier": "^2.2.0", "ts-loader": "^8.0.14", "typescript": "^4.1.2", "webpack": "^5.18.0", "webpack-cli": "^4.4.0" }, "dependencies": { "axios": "^1.1.0", "chart.js": "^3.9.1" } } // index.html ... <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script> <script src="./dist/app.js"></script>에러로그npm run build > project@1.0.0 build > webpack orphan modules 154 KiB [orphan] 41 modules runtime modules 670 bytes 3 modules cacheable modules 500 KiB ./src/app.ts 11.2 KiB [built] [code generated] ./node_modules/axios/index.js + 40 modules 79.7 KiB [built] [code generated] ./node_modules/chart.js/dist/chart.mjs + 1 modules 409 KiB [built] [code generated] ./node_modules/form-data/lib/browser.js 101 bytes [built] [code generated] ERROR in ./src/app.ts 44:14-38 Module not found: Error: Can't resolve './covid/index' in '/Users/xxx/Study/typescript/project/src' resolve './covid/index' in '/Users/xxx/Study/typescript/project/src' using description file: /Users/xxx/Study/typescript/project/package.json (relative path: ./src) Field 'browser' doesn't contain a valid alias configuration using description file: /Users/xxx/Study/typescript/project/package.json (relative path: ./src/covid/index) no extension Field 'browser' doesn't contain a valid alias configuration /Users/xxx/Study/typescript/project/src/covid/index doesn't exist .js Field 'browser' doesn't contain a valid alias configuration /Users/xxx/Study/typescript/project/src/covid/index.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration /Users/xxx/Study/typescript/project/src/covid/index.json doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration /Users/xxx/Study/typescript/project/src/covid/index.wasm doesn't exist as directory /Users/xxx/Study/typescript/project/src/covid/index doesn't exist webpack 5.74.0 compiled with 1 error in 2589 ms
- 미해결실전 프로젝트로 배우는 타입스크립트
innerHTML optional 체이닝
안녕하세요 간단한 질문 있습니다. recoveredList.innerHTML = ''; 이런 코드에서 recoveredList?.innerHTML=''; 의 경우 The left-hand side of an assignment expression may not be an optional property access 이렇게 나오는데 왜 안되는 건가요??
- 미해결실전 프로젝트로 배우는 타입스크립트
화살표 함수 문법 소개 글 링크가 잘못되어 있습니다.
화살표 함수 문법 소개 글 링크가 https://joshua1988.github.io/vue-camp/es6/fat-arrow.html 로 되어 있는데 404 오류가 발생합니다. 아래의 주소로 변경된 것 같으니 참고하세요. https://joshua1988.github.io/vue-camp/es6+/fat-arrow.html
- 미해결실전 프로젝트로 배우는 타입스크립트
실전 적용 관련 질문 입니다.
안녕하세요. Typescript 강의 잘 듣고 있습니다. 첫번째에 이어 두번째 강의도 듣고 있는데. 듣다가 궁금한 점이 생겨서 질문 드립니다. 기존 이미있는 에 프로젝트(레거시)를 Typescript 로 적용하는 부부은 설명을 들어서 알겠습니다. 기존 플젝에서 javascript 부분만들 떼서 새로운 프젝을 구성해서 하면 된다. 등등. 그런데. 신규 프로젝트에서는 어떻게 FE를 적용하는지 궁금해서 문의 드립니다. 예를 들면, back-end 개발자 + 디자인 + 마크업 + Front-end 개발자 이렇게 프로젝트를 할텐데, back-end 에서 개발 후 처리 스펙이나 이런걸 정해서 넘겨 받아서 fe 에서 처리하는지? 아니면, fe 에서 마크업 기준으로 이렇게 할깨 하고 be 한테 넘기는지? 데이터가 어떻게 넘어오고, fe 에서 어떻게 액션을 하는지 알아야 할 수 있을터인데.. 이게 궁금하구요. 저는 back-end 와 front-end 을 같이 개발하다 보니 이런 고민을 해 본적이 없어서요 ㅎ 어떻게 역할을 분담하고 유기적으로 개발을 하는지 프로세스가 궁금해서 문의 드립니다.