NEW ARTICLE

• [React] 16. 컴포넌트 전환효과 부여해주기 이전 글 ▼ 더보기 0. 2023.05.05 - [🌌 | WEB DEV/React] - [React] 0. React를 사용하는 이유 & 초기 세팅 1. 2023.05.07 - [🌌 | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [🌌 | WEB DEV/React] - [React] 2. state (변수, array, object) 2-1. 2023.05.27 - [🌌 | WEB DEV/React] - [React] 2-1. array state 정렬하기 ( .sort()활용) 3. 2023.05.28 - [🌌 | WEB DEV/React] - [React] 3. 컴포넌트 (Component) 4. 2023.05.28 - [🌌 | WEB DEV/React] - .. 2024.01.13
• [React] 15. React 메뉴탭 만들기 (클릭 이벤트에 따른 내용 변경) 이전 글 ▼ 더보기 0. 2023.05.05 - [🌌 | WEB DEV/React] - [React] 0. React를 사용하는 이유 & 초기 세팅 1. 2023.05.07 - [🌌 | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [🌌 | WEB DEV/React] - [React] 2. state (변수, array, object) 2-1. 2023.05.27 - [🌌 | WEB DEV/React] - [React] 2-1. array state 정렬하기 ( .sort()활용) 3. 2023.05.28 - [🌌 | WEB DEV/React] - [React] 3. 컴포넌트 (Component) 4. 2023.05.28 - [🌌 | WEB DEV/React] - .. 2024.01.13
• [React] 14. React와 서버 연동하기 (ajax를 이용해! (get, post) ) 이전 글 ▼ 더보기 0. 2023.05.05 - [🌌 | WEB DEV/React] - [React] 0. React를 사용하는 이유 & 초기 세팅 1. 2023.05.07 - [🌌 | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [🌌 | WEB DEV/React] - [React] 2. state (변수, array, object) 2-1. 2023.05.27 - [🌌 | WEB DEV/React] - [React] 2-1. array state 정렬하기 ( .sort()활용) 3. 2023.05.28 - [🌌 | WEB DEV/React] - [React] 3. 컴포넌트 (Component) 4. 2023.05.28 - [🌌 | WEB DEV/React] - .. 2024.01.12
• [React/JS] setTimeout, setInterval 은 전혀 "시계" 하지 않아 (setTimeout, setInterval 오류) 프로젝트에 삽입할 스톱워치 만들어 놓았다. 6초를 세어보는데 이상하게 체감 상 8초는 되는 것 같았다. 아 이거 이상한데?? 1. setInetval을 활용한 타이머 1) 작성 코드 내가 작성한 코드는 setInterval을 이용하여 주기적으로 시간state를 증가시키는 방식이다. const [run, setRun] = useState(); //스톱워치start상태 const [time, setTime] = useState(0); //시간state const intervalRef = useRef(); //시작상태 감지 useEffect(()=>{ if(props.start){ setRun(true); } else{ clearInterval(intervalRef.current) setRun(false); .. 2024.01.06
• [React] 13. 리액트 컴포넌트의 Lifecycle와 useEffect 이전 글 ▼ 더보기 0. 2023.05.05 - [🌌 | WEB DEV/React] - [React] 0. React를 사용하는 이유 & 초기 세팅 1. 2023.05.07 - [🌌 | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [🌌 | WEB DEV/React] - [React] 2. state (변수, array, object) 2-1. 2023.05.27 - [🌌 | WEB DEV/React] - [React] 2-1. array state 정렬하기 ( .sort()활용) 3. 2023.05.28 - [🌌 | WEB DEV/React] - [React] 3. 컴포넌트 (Component) 4. 2023.05.28 - [🌌 | WEB DEV/React] - .. 2024.01.02