profile
그는 특히 요리 실력을 갖춘 상태에서 다른 사람의 도움을 받아

router.push() state 초기화

아래와 같은 코드에서 '/one' 에서 '/two'로 이동할 때 state가 초기화되지 않는다. 초기화를 시켜주기 위해서는 아래와 같이 useEffect를 이용한다.참고 NextJS 공식문서(https://nextjs.org/docs/api-reference/

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

git short-cut

q : (END) 빠져나오기git status : git 상태 보기touch filename.extension : 파일 생성git add \* : 변경된 전체 파일 스테이징git add file1.extension file2.extension : 스테이징할 파일 지정g

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

npm dependencies ERROR 해결하기

보통 버전이 호환되지 않는 라이브러리 간 충돌이 일어나는 경우에 발생한다.아래의 명령어를 통해 간단하게 해결이 가능하다.

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

AWS CLI로 인증 정보 (Access Key ID, Secret Access Key) 관리하기

설정한 인증 정보 확인마스킹 되지 않은 인증 정보 확인

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

새로 설치한 node 버전이 조회되지 않을 때

If "node --version" shows the old version then start a new shell, or reset the location hash with:노드 버전을 확인했을 때 새로 설치한 버전이 아닌 구 버전으로 확인된다면, 경로 해시가 초기화

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

mac IP 확인

ifconfig | grep inet

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

⛵️ 220329 TIL

JavaScript 문자열에서 특정 문자 검색ES6 이상에서 적용 가능하며, 해당 문자를 포함하고 있으면 true 없으면 false를 반환한다.포함하고 있는 문자의 인덱스를 반환한다. 해당 문자가 없을 경우에는 -1을 반환한다.참고링크

2022년 3월 29일
·
0개의 댓글

⛵️ 211104 TIL

모임 만들기 페이지 안의 모임 소개 작성 폼을 일반 텍스트 필드로 만들었었다. 그런데 팀 회의 도중에 모임 소개에 들어갈 내용이 추가되면서 항목이 여러개로 늘어났다. 일반 텍스트 필드로는 내용을 작성하기에도 열람하기에도 불편해질 것이 뻔했다. 고민하던 중 velog 글

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

🌊 211030 WIL

Error Messege : Could not find router reducer in state tree, it must be mounted under "router"history 패키지 버전 문제였다...history 버전 재설치

2021년 10월 30일
·
0개의 댓글

⛵️ 211029 TIL

프로젝트가 있는 폴더의 경로로 들어간 다음 'code .' 을 입력하면 되는데, 사전에 vscode 커맨트 팔레트 툴에서 명령어 추가를 해주어야 한다.command + shift + p 로 vscode 커맨드 팔레트로 진입, shell command: install '

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

⛵️ 211021 TIL

폭풍 같은 미니 프로젝트가 마무리 된지 하루도 채 지나지 않아 다시 달리게 된 클론 코딩 프로젝트가 마무리 되었다. 이번 주는 대망의 실전 프로젝트를 앞두고 기본기를 꼭 다지겠다는 마음으로 임했었다. 실력이 많이 부족한 상태라 실전 주차에 앞서 조금이라도 더 많은 코드

2021년 10월 21일
·
0개의 댓글

🌊 211017 WIL

주특기 기본 주차와 심화 주차를 거쳐 드디어 Front와 Back의 만남이 성사되었다. 아직 React의 기초도 다지지 못하고 시작한 프로젝트라 걱정이 매우 많았는데, 걱정했던 것 보다 훨씬 어려웠다(?)😇 지금 되돌아 보니, 와이어 프레임과 API 설계 단계에서부터

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

JSON-Server 설치 및 실행 명령어

아래처럼 yarn을 이용해 설치도 가능하지만, nvm을 사용하고 있다면 위와 같이 npm을 이용해 전역 설치를 권장한다.port 번호는 React port 번호와 다르게 설정해주면 된다. 보통 4000번이나 3001번으로 설정하고는 한다.

2021년 10월 14일
·
0개의 댓글

CSS - Grid 3X3 정렬

CSS - Grid 3X3 정렬

2021년 10월 14일
·
0개의 댓글

package.json 한 번에 설치하기

기존 package.json 파일에 새로 설치할 패키지들이 기록 된 package.json 을 덮어쓴다.터미널에 yarn install 을 입력하면 대체 된 package.json 파일에 기록 된 패키지들이 설치된다.지금은 설치한 패키지들이 많지 않아서 변경된 패키지들

2021년 10월 14일
·
0개의 댓글

Mac NVRAM / SMC 리셋

맥북이 말썽이다... 2018 Macbook Pro 15인치 모델인데 외부 모니터 연결만 하면 kernal_task 프로세스가 CPU 점유율을 과하게 잡아먹는다. 발열 이슈가 있었던 모델이긴 하지만 온도 관리 한답시고 CPU 점유율을 700% 까지 잡아먹는 건 너무한거

2021년 10월 14일
·
0개의 댓글
post-thumbnail

JavaScript #1

1993년, Marc Andreessen에 의해 Mosaic Web Browser라는 웹브라우저가 처음 등장하게 된다. 모자이크는 컴퓨터를 잘 다루지 못하는 사람들도 쉽게 사용 가능하도록 UI 요소가 더해진 브라우저였는데, 마크 앤드리슨은 대학교를 졸업 후 Netsca

2021년 10월 14일
·
0개의 댓글

크롬(Chrome) "DevTools failed to load source map: Could not load content for --" 숨기기

아래처럼 소스맵 로드 실패 오류 메시지가 뜨는 경우 콘솔창이 깔끔하지 않아 보기에 불편한데, 개발자모드 설정 변경으로 간단하게 숨길 수 있다.표시 된 톱니바퀴 버튼을 눌러 설정 페이지로 진입한다.Sources 탭의 "Enable JavaScript source maps

2021년 10월 14일
·
0개의 댓글
post-thumbnail

Mac에서 nvm 설치 및 환경 변수 설정하기

우선 nvm를 이미 설치했는데도 오류가 난다면, 아래 코드를 이용해 재설치를 진행한다.아직 설치 전이라면 아래 코드를 이용해 설치를 진행한다.아래의 코드를 입력해 디렉토리를 생성한다.이어서 아래 코드를 입력하여 환경 변수 설정을 진행한다.아래와 같은 텍스트가 나올텐데,

2021년 10월 14일
·
0개의 댓글