📍목표- robots.txt 파일에 대해 알아보기 📍왜 페이지 색인이 생성되지 않나요?서브 블로그를 새로 만들고 구글 서치콘솔에 등록한 다음날, 페이지 색인이 만들어지지 않는다는 메일을 받았다 구글 서치콘솔에서 자세한 내용을 살펴보니, robots.txt에 의해 차단되었다는 메시지가 있었다 (나는 robots.txt를 만든 적이 없는데!!) 차단된 URL은 아래와 같음 살펴보니 /manage 는 관리자 페이지이고, /guestbook은 방명록 페이지이다. 그렇다면 구글 봇을 차단하는게 이해가 된다. 그런데 별도로 robots.txt를 만들지 않았는데? 찾아보니, 기본 적용되고 있는 robots.txt 파일은 다음과 같았다. 아마 티스토리에서 내부적으로 robots.txt 파일을 만들어 놓은 것 같다...

📍Query Key의 형태- 직렬화가 가능한 값들의 배열이어야 함- 직렬화가 가능하다 => json.stringify()를 적용할 수 있고, 적용하면 항상 동일한 문자열로 변환된다// 일반적인 배열const userQueryKey = ["user", 1];// JSON.stringify(usersQueryKey) // '["user",1]'// 객체const postQueryKey = ["user", { id: 42 }];// JSON.stringify(postQueryKey) // '["post",{"id":42}]'// An individual todouseQuery({ queryKey: ['todo', 5], ... })// An individual todo in a "preview" format..

📍참고 https://www.react-hook-form.com/get-started 📍예시 코드 1 import { useForm } from "react-hook-form"; export default function App() { const { register, handleSubmit, watch, formState: { errors } } = useForm(); const onSubmit = data => console.log(data); console.log(watch("example")); // input 밸류 이름을 watch 함수에 전달하여 값 확인 return ( /* handleSubmit은 onSubmit을 호출하기 전에 입력 유효성 검증 실행 */ {/* register함수를 호출하..

📍참고 https://semver.org/ Semantic Versioning 2.0.0 Semantic Versioning spec and website semver.org 📍시맨틱 버저닝(semantic versioning - semver) ✅소프트웨어 버전 관리를 위해 버전 번호를 정하는 법칙 버전을 major, minor, patch 로 나눠 구분한다 예) 1.0.0 버전의 patch 버전은 0 ✅각 버전 번호가 바뀌는 상황 - major : 기존 버전과 호환되지 않게(하위호환성 보장 X) API가 바뀌는 경우 - minor : 기존 버전과 호환되면서(하위호환성 보장) 새 기능 추가 - patch : 기존 버전과 호환되면서 버그를 수정 ✅기타 - 1.0.0 이 첫 공개 API이다 - 0.y.z 는..

📍참고 https://docs.npmjs.com/cli/v9/using-npm/workspaces?v=true workspaces | npm Docs Working with workspaces docs.npmjs.com 📍환경 체크 NPM 버전 확인 npm --version 9.6.3 # 230403 현재 최신버전 NPM을 최신 버전으로 업데이트하기 npm install npm@latest -g 📍Workspace 란? ✅단일 최상위 루트 패키지 내에서 로컬 파일 시스템의 여러 패키지 관리를 지원하는 npm cli의 기능 집합을 지칭 예) 최상위 package.json 이 하위 폴더의 package.json을 관리하고 보조 Workspace ├ package.json ├ view │ └ package.j..

📍참고 https://jestjs.io/docs/using-matchers Using Matchers · Jest Jest uses "matchers" to let you test values in different ways. This document will introduce some commonly used matchers. For the full list, see the expect API doc. jestjs.io 📍Matcher 란? ✅Jest에서 값을 다양한 방법으로 테스트하기 위해 사용 - a > b, a = b, a { expect(2 + 2).toBe(4); // 값이 같..