States

1. state

let[글제목, 글제목변경] = useState([”a”, “b”, “c”]);

let copy = 글제목

copy[0] = “A”;

글제목변경(copy);

state 변경 함수

→ 내용이 같으면 바꾸지 않는다

→ array가 담긴 변수는 주소를 저장하고 있다 그래서

글제목 변경을 해도 주소값이 변한적이 없기때문에

state에 변화는 없다.

let copy = […글제목];

copy[0] = “A”;

글제목변경(copy);

array나 object의 경우 내용 변경을 하고 싶을 시 […state명]을 꼭 써준다

1. component

2. function()을 만들고

   -다른 함수 밖에 만든다

   -이름은 영어 대문자로 시작한다

1. return()안에 html담기
2. <함수명></함수명> 쓰기

시작과 끝이 같은 태그로 감싸져 있어야 한다

로 감싸주고 의미없는 태그를 쓰고 싶지 않을 경우에는 <> 빈태그로 감싸주면 된다

component 사용 된는 곳

• 반복적인 html 축약할 때
• 큰 페이지들
• 자주 변경되는 것들

너무 많이 만들면 가져다 쓰기 힘들어 진다

조건식으로 모달창을 열고 닫을 수 있다

1. map()

[1,2,3]map(function()){

console.log(1)

}

→ 1,1,1 1이 세번 콘솔로그에 찍힘 (array 자료안의 갯수만큼 반복)

[1,2,3]map(function(a)){

console.log(a)

}

→ 1,2,3이 찍힘 (파라미터는 array 안의 자료를 뜻함)

[1,2,3]map(function(a)){

return ‘123’

}

→[’123’, ‘123’, ‘123’] 이 찍힘 (array 안의 자료를 자료의 수만큼 반복하여 배열로 만들어 준다)

array 자료의 갯수만큼 함수안의 코드를 실행해준다

매개변수는 array안에 있는자료를 뜻하고 그자료를 바탕으로 동작을 실행한다