state 변경함수 동작원리 state 변경함수를 쓸 때 기존state === 신규state 이렇게 먼저 검사해봅니다. array/object 동작원리 1. 자바스크립트는 array/object 자료를 하나 만들면 예를 들어서 let arr = [1,2,3] 이렇게 만들면 [1,2,3] 자료는 램이라는 가상공간에 몰래 저장이 되고 let arr 변수엔 그 자료가 어디있는지 가리키는 화살표만 담겨있습니다. array, object 자료 다룰 때는 원본 데이터를 직접 조작하는 것 보다는 기존값은 보존해주는 식으로 코드짜는게 좋은관습입니다. (왜냐면 원본 막 바꿔버렸을 때 갑자기 원본이 필요해질 수도 있기 때문입니다 : ) 정리 리액트에서 array/object state를 수정하고 싶으면 독립적인 카피본을 ..

button이 중간정렬로 되지 않아 ㅂㄷㅂㄷ...떨고 있던 나 (또르륵) 일단 html의 태그들의 type은 3가지가 있다. inlin, block, inline-block 기본적으로 block은 우리가 보는 화면은 한 줄을 차지하고 표시하고자 하는 것을 나타내고 inline은 한 줄을 다 차지하고 나타내지 않고, 다른 것들과 속해서 나타나게 된다. block의 예시로는 P 태그를 바로 생각해보면 될 것 같고, h 태그들도 모두 한 줄씩을 차지하고 있다. 그에 비해 image 태그 혹은 button 태그는 inline 태그으므로, 아무리 내가 margin auto를 주어도 해당 줄을 다 차지하고 있지 않아서, 중앙정렬이 되지 않는다. block 요소 , , , , , , , , , , ,, , , , ,..