profile
front-end javascript vue react jiujitsu

git Authentication failed for 오류 발생시(for Mac)

키체인 접근 > 로그인 > 암호아래 빨간 영역의 버튼을 눌러서git 주소와 로그인 계정을 넣음

2021년 7월 23일
·
0개의 댓글

keydown과 keypress 차이

keydown키보드를 누르고 있을 때 한번만 실행keypress키보드를 누르고 있을 때 계속 실행KeyboardEvent.key를 사용하도록 함.keycode, charcode 등은 더이상 사용되지 않음참고: https://developer.mozilla.or

2021년 5월 24일
·
0개의 댓글

react에서 fade_in / out 애니메이션

scssjsx

2021년 5월 12일
·
0개의 댓글

[tsconfig] 참조되지 않은 코드에 대한 오류 보고 건너뛰기

옵션 타입 기본값 설명\--allowUnreachableCode기본값: false도달할 수 없는 코드에 대한 오류를 보고하지 않습니다.출처:https://www.typescriptlang.org/ko/docs/handbook/compiler-options.ht

2021년 5월 7일
·
0개의 댓글

이미 커밋한 파일 ignoreg하기

파일을 삭제하고 .gitignore파일을 업데이트하고 해당 파일을 지운 후 아래와 같이 수행한다.참고rm: remove 의미\-r: 재귀를 의미하며 하위 폴더와 파일을 모두 순회하면 삭제한다는 의미

2021년 5월 6일
·
0개의 댓글

REST API와 GraphQL API

요청 별로 API 개발. 여러 개의 API URI가 생김예) 글 관련 API = /posts작성 = POST /posts수정 = PATCH /posts/postid삭제 = DELETE /posts/postid장점api가 명시적이다단점요청과 응답 스키마가 정해져 있어서

2021년 4월 23일
·
0개의 댓글
post-thumbnail

OG 태그 이미지 갱신

서비스에 따라 상대경로를 인식하지 못하므로 도메인을 포함한 절대 경로를 사용하도록 합니다. (절대 경로만 인식하는 확인된 케이스: 트위터에 URL 공유) 트위터 og태그를 삽입하지 않은 경우 일반 og태그를 참조하지만, 만약 트위터 og태그를 추가했다가 삭제했다면

2021년 4월 23일
·
0개의 댓글

브라우저 렌더링

브라우저가 페이지를 렌더링하려면 먼저 DOM 및 CSSOM 트리를 생성해야 합니다. 따라서 HTML 및 CSS를 가능한 한 빨리 브라우저에 제공해야 합니다.참고: https://developers.google.com/web/fundamentals/perform

2021년 4월 20일
·
0개의 댓글

git에서 파일명 대소문자 바꿀때

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

2021년 2월 24일
·
0개의 댓글
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일
·
1개의 댓글
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개의 댓글