FRONTEND(34)
-
[통신] - 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 -
깊은 복사/ 얕은 복사
깊은 복사 : 요소(데이터) 그대로 형태 그대로 복사 예를 들어 파이썬 경우 : a = [[a, b]. [c, d, e]] 그대로 복사하는 것은 깊은 복사이다. a.append(5) 넣으면, a = [[a, b]. [c, d, e], 5] 가 된다. 그에 반면 얇은 복사는 주소값을 복사하며, 기존 배열, 리스트와 주소로 공유한다. react에서 userSate/useEffect에서 사용된다. 배열
2025.09.09 -
Component, Props 및 실습
보호되어 있는 글입니다.
2025.07.27