title element에 1개 이상의 자식요소가 있다는 경고문자만 자식으로 가질 수 있다수정 전 코드문제되는 부분이부분이 React render에서는변수 앞뒤로 주석으로 되는데 주석은 HTML노드여서 하위노드로 간주된다주석-글자-주석-글자 => 이런식으로 여러 개의
SSG: Static-Site Generation 정적사이트 생성빌드 시 html 생성해두고 요청이 오면 생성해둔 html 재사용SSR: Server-Side Rendering 서버사이드 렌더링SEO 성능 향상시키고 요청마다 데이터를 최신상태로 업데이트해야 될 경우미리
로컬에서 폴더명 변경 시 github에는 반영이 안된 문제vercel에 배포하려는데 파일 모듈을 못찾는다는 에러발생원인이 경로나 대소문자 불일치일수 있다는데 vscode에선 다 맞았음(참고)예전에 로컬에서 폴더명을 바꿨던게 생각남 Button => button 소문자로
Cookie, Session을 배우고 나면 JWT를 배우게 되어 있다. 그런데 무조건 JWT가 좋으니깐 기본으로 채택해야 한다? 이에 대해서 알아보도록 하자.JWT의 장점이 무상태성과 확장성으로 소개가 된 블로그글들이 아주 많다.그래서 필자도 당연히 JWT가 최신기술인
Next.js + Recoil 에러.env 생성참고https://github.com/facebookexperimental/Recoil/issues/733
vscode 기준command + shift + pTypeScript: Restart TS server 입력하면 새로고침 됨
Next.js 공식문서Next.js, TypeScript 프로젝트에서 ESLint, Prettier 설정하기새 프로젝트를 Next.js + TS로 생성Next.js -> Next.ts로 기존 프로젝트에서 생성
버그 문제 모바일반응형에서 input range 조절해도 필터에 안걸리는 버그 원인 모바일에선 터치로 하기 때문에 onMouseUp이벤트에 안걸림 해결 Touch 이벤트 추가하여 적용하기
input type='date'에서 삭제 누르면 리셋이 안되는 문제input 속성에서 required 삭제변경 전변경 후
요청 전 처리가 가능한 interceptors로 모든 요청 전에 access토큰 만료시간 체크하기!!이미 요청을 보낸 후에 만료됐는지 체크하면 늦었기 때문이다.access토큰 있으면 JWT 디코딩해서 만료시간 체크만료됐으면 만료된 access와 refresh 토큰 같이
이유미리보기때문에 base64인코딩했던 문자열 다시 Blob으로 변환이미지 업로드 & 압축 - 기억보다 기록을
FE에서 한 작업응답 헤더에서 Authorization으로 온 토큰을 받고콘솔에 찍어보고 (여기서 undefined출력)LocalStorage에 저장하기console에 찍어보면 undefined가 출력됨
✴️ setState같은 갱신함수는 비동기로 처리됨!!!!console.log(programs); 로 콘솔에 찍어보면 undefined가 출력된다이는 갱신함수가 비동기이기 때문에 JS에서 갱신함수를 건너뛰고 다음줄인 콘솔을 바로 출력해서 undefined가 뜨는 것이다
가이드에 안맞추면 reject 당할 수도 있다..네이버 로그인 버튼 사용 가이드버튼 형태 : 네이버 고유의 이미지를 해치지 않는 범위 내에서 변경 가능메시지 내용 : 네이버 로그인 목적에 부합한다면 한글이나 영문 상관없이 변경 가능구글 브랜드 가이드라인(https&#x
리턴 값 명시적으로 설정안한 경우 (비추)리턴 값을 반환하지 않는 경우에 사용해야하는데 무분별하게 남발하는 것은 바람직하지 않음✅ 갱신함수 타입 정의 import 해서 사용하는 경우 import없이 React.~로 사용하는 경우
'Logo' is declared but its value is never read.ts(6133)Cannot find module '../images/Logo.svg' or its corresponding type declarationssrc/custom.d.ts 파
1. 무료버전 한번에 설치 패키지명 @fortawesome 오타 아님! 그대로 설치! free라고 붙은 것만 무료고 pro는 2. 따로 설치하기 기본 패키지 설치 regular solid light duotone brand 폰트어썸 아이콘 검색
Dynamic Typingex) 1 + '2' = 3 가능type을 엄격히 검사하여 에러메시지를 정확히 짚어줌ex) 1 + '2' = 에러 출력해줌공식문서CRA 리액트와 같이 TS설치기존 CRA 리액트가 존재할때 TS만 추가하기npx typescript --init나