NomadCoders/React JS로 영화 웹 서비스 만들기(3)
-
2021. 12. 03. (금) React JS 연습_3
# 학습 전 나의 상태 오늘은 useEffect를 공부한다. 내가 가장 이해하기 어려운.. 의미는 알겠는데 어떻게 사용해야할지.. 막막한 부분이다. 이 부분을 잘 기억하길.. 바라며.. 오늘도 화이팅.! # 오늘의 학습 내용 특정 코드의 실행을 제한하고 싶을 때 처음 렌더되고 이후로 실행하지 않는 방법 useEffect.. import { useState, useEffect } from 'react'; function App() { const [counter, setCounter] = useState(0); console.log("I run all the time.") useEffect(() => { console.log("Call the API..") }, []); const onClickPlus = ..
2021.12.04 -
2021. 12. 02. (목) React JS 연습_2
# 학습 전 나의 상태 저번시간에 state에 대해 배웠는데 음.. 생각보다 이해가 잘 되었다고해야할까..? 어쨋든.. 리액트 네이티브 수업을 들으면서 리액트를 접해서 그런지 그래도 어느정도 이해는 되는 것 같다. 오늘은 props에 대해 공부할 것이다. # 오늘의 학습 내용 Props 부모 컴포넌트에서 자식 컴포넌트로 데이터를 보냄 Component 란? 어떤 JSX를 반환하는 함수 버튼으로 props를 전달하는 예제 function Btn ({btnText, changeValue}) { return ( {btnText} ) } function App() { const [value, setValue] = React.useState("Save Changes"); const changeValue = () ..
2021.12.03 -
2021. 12. 01. (수) React JS 연습
# 학습 전 나의 상태 React 초급을 다시 한 번 보기로 했다. 처음 시작은 ReactDOM을 통해서 배우고 있다. 원리를 이해하기 위한 방법이라고 하는데 생각을 더듬으며 해야할 것 같다. React정복.. 시작.. # 오늘의 학습 내용 setState로 변한 값을 구할 때 나는 아래와 같이 작성했었다. function App() { const [counter, setCounter] = React.useState(0); const onClick = () => { // 기존 나의 방식 setCounter(counter+1); // 오늘 배운 방식 setCounter(current => current + 1); } return ( Total clicks: {counter} Click me ); } set..
2021.12.02