vscode에서 개발하는 react 프로젝트에서 데브 서버 실행했을 때는 문제 안됐는데 서버 빌드 실행시 import문의 파일을 찾을 수 없다고 나왔다. 원인을 찾아보니 파일명의 대소문자가 달랐다. (이거 찾는데 오래 걸렸다;;;)해결 방법은 다음과 같다.

NodeJS.Process 를 찾지 못하고 힌트 툴팁에는 아래처럼 any로 표시되었다. 물론 아래 툴팁에 나와있는 "@types/node" 패키지는 설치되어 있다.(첨엔 버전 문제인가 하고 재설치를 시도했으나 삽질이었음)결론은 아래 "typeRoots" 설정한 부분을

와일드카드 문자로 여러 파일 이름의 집합을 지정할 수 있는 것을 말하는데, lint나 ts관련 설정을 할 때 자주 봤을 것이다. 그런데 이게 은근 헷갈리던 차에 다음 사이트를 발견. 여기에서 직접 문법을 확인할 수 있다.아래 사아트에서 해당 패턴의 결과를 확인할 수 있

이슈링크 https://github.com/Microsoft/TypeScript/issues/30055https://github.com/yang/sandbox-ts-imports/blob/master/global.d.ts{yours}.d.ts 파일에

일반 .js파일로 코딩할 때는 다음과 같은 문법 사용이 가능했으나.ts 파일에서는 위와 같은 문법을 사용하니 다음과 같은 오류로 인식했습니다.Return_type_of_constructor_signature_must_be_assignable_to_the_instance

다른환경에서 같은 동작이 수행되도록 구현. 특정 메서드를 기본제공하는 브라우저가 있는데 상위 버전이거나 하위버전이라서, 아니면 다른 브라우저라서 사용할 수 없을 때 같은 동작을 하는 코드를 추가해서 같은 동작을 하도록 하는 것.다른 환경에서 같은 동작을 제공할 수 없을

그냥 enum은 컴파일 후 function 객체로 생성되고 const enum 값’만 남고 해당 몸체는 사라진다.소스코드(http://www.typescriptlang.org/play/?ssl=3&ssc=27&pln=2&pc=1 기억할 점은 결과적으로 con

https://eslint.org/docs/rules/sort-imports마켓플레이스에서 sort-imports로 검색해서 동일 이름 익스텐션 설치참고: 처음에 TypeScript Import Sorter 익스텐션이 다운로드 수가 더 많아서 설치해 봤으나 옵

내가 개발중이던 Typescript 환경에 동료가 개발한 js 파일을 가져왔는데 아래처럼 난리가 났다. 스크린샷 2020-02-07 오후 1.47.47.png 이런저런 환경설정을해도 해결이 안되었는데, 따끈한 소식을 확인해 보니 얼마전 Typescrip

다음 사이트에 원하는 이미지를 넣어서 다운로드 받기 https://www.base64-image.de/ 스크린샷 2020-01-30 오후 6.38.13.png 아래는 샘플이미지와 데이터 anonymous.gif

출처: https://bestalign.github.io/2015/08/30/osx-bash-keyboard-shortcuts/ 커서 이동: Ctrl + a: 라인의 처음 Ctrl + e: 라인의 끝 Alt + b: 커서의 왼쪽 단어 (Option+Right-Arrow) Alt + f: 커서의 오른쪽 단어 (Option+Left-Arrow) Ctrl + ...

vscode를 사용할 때 settings.json 파일을 열면 아래처럼 DEFAULT settings, USER Settings, WORKSPACE Settings 나왔는데 스크린샷 2020-01-19 오전 4.36.27.png 갑자기 아래처럼 일반 파일로 열리기 시작했다. 스크린샷 2020-01-19 오전 4.36.34...

출처: Git Remote 관리 명령어 한눈에 보기 퍼온 날짜: 2020.01.16. git은 브랜치를 생성할 경우 로컬 브랜치와 리모트 브랜치 두 가지 공간이 존재하며 만약 새롭게 브랜치가 생성된 경우 모두의 로컬PC에 브랜치가 리모트로 바로 생성되는 것이 아닙니다. 이때 리모트 브랜치를 생성하려면 로컬 브랜치의 내용이 커밋을 거쳐 push되야 자동으로...

Vue.js 개발 생산성을 높여주는 도구 3가지 https://joshua1988.github.io/web-development/vuejs/boost-productivity/ 위 포스팅을 보고 환경설정을 했는데 터미널에서 npm run lint 할 때랑 auto save 할 때 lint fix 할 때 동작이 달랐다. 즉 save할 때 린팅 결과가 의도한 ...

원문: The future of TypeScript on ESLint https://eslint.org/blog/2019/01/future-typescript-eslint ESLint에서 TypeScript의 미래 몇 주 전, TypeScript 팀은 그들의 저장소에 ESLint를 공식적으로 도입하면서 ESLint에 대한 TypeScript 호환성 개선 작...

ie11에서 진행 중인 그림판 프로젝트가 수행이 안돼서 다음 포스팅을 참고해서 다음과 같이 해결했다. https://velog.io/@velopert/create-react-app-v2 아래 npm을 설치하고, > $ yarn add react-app-polyfill 다음 둘중에 하나를 index.js 에서 import > import 'react-a...

참고: http://tech.javacafe.io/2018/03/01/how-to-change-git-commit-message/

참고 차 2가지 예시를 가져옮 스크린샷 2019-05-27 오후 12.23.11.png▲출처: http://blog.naver.com/PostView.nhn?blogId=seomy1004&logNo=220695580193 ![%ED%8A%B9%EC%88%98%EB%AC%B8%EC%9E%90%EC%9D%B4%EB%A6%84%EC%A0%95%...

App 강제 종료 > option + command + esc 위 단축키를 누르면 Force Quit Applications 팝업이 뜸. 그 중에 선택해서 강제 종료 image.png 숨김 파일 보기 > shift + command + . 참고로 마지막에 . 키를 눌러야 함 image.png

push/pull 하기 git push {리모트 저장소명} {리모트 브랜치명} git pull {리모트 저장소명} {리모트 브랜치명} rebase하기 git rebase {주인공 브랜치} {엑스트라 브랜치} 이미 커밋한 여러개의 커밋 합치기(rebase를 이용