리액트

공공데이터포털의 사업자등록 상태조회 API를 활용하였다.그런데 아래와 같은 에러가 떴다. 1. 에러 로그 및 문제점Uncaught (in promise) Error: AxiosError: Request failed with status code 500 at businessman_status (sign_up_api.js:67:1) at async validateRegNumber (Sign_up_page_company.jsx:170:1) https://api.odcloud.kr/api/nts-businessman/v1/status?serviceKey=비밀키{ "message": "Method Not Allowed"}Method를 허용할 수 없다는 500 에러가 떴다. sign_up_api...
1. 에러 로그 및 문제 해결처음에는 인증번호에 옳은 값을 입력했는데도 일치하지 않는다는 문구가 떴다.그래서 console.log를 이용해서 값을 추적할 수 있게 해두고,인증번호 input창에 123이라는 값을 입력했는데 콘솔창에는 123이 아닌 12가 떴다.  2. 기존 코드const [authNumber, setAuthNumber] = useState("");const handleAuthNumberChange = (e) => { setAuthNumber(e.target.value); validateAuthNumber(authNumber);};const validateAuthNumber = async (authNumber) => { const isValid = await check_si..
· Web/React
사진을 업로드 한 후, 사용자가 업로드한 사진이 화면에 바로 반영되는 기능을 구현해보았다.아래는 파일 업로드 컴포넌트 코드이다.tailwind css와 일반 css가 혼재되어 있어서 깔끔하지 않음 주의import React, { useState } from "react";const Profile_picture = ({ onchange }) => { const [imagePreview, setImagePreview] = useState(null); const handleImageChange = (event) => { const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.o..
1. 문제점localhost:3000/users/sign_in 경로로 접속을 시도했을 때,'로그인 페이지입니다.'라는 문구가 나오지 않고,빈 화면이 떴다.  2. 기존 코드//App.jsimport logo from './logo.svg';import './App.css';import { Desktop, Mobile, Tablet } from './layouts/ResponsiveComponent';import { RouterProvider } from 'react-router-dom';import root from './router/root';function App() { return ( ..
혜발아기
'리액트' 태그의 글 목록