리액트로 개발을 하다 보면 렌더링이 두 번 발생한다.처음에는 신경쓰지 않고 넘겼는데, alert가 두 번이나 뜨니 신경이 쓰일 수 밖에 없어서 알아봤다.이런 현상이 발생하는 이유는 React.StrictMode 때문이다.CRA로 생성된 리액트 프로젝트는 자동으로 설정되

📖 다시 To Do List 부터... > ✅ 어떻게 작성할까? ✅ 실전 📌 토큰 생성 📌 토큰 검증, 디코딩 > 📌 참고 JWT 기반으로 사용자 인증 구현하기 JWT란, 사용하는 이유, 동작방식

Next.js에서 제공하는 배포 플랫폼이다.빌드, 배포, 호스팅을 제공하고, 공식 문서에서도 Vercel을 통한 Front Project 배포를 권장한다.또한 Github Repository를 통해 정말 쉽게 배포가 가능하다.pakage.json에 아래 스크립트가 있는

이번에 진행한 프로젝트는 DB를 사용하지 않고 유저 정보가 담긴 JSON을 사용했다.그렇다보니 DB를 사용해서 구현한 로그인과는 조금 다르겠지만,기본적인 원리는 동일하다고 생각하기에 블로그에 기록해둔다.클라이언트에서 ID,PW를 담아 Request 한다.서버에서 ID,

JSON Web Token의 약자로, 토큰 기반의 인증 방식이다.정보를 JSON 객체에 담아 암호화하여 해싱 작업을 거친 뒤 문자열 토큰을 생성하는 기술로, 클라이언트는 이 토큰을 HTTP Header에 넣고 요청을 보내어 인증을 할 수 있다.자세한 정보권한 부여 :

8비트의 이진 데이터(Binary Data)를 문자 코드에 영향을 받지 않는 공통 ASCII 영역의 문자들로만 이루어진 일련의 문자열로 바꾸는 인코딩 방식을 가리키는 개념이다.BASE64로 인코딩 시, 6bit당 2bit의 Overhead가 발생하고, 전송해야 될 데이

NextJS에서 커스텀 설정을 하기 위해선 프로젝트 디렉터리의 루트에 next.config.js 또는 next.config.mjs 파일을 만들 수 있다.이는 JSON 파일이 아닌 Node.js 모듈이다.NextJS 서버 및 빌드 단계에서 사용되며 브라우저 빌드에는 포함

리액트 네이티브를 공부하는 과정에 expo를 설치하고 사용하려는 과정에서 에러가 발생했다.나는 M2 맥북 에어를 사용중인데 알아보니 애플 실리콘의 경우 경로 설정에 문제가 있어서 정상적으로 작동하지 않는 듯 하다.이 문제를 해결 하기 위해 아래 방법을 순서대로 터미널에

자바스크립트는 인터프리터 인터프리터 방식이다.즉, 자바스크립트는 인터프리터에 의해 한 줄씩 순서대로 실행된다.그렇다면 아래의 코드의 경우 오류가 발생하게 될까?위와 같은 코드를 작성시 에러가 아닌 undefined가 출력되었다.undefined가 출력되는 이유는 순차적

인용문 내용인용문 중첩중첩의 중첩백틱이나 ~ 3개를 감싸서 사용한다. \~\~~js 이런 식으로 각 언어별 하이라이트 적용 가능 백틱 1개 사용시 인라인 코드블럭\- \_ \* 중 한개를 3개씩 작성\--- 사용시 헤더로 인식 할 수 있으니 이전 라인을 비워두거나, \