화살표 함수

function sum(num1,num2){

return num1+num2

}

1. function 키워드 삭제
2. 식별자 삭제
3. 소괄호와 중괄호 사이에 => 입력
   식별자가 없으므로 호출을 위해 변수에 할당하여야 한다

const sum=(num1,num2) => {return num1+num2}

{} 안에 return으로 어떤 data를 반환한다면, 더 줄일 수 있다.

const sum=(num1,num2) => num1+num2

전달하려는 매개변수가 하나라면 소괄호도 삭제할 수 있다.

const pow = x => x곱하기x

전달하고자 하는 매개변수가 없다면 빈 소괄호로 넣으면 된다.

**const pow = () => 3.14

화살표 함수가 내부적으로 객체를 반환한다면

const getObject = () => { return { name : 왕열 age : 34}}

->

const getObject =() => ({name : 왕열 age : 34})

함수 안에 함수가 있을 때 변화 과정

function outer(x) {

return function inner() {

return X+X}}

const outer = (X) => {return function inner() {return X+X}}

const outer = (X) => function inner() {return X+X}

const outer = (X) => () => {return X+X}

const outer = (X) => () => X+X

onClick

onClick ={클릭될 때 실행할 함수}
함수를 만들어서 넣어도 되고, 안에서 함수를 만들어도 된다
onClick = {() =>{}}

let [글제목, 글제목변경] = useState(['남자코트 추천', '강남 우동맛집', '파이썬독학'])

만약 이런 state에서 글제목의 값을 변경하고 싶을 때는 spread를 사용하여

function 제목변경(){
let newArray = [...글제목]; <-- deep copy 아예 별개의 Array를 만든다고 생각하면 됨
newArray[0] = '여자코트 추천'
글제목변경(newArray)
}

if문

return 밖에서는 사용 가능하다

for...in 객체

for...of 배열