프론트 (2) 썸네일형 리스트형 리액트 스터디 병합 전, 정리 2022-03-04 01:33 스터디 프로젝트 첫 번째, 병합 전 정리... - 디렉토리 - 1. pages - 페이지 단위로 관리하는 디렉토리 pages/todoRoom todoRoom 경로로 들어가면 보여지는 페이지 2. src/features 스타일-컴포넌트들 기능단위로 관리하는 디렉토리. src/features/todoRoom todoRoom 관련 컴포넌트들을 보관하는 디렉토리 box 디렉토리 : pages/todoRoom 페이지에서 보여지는 todo박스, doing박스, done박스들을 보관한다. pages/todoRoom 안에서 렌더링된다. todoCard 디렉토리 : todoCard들을 관리하는 디렉토리이다. src/features/todoRoom/box 안의 3개의 박스 안에서 각각 렌더링.. 리액트 - preventDefault, useState, useEffect, React.Fragment 등... 참고출처 https://www.youtube.com/playlist?list=PLB7CpjPWqHOuf62H44TMkMIsqfkIzcEcX preventDefault : prevnetDefault() : form 고유의 동작을 멈추게 해준다. ex) event => { event.preventDefault();} useState : useState : import {useState} from 'react'; function App() { const [username, setUsername] = useState(''); } useEffect : 업데이트가 일어날 때 실행한다. useEffet(() => {}, [비어 있음 ? 아무거나 업데이트 될때마다 Hook실행 : 여기 있는 변수들이 업데이트 될때만 H.. 이전 1 다음