FRONTEND/React(7)
-
[통신] - Async, Await, fetch, axios 각 차이
- 게시판 글 작성 fetch("http://localhost:8082/api/board", { method: "POST", headers: { "Content-Type": "application/json;charset=utf-8" }, body: JSON.stringify(board)}).then((res) => { console.log(1, res); if (res.status === 201) { return res.json(); } else { return null; }}).then((res) => { // 결과를 받는다. console.log("정상", res); if (res !== null) { ..
2025.09.16 -
[리액트] - 초기화 시키기, 리다이렉트
// 기존 값 초기화 후... 값 담기 const [board, setBoard] = useState({ b_title: '', b_content: '', b_writer: '', b_password: '', }); // redirect 역할 // Controller에 리다이렉트 const navigate = useNavigate();
2025.09.16 -
[useState, useEffect, props(매개변수 넘기는 것)] - 핵심만
useState - 상태 변경 및 변수 값 설정하는 것 전역으로 사용가능함...[get, set] = useState(0) ------ 뒤에 0은 초기값 셋팅하는 부분!! 위는 축약어 이다. 자바에서 sys 처럼 입력시 아니면, HTML에 !(느낌표) 입력시 자동으로 문장 생성함...--------------------------------------------------------------------------------------------------------------------------------- useEffect - 부수적인 설정값, 초기값 설정이나, 이벤트 처리 등에 사용하면 될 듯... * useEffect 호출 시 실행 할 것인지? 한번만 실핼 할 것인지? [] 에 특정..
2025.09.13 -
[useState, useEffect, props(매개변수 넘기는 것)] - 핵심만
useState - 상태 변경 및 변수 값 설정하는 것 전역으로 사용가능함...[get, set] = useState(0) ------ 뒤에 0은 초기값 셋팅하는 부분!! 위는 축약어 이다. 자바에서 sys 처럼 입력시 아니면, HTML에 !(느낌표) 입력시 자동으로 문장 생성함...--------------------------------------------------------------------------------------------------------------------------------- useEffect - 부수적인 설정값, 초기값 설정이나, 이벤트 처리 등에 사용하면 될 듯... * useEffect 호출 시 실행 할 것인지? 한번만 실핼 할 것인지? [] 에 특정..
2025.09.10 -
Component, Props 및 실습
보호되어 있는 글입니다.
2025.07.27 -
React 설치 : 부가 확장프로그램
보호되어 있는 글입니다.
2025.07.27