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

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

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

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

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

ifconfig | grep inet

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

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

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

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

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

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

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

CSS - Grid 3X3 정렬

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

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

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

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

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