개발일기

git 명령어 클론 : git clone URL 새 브랜치 생성 : git branch 브랜치명 브랜치 변경 : git switch 변경할브랜치 풀받기 : git pull 스테이징(모두) : git add . 현재 상태 확인 : git status 커밋 : git commit -m "커밋 메시지" 올리기 : git push origin 브랜치명

폼데이터(formData)로 사진 보내기 // 사진 업로드는 폼데이터로!!!!!!!!! const formData = new FormData(); formData.append("title", uploadTitle); formData.append("content", uploadContent); formData.append("url", uploadUrl); formData.append("image", uploadImage); // 서버로 폼데이터 보냄 const response = await axios.post(`${serverUrl}/api/campaign`, formData, { headers: { Authorization: `Bearer ${token}`, // 로그인 여부 확인(토큰을 헤더에 추가) ..

로컬스토리지(Local Storage) // 저장 localStorage.setItem("key", "value"); // 읽기 const username = localStorage.getItem("key"); // 제거 localStorage.removeItem("key"); // 모든 항목 제거 localStorage.clear(); 쿠키(Cookie) // 생성 document.cookie = "쿠키이름=쿠키값; expires=만료일; path=경로"; // 읽기 const 쿠키값 = document.cookie; // 수정 document.cookie = "쿠키이름=변경쿠키값; expires=만료일; path=경로"; // 삭제 document.cookie = "쿠키이름=; expires=Thu,..

navigate(-1) React Router의 useNavigate 훅을 사용하여 라우팅을 제어하는 방법 중 하나임 -1을 전달하면 현재 페이지의 이전 페이지로 이동하라는 의미!

Handler 사용 이유 1) 사용자 상호작용 처리 사용자의 클릭, 입력 등의 동작에 대한 응답으로 특정 동작을 실행하는 방법을 제공함 2) 코드 재사용 동일한 동작을 여러 요소에서 재사용할 수 있어 코드를 간결하게 만듦 3) 가독성과 유지보수 코드를 읽기 쉽고 수정하기 쉽게 만들어줍니다. 코드 이해와 유지보수가 간단해짐

HTTP 상태 코드 요청(request)를 하고 나면, 서버가 그에 맞는 응답(response)를 제공 = 상태코드 1xx(정보) : 요청을 받았으며 프로세스를 계속 진행합니다. 2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용하였습니다. 3xx(리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요합니다. ⭐4xx(클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없습니다. ⭐5xx(서버 오류) : 서버가 명백히 유효한 요청에 대한 충족을 실패했습니다.