profile
하루를 열심히

Module not found: Error: Can't resolve 'react-router-dom' in file.tsx

새로운 프로젝트를 하려고create-react-app으로 프로젝트를 생성 후을 설치했지만와 같은 에러가 발생하였다.https://bobbyhadz.com/blog/react-module-not-found-cant-resolve-react-router-dom위

6일 전
·
0개의 댓글
·
post-thumbnail

[Typescript] Property '??' does not exist on type 'EventTarget'.

오류가 난 상황은 이러하다.currentTarget에서 getAttribute 속성을 찾을 수 없다고 나왔다.그 이유는 typescirpt가 currentTarget을 HTMLElement인 것을 모르기 때문이다.따라서이와 같이 바꿔주면 btnElement는 HTMLE

2022년 6월 9일
·
0개의 댓글
·
post-thumbnail

SyntaxError: Unexpected token u in JSON at position 0 에러 해결법

상황은 이와 같았다. API로 받아온 데이터가 string이었는데 JSON.stringify로 변환되어있던 데이터라서 JSON.parse로 다시 JSON으로 변환하려고 했다.근데 이와같은 에러가 발생하였다.JSON.parse에서 에러가 난 모양이다.문제가 발행한 이유는

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

웹 브라우저 이벤트 루프 개념 간단 정리

자바스크립트 엔진 이해하기자바스크립트 엔진인 V8은 Memory Heap과 Call Stack으로 이루어져 있다.Memory Heap = 메모리 할당이 일어나는 곳Call Stack = 실행될 코드의 한 줄 단위로 할당되어 동작(JS는 인터프리터 언어이기 때문에 한번에

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

CSS 모달(modal)항상 가운데에 고정 시키기 - 마법의 주문

웹을 만들면서 모달을 만드는 일이 분명 생긴다. 이때 모달을 항상 가운데에 고정시키는 방법이 있다.이걸 모달에 적용시키면 끝이다. 쉬운 주문이다.

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

Typescript 컴파일러 명령어 및 사용법

tsconfig.json을 생성해준다. 그래서 tsconfig.json에서 내가 원하는 방식으로 ts 파일을 컴파일 커스텀을 할 수 있다. tsconfig.json이 위치한 모든 ts 파일을 컴파일해서 js파일로 만들어준다.

2022년 4월 16일
·
0개의 댓글
·

Webpack에 대해

Webpack이란? 여러개의 파일을 하나의 파일로 묶어주는 개발 자동화 도구이다. webpack을 이해하기 위해 필요한 개념 모듈(module) 모듈화는 각 파일들 충돌하지 않도록 분리를 해준다주는 것이다. 아래와 같은 파일이 있다고 해보자 이때 root에는 무엇이

2022년 1월 20일
·
0개의 댓글
·

Yarn Berry를 사용해보자

Yarn Berry? yarnn berry란, node_modules 없이 node를 사용할 수 있도록 해주는 것이다. https://toss.tech/article/node-modules-and-yarn-berry 적용법 먼저 react 파일들을 만든다. 먼저 리액

2022년 1월 17일
·
0개의 댓글
·

package.json에서 devDependencies란?

package.json에서 devDependencies는 다른 개발자들이 내 코드를 다운 받고 개발을 할 경우, 개발환경을 통일 시켜주기 위해서 package.json에 명시를 해주는 것이다.그래서 파일을 다운받고 yarn 또는 npm 설치시 자동으로 devDepend

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

[git] origin/master 변경내용 branch에 업데이트하기

나같은 경우 왜 이런 상황이 일어났냐면,예전에 작업을 하기 위해서 미리 만들어 놓은 issue branch(b1이라고 부르겠다.)가 있었는데 다른 급한 것부터 먼저 작업을 하다보니 b1을 만들 때 내용이 너무 예전 내용이 되었다. 그래서 origin/master을 내용

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

NetworkXError: random_state_index is incorrect

주피터 노트북에서 networkX 라이브러리를 사용하려고 하는데NetworkXError: random_state_index is incorrect이와 같은 에러가 나온다면 !pip install decorator==4.3을 주피터에 실행하여 설치한 후 커널을 다시 시작

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

js 렌더링 순서

사용자가 서버에게 html을 요청하고 그 신호를 서버가 받는 과정. 서버에서 보낸 html 정보를 받는 과정. html을 하나씩 읽으면서 DOM 요소로 변환하는 과정.(css같은 경우는 CSSOM으로 변경)브라우저에 표기하기 위해서 rendering tree를 만드는

2021년 8월 1일
·
0개의 댓글
·
post-thumbnail

DOM 이란?

브라우저는 실행되고 있는 어플리케이션이므로 html의 tag를 자기가 이해할 수 있는, 메모리에 보관할 수 있는 object(html=>HTMLElement)로 변환한다. 그 object들은 아래의 사진과 같이DOM tree를 형성한다. 이때 이 object들은 밑의

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

React Hook 객체 state 업데이트

react hook에서 객체인 state를 업데이트 시키고 싶은데 헷갈려서 다른 사람들도 헷갈리지 않을까.. 싶어서 정리를 해본다.위에 객체의 key부분이 정해진 것이 아니라 event처럼 바뀌는 값이라면 \[]없이 처리하면 오류가 난다.

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

2019 카카오 개발자 겨울 인턴십 코테(징검다리 건너기)

https://programmers.co.kr/learn/courses/30/lessons/64062 첫번째 시도 분석 처음 문제를 볼 때만해도 오? 개쉬운데? 했지만... 바로 효율성 빵점에 테스트 케이스도 2개가 안됐다... 효율성에서 빵점이 나왔다는 것은 자료

2021년 7월 16일
·
0개의 댓글
·
post-thumbnail

vscode folder 안에 folder 한번에 보이기 안되게 하기

vscode에 folder안에 folder가 하나일 경우에는이처럼 표현된다. 근데 이게 나는 불편하기 때문에 바꿔줄 것이다.setting -> compact에 서 compact folder의 체크를 없애주자!끝!

2021년 7월 9일
·
0개의 댓글
·
post-thumbnail

vscode project 마다 다른 title bar color 바꿔주기

Ctrl + Shift + p검색창을 띄워준다. References: Open Setting(UI) 클릭Workspace -> Workbrench -> AppearanceColor customizations에 있는 Edit in settings.json 클릭밑의 두줄을

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

git 예전 commit 삭제

step 1 >git rebase -i HEAD~n // HEAD가 1이고 HEAD 기준으로 n번째까지 commit들을 열어준다 step 2 >삭제하고 싶은 commit의 pick을 d(=drop)로 바꿔준다. step 3 > git add . git status

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

js class 개념 정리

constructor 메서드는 class 내에서 객체를 생성하고 초기화하기 위한 특별한 메서드이다. getter와 setter는 헷가리기 쉬운 개념이다.이것을 왜 쓰냐면, 사용자가 이상한 값을 넣은 때를 방지하기 위함이다.만약에 사용자가 age에 -29을 넣었다고 하자

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