코드를 실행하면 잘못된 비밀번호 또는 등록되지 않은 이메일을 입력했을 때 예상된 "auth/wrong-password" 또는 "auth/user-not-found" 에러 코드 대신 "auth/invalid-credential" 에러가 발생한다는 문제점을 설명하고 있습니

'이대로는 안 돼. 정말 제대된 자소서와 이력서를 써야지' 할 때 가장 먼저 정리한 것은 바로 '나' 자신이다. 자소서는 말 그대로 '자기소개서'이지 않는가. 이력서에도 간단한 자기소개는 필수다. 그 전까지 '내가 누구인지 써라'고 하면 기업의 선호에 맞는 특정 키워드

최근 포트폴리오 블로그형식의 프로젝트를 수행했다. 로그인 과정에 발생한 troble shooting을 기록한다. 요구사항 헤더에 로그인한 계정의 이메일/닉네임을 표시해야한다. 문제사항 로그인이 성공하면 nickname, email, token을 localstora

useEffect의 return 정리 함수TIL37 | React | ref를 이용한 outside click 외부 클릭 감지리액트의 useEffect는 return () => 으로 표현되는 정리 함수를 가지고 있다. return은 실행을 대기하고 있다가 이전의 효과를

내가 원하는 것 : GET API를 fetch를 하는 동안 화면에 스켈레톤 코드를 그리고 싶다. 그래서 suspense를 사용했다.결과 : 잉? suspense의 fallback이 렌더링 안된다.useEffect(의존성 배열이 \[]일때)는 suspense보다 먼저 발

\--allow-unrelated-histories이미 존재하는 두 프로젝트의 기록(history)을 저장하는 드문 상황에 사용된다. 즉, git에서는 서로 관련 기록이 없는 이질적인 두 프로젝트를 병합할 때 기본적으로 거부하는데, 이것을 허용해 주는 것이다.fatal

브라우저를 사용하는 환경 (로컬 컴퓨터)에 서버에서 받은 데이터를 저장한 파일로그인 정보 같이 유저가 굳이 다시 서버에 다시 요청하기에는 비효율적인 정보를 로컬에 저장해둠으로서 생산성을 높이는 것이 목적!로그인 정보 등 사용자의 정보가 저장되는 경우가 많아 보안문제를

React.memo는 함수형 컴포넌트를 렌더링하는 데 사용되는 메모이제이션 기능을 제공한다. 이를 통해 컴포넌트의 리렌더링을 방지할 수 있다.일반적으로, 컴포넌트가 이전에 전달된 프롭스와 다른 경우에만 렌더링을 트리거한다. useMemo 훅은 계산 비용이 많은 연산의

💡 캐싱 대상 : 렌더링 작업, 데이터 요청💡 목적: 애플리케이션 성능을 향상, 비용 절감캐시 : 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소캐싱 : 파일 복사본을 캐시 또는 임시 저장 위치에 저장하여 보다 빠르게 액세스할 수 있도록 하는 프로세스By

next.config.js 파일에 url 코드가 추가되어야함. 보안 이슈💡 next.js의 Image 태그 사용시 file size가 확연히 줄어듬.💡 그 만큼 화질이 깨지는 문제가 있음props quality(defautl 75, 1~100)로 화질을 개선할 수

HTML 렌더링이 클라이언트(사용자의 브라우저)에서 실행되는 방식이다.사용자가 웹 사이트에 방문하면 브라우저는 서버에 HTML,CSS,Javascript 같은 리소스들을 요청한다.서버는 빈 뼈대의 html과 js를 건네주고 브라우저는 이 파일들을 파싱하여 렌더링한다.H

Mysql을 쓰다 보니 리턴값이 RowDataPacket\[], ResultSetHeader 이라는 것을 알게 되었다.ResultSetHeader을 이용해 insert한 행의 id를 가져오고 싶었는데Property 'insertId' does not exist on t

메모리 31408KB, 시간 2900 ms처음에 bfs로 풀려고 했는데, 어떻게 하다보니 다른 방식으로 풀게 되었다.내가 포인트로 잡은 것은1초 일 때는 입력된 그래프 그대로 출력2초 이상의 짝수 시간일때는 모두 'O'출력3초 이상의 홀수 시간일때는a. graph에서

next.js 14ver, next-auth, ts, mysql workbench next-auth공식문서https://next-auth.js.org/로그인버튼클릭(username, password) (app/sigin/pages)\-> username, p

복호화 에러 stack: 'JWEDecryptionFailed: decryption operation failed'

깃허브 2차인증 설정하기

const sql = select email, password from bridge.user where email = ${body.username}을 const sql = select email, password from bridge.user where email =

next-auth로 로그인을 구현하던 중 발생한 에러Type 'unknown' is not assignable to type 'IsignIn' TypeScript가 executeQuery 함수가 반환하는 값의 타입을 IsignUp으로 올바르게 판단하지 못했다. Type

react-hook-form 공식문서 소개 및 장점 회원가입기능을 구현할때 react-hook-form를 요긴하게 쓸 수 있다. 더 간결하고 직관적으로 코드를 작성할 수 있다. 그 이유는 회원가입을 구현할때 여러 입력값에 대한 상태관리를 해줘야하는데 이

[Next.js + TS] use client, use server