profile
front-end javascript vue react jiujitsu
post-thumbnail

ts 오류 - process is not defined. ts2580

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

2020년 3월 11일
·
0개의 댓글
post-thumbnail

glob 패턴

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

2020년 3월 2일
·
0개의 댓글
post-thumbnail

tsx에서 *.module.scss import 못할 때

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

2020년 3월 2일
·
0개의 댓글
post-thumbnail

Typescript 생성자함수에 async/await 사용이 가능한가?

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

2020년 2월 18일
·
0개의 댓글
post-thumbnail

polyfill과 fallback에 대하여

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

2020년 2월 14일
·
0개의 댓글
post-thumbnail

[Typescript] Typescript의 enum

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

2020년 2월 14일
·
0개의 댓글
post-thumbnail

[eslint/vscode]vscode에서 eslint "sort-imports" 속성 formatting 하기

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

2020년 2월 13일
·
0개의 댓글

VSCode Typescript 환경에서 # 키워드 사용하기 (MacOS 2020 2월 기준)

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

2020년 2월 7일
·
0개의 댓글

base64 이미지 샘플 얻기

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

2020년 1월 30일
·
0개의 댓글

Mac 터미널 단축키

출처: 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 + ...

2020년 1월 18일
·
0개의 댓글

[VSCode] settings.json 편집 화면이 분할되서 나오지 않을 때

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

2020년 1월 18일
·
0개의 댓글

Git Remote 관리 명령어 한눈에 보기

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

2020년 1월 16일
·
0개의 댓글

VSCode에서 format 기능 문제 해결

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

2020년 1월 15일
·
0개의 댓글

향후 ESLint에 포함되는 Typescript

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

2019년 8월 27일
·
0개의 댓글

[react] create-react-app을 사용하고 ie 환경에서 안될 때

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

2019년 7월 12일
·
0개의 댓글

git 이전 특정 커밋 메시지 바꾸기

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

2019년 5월 29일
·
0개의 댓글

특수문자 명칭

참고 차 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%...

2019년 5월 27일
·
0개의 댓글

Mac OS 단축키

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

2019년 4월 18일
·
0개의 댓글

자주쓰지만 기억이 잘 안나는 git 명령어

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

2019년 4월 18일
·
0개의 댓글

egjs 라이브러리

egjs NAVER에서 제공하는 라이브러리로 인터랙티브한 컨텐츠를 만드는데 특화된 라이브러리다. Jindo 프레임워크(과거 NAVER에서 제공하던 js 라이브러리)부터 쌓인 노하우를 녹였다고 하니 써 볼만 할 것 같다. 내가 관심있게 보고 있는 컴포넌트는 Flicking 컴포넌트인데 2019 6월에 react, vue 등의 버전도 나온다고 하니 나오면 써봐...

2019년 4월 18일
·
0개의 댓글