전체 글 (38) 썸네일형 리스트형 [웹 FE 스터디] #7 PRACTICE MOVIE APP TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 38기_서다원 간단한 투두 앱부터 만들어보자 import logo from "./logo.svg"; import "./App.css"; import { useState, useEffect } from "react"; function App() { const [toDo, setToDo] = useState(""); // 입력할 toDo const [toDos, setTodos] = useState([]); //todo 들의 리스트 const onChange = (event) => setToDo(event.target.value); // 입력한 값이 toDo가 됨 const onSubmit = (event) => { //submi.. [웹 FE 스터디] ReactJs ~6.4 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_박지민 노마드 코더 - ReactJS로 영화 웹 서비스 만들기 ▶ 시간↔분 전환 프로그램 예제 - onChange의 기능 : input 태그의 이벤트를 감지. 값 변경 시 setAmount를 이용해 변경된 값을 state안에 삽입. 데이터 수정을 위해 modifier function (=setAmount) 이 사용되었기 때문에 그 함수를 사용할 때마다 컴포넌트는 새 데이터와 함께 새로고침 됨. * onChange = { onChange } 가 없을 경우 우변의 onChange prop에 담긴 modifier function이 작동하지 않는다. 이벤트 발생 시 수정된 값으로 업데이트 시켜주는 기능이 사라졌기 때문에 inp.. [웹 FE 스터디] 3.6~6.4 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_강한림 노마드 코더 - ReactJS로 영화 웹 서비스 만들기 수강 과정입니다. 5.0부터 진행하는 코딩중, 웹 사이트를 열고싶을때는, vscode의 터미널에서 'npm start'을 입력합니다. //폴더 찾아가서 index.html 열었는데 아무것도 안나와서 당황하지 않도록.. // 무언가 터미널에 뜨면 y 나 n을 누르면 잘 뜹니다. 3.6 - 지난 3챕터(3.0~3.5)의 복습 강의 입니다. 추가된 코드가 있어 작성합니다. - const onChange 아래에 reset 함수를 추가했습니다. - minutes와 같이 hours 또한 div로 묶고, minutes을 60으로 나눈뒤 반올림(round)하여 화면에 표기.. 이전 1 2 3 4 5 ··· 13 다음
