useState 3

[REACT] JSX에서 반복문 쓰는 법 : map

for 반복문은 JSX 중괄호 안에서 사용할 수 없다.→ map() 을 사용 자바스크립트 map 함수 쓰는 법- 모든 array 자료 우측에는 map() 함수를 붙일 수 있다.  기능 1. - array에 들어있는 자료 개수만큼 그 안에 있는 코드를 반복실행시킨다.var 어레이 = [2,3,4];어레이.map(function(){ console.log(1)});  기능 2.- 콜백함수에 따라 파라미터 아무렇게나 작명하면 그 파라미터는 어레이 안에 있던 모든 자료를 하나씩 출력한다. *콜백함수 : 소괄호 안에 있는 함수) 어레이.map(function(a){ console.log(a) }) 기능 3.- return 오른쪽에 뭐 적으면 array로 담아주고 +  map() 쓴 자리에 남겨준다.va..

카테고리 없음 2025.02.23

[REACT] onClick, state 변경

onClick 사용법 (JSX)1. Click이 대문자2. {} 중괄호 사용3. 그냥 코드가 아닌 함수를 넣어야 잘 동작 함수 넣는 방법 (기본) function App(){ function 함수임(){ console.log(1) } return ( 안녕하세요 )} 함수 넣는 방법 (축약)  { 실행할코드 } }>  state 변경하는 법state가 하나 있다면  let [따봉, 따봉변경] = useState(0)  state 변경을 도와주는 함수는 2번째 작명을 사용해서 바꾼다따봉변경(새로운state) 사용 예시 :- 좋아요를 눌렀을 때 따봉이라는 state를 1 증가하려면{ 글제목[0] } { 따봉변경(따봉+1) }}>👍 { 따봉 }    오늘 배운 내용 정리1. 클릭..

카테고리 없음 2025.02.10

REACT - state 만들기, 사용하는 이유

state 만드는 방법 1. useState import 하기import { useState } from 'react' 2. useState('보관할 자료') 설정하기useState('보관할 자료') 3. let 변수에 담기 ( destructuring 문법)let [변수명, set변수명] = useState('저장할 자료') * destructuring 문법은 무엇일까? (코딩애플 강의의 설명이 이해가 안가서 GPT 에게 물어보았다)더보기useState(0)은 현재 상태값과 상태 변경 함수를 배열로 반환합니다.[현재 상태값, 상태 변경 함수](0)은 상태의 초기값입니다.즉, count의 시작값은 0으로 설정됩니다.구조 분해를 사용해서 이 배열을 두 변수 count와 setCount로 나눠 쓰는 거예요...

카테고리 없음 2025.01.26