어레이 destructuring 질문

[심은정]

 

1. destructuring

let [ a , b ] = [1 ,2 ] 일때 a,b로 1과 2가 뜨잖아요 

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

state가 변수처럼 저장 할 수 있다고하면 

그러면 글제목 = "남자코트 추천"

b = "강남우동맛집"

undefined (?) = " 파이썬독학" 이렇게 되야하는게 아닌가요?

덧붙여서 b가 올 자리는 그러면 남자코트추천 바로 뒤에 온다고 생각을 하였는데

array가 index기준이라 헷갈립니다.

2. jsx파일 이해

(1)Jsx = js파일 안에서 html쓰기 라고 생각하면 되나요? function과 return 사이에 선언을 해주는 이유가 궁금합니다.  

(2)state를 쓰지 않았을 때 그냥 let 선언으로 let a = '제육볶음' 이고 user가 제육볶음을 갈비탕으로 바꾸면 보통 document.querySelector('')~~~~로 해줘야하는데 귀찮아서 state로 해준다고 이해해도 되나요? 

 

감사합니다~! 

[codingapple]

useState() 쓰고나면 그 자리엔 무조건 데이터2개 들어있는 [ ] 만 남습니다 

(1) jsx는 자바스크립트 안에서 html 쓸 수 있게 도와주는 부가기능 혹은 언어같은겁니다 

(2) 넴 

[심은정]

선생님~ {글제목} 쓰면 어레이 없어지고 "'남자코트추천,'강남우동맛집','파이썬독학'"

요로케 남는게 왜 아닌가요? 디스트럭쳐링해서요! 왜냐하면 

let [ a , b ] = [ 1, 2 ] 

console.log(a,b)하면 [1,2]가 아니라 1,2가 나오니까 

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

이 말은 즉슨 

let [글제목] = ['남자코트 추천', '강남 우동맛집', '파이썬 독학'] 이니까 각각 어레이 빼고 

글제목 = "'남자코트 추천', '강남 우동맛집', '파이썬 독학'" 이렇게 되야하는게 아닌가요?

let [] = [] 한 후에 각각 어레이가 없어지는게 아닌가요? 어떻게 destructuring하고도 여전히 array index가 남아있죠? ㅠㅠ

[심은정]

'

1. 선생님 일반 함수의 경우 probs자리에 구멍을 넣어서 함수를 다양하게 재사용할 수 있다는 것을 알고 있는데 그러면 react에서 prob은 왜 사용하나요? Modal('야호')이런것도 아닌데, 그저 부모컴퍼넌트에서 전달해준 { props } 이렇게만 해도 되지 않나요? 그냥 props = 부모컴퍼넌트라고 이해하고 그 부모컴퍼넌트가 준 컬러, 글 제목 이렇게 이해하면되나요?

2. 각기 다른 색상의 모달창이 필요하면 <div 모달창 스타일만 그때그때바꾸면 되는거 아닌가요? 왜 probs.color이 필요한거죠?ㅠ

[codingapple]

let [a, b] = ['남자코트 추천', '강남 우동맛집', '파이썬 독학'];

이러면 a가 '남자코트 추천'이 되겠지만

let [a, b] = useState( ['남자코트 추천', '강남 우동맛집', '파이썬 독학'] );

이건 아닙니다 

 

1 props는 그냥 함수파라미터일 뿐입니다 

2 그때그때 스타일만 바꿔도 됩니다 본인 맘입니다 

[글쓴이]

글