전체 글 (38) 썸네일형 리스트형 [웹 FE 스터디] ReactJs 7 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 40기_박지민 노마드 코더 - ReactJS로 영화 웹 서비스 만들기 ▶Todo 프로그램 예제 import {useState,useEffect} from "react"; function App(){ const [toDo, setToDo] = useState(""); const [toDos,setToDos] = useState([]); const onChange=(event)=>setToDo(event.target.value); const onSubmit =(event) => { event.preventDefault(); if (toDo === ""){ return; } setToDos((currentArray) => [toDo, .. [웹 FE 스터디] 7 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_강한림 노마드 코더 - ReactJS로 영화 웹 서비스 만들기 수강 과정입니다. 7.0 지금까지 공부한 state, effect, props 등을 연습합니다. - 학습 목표 : to do list 를 만듭니다 더보기 1. 기본 상태 입니다. function App() { return ( ); } export default App; 2. input 값을 조정하기 위해서 useState()를 사용합니다. 또한, onChange function을 사용합니다. import { useState } from "react"; function App() { const [toDo, setToDo] = useState(""); const.. [웹 FE 스터디] 리액트 토이프로젝트 | useState, useEffect, API, Router TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 38기_김민서 참고강의 : 노마드코더 이번주차는 #7에 해당하는 강의를 수강하였다. 앞서 배운내용을 기반으로 TodoList,Cointracker, 영화 웹사이트 같이 작은 토이프로젝트들을 만들어보는 강의였다. ToDoList 만들기 1. 뼈대 구성 My To Do List ({toDos.length}) Add To Do 우선 h1 제목아래에 todoList를 입력할수있는 input태그를 기반으로 입력을 받고, button을 이용하여 form 태그로 onSubmit 이벤트를 발생시키려고한다. 2. 기능구현 구현해야할 기능은 1. useState를 이용하여 input태그안에 입력된 값을 받아오고 2. button이 눌릴때 위의 .. 이전 1 2 3 4 ··· 13 다음
