치악산 복숭아

지금까지 나는 const 변수의 값은 어떠한 방법으로도 수정할 수 없는줄 알았는데 방법이 있긴 있었다...!! 일단 먼저 알아야할 불변 변수의 특징으로는 1. 값을 재할당 할 수 없다 2. 값의 변경은 가능하다 이게 무슨 소리야... push()나 splice()같은 JS 내장함수을 사용하면 const 변수의 값 변경이 가능하다 ...(중략)... const insa = ["hi"]; insa.push("hello"); return ( {insa} // hihello 출력 ); } 하지만 이런 방법은 무결성을 유지하지 못한다는 문제점이 있다 그렇다면 어떻게 무결성을 유지하면서 변수의 값을 바꿀 수 있을까? 원본값을 바로 수정하는게 아닌, 기존의 값을 이용해 만든 새로운 값을 새 변수에 할당하는 것!! 그..

잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! 리액트 자습서(틱택토 만들기) 링크: https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org 4. 오름차순이나 내림차순으로 이동을 정렬하도록 토글 버튼을 추가해주세요. (Add a toggle button that lets you sort the moves in either ascending or descending order.) 이게 제일 어려웠다 (내 기준🥲) 첫번째로 생각했던건 정렬 방식..

잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! 리액트 자습서(틱택토 만들기) 링크: https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org 리액트 자습서 마지막 부분을 보면 연습을 위해서 추가 기능을 제시해 놓았다 1. Display the location for each move in the format (col, row) in the move history list. (이동 기록 목록에서 특정 형식(행, 열)으로 각 이동의 위치를 표시..

잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! https://ko.reactjs.org/tutorial/tutorial.html#passing-data-through-props 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 오늘은 props와 state에 대해서 알아보도록 하겠습니다 먼저 둘의 특징을 요약하자면 props 1. 읽기 전용 데이터(수정 불가능) 2. 부모 컴포넌트에서 자식 컴포넌트로 전달하는 단방향 데이터 state 1. 컴포넌트가 가지는 동적인 값(변경 가능) 버튼 눌렸는지 여부...값이 몇인지 등등..