.slice() 배열을 복사하는 함수이다. 원본배열이 유지된다. let arr = [0,1,2]; let arr2 = arr.slice(0,2); // arr2 = [0,1] // arr = [0,1,2] index번호 0번 부터 2번 앞짜리 까지 복사했다는 의미 원본 arr에는 여전히 3개가 있다. .splice() 배열 중간에 원소를 삭제 및 추가하는 함수이다. 원본배열이 변경된다. array.slice(start index, deleteCount, items...) splice() 함수는 파라미터로 start, deleteCount, items를 받는다. start index부터 deleteCount 만큼 원소 개수를 삭제하고 items를 start index에 추가한다. deleteCount가 입..

아티클을 생성하는 CreateArticle 컴포넌트를 만들고, App.js에서 onSubmit이라는 함수를 통해 자식 CreateArticle 컴포넌트로부터 매개변수 _title과 _desc를 전송받는다. CreateArticle 컴포넌트의 form 폼으로 전송된 속성 값을 onSubmit 함수를 통해 App.js에 보내고 state에 생성한다. 폼으로 전송한 속성 위치 확인하는 법 폼을 통해 임의로 '타이틀'과 '설명' 값을 전송하였다. 전송된 값의 위치를 확인하기 위해 debugger;를 이용하여 멈춰두고 개발자 도구에서 값이 저장된 위치를 확인한다. App.js let _title, _desc, _article = null; //변수 초기화 선언 else if (this.state.mode == "..

VS code를 더 편하게 쓰기 위한 플러그인 몇가지를 소개하고자 합니다. ESLint ESLint는 문법 검사 도구로 코드를 작성할 때 기본값을 포함하지 않거나 등의 실수를 하면 에러 메세지를 VS code 에디터로 바로 확인할 수 있게 도와주는 플러그인 입니다. 예시를 들어보겠습니다. 먼저 ESLint를 설치해주세요. View > Problems 에 들어가주세요. 하단 에디터에 보시면 위와 같이 에러에 대한 설명이 나오고 확인이 가능합니다. 에러 내용을 참고하여 문법을 고쳐주시면 됩니다. Prettier Prettier는 코드를 자동으로 정리해주는 도구입니다. 리액트를 작성할 때 코드의 가독성을 위해 사용하시면 좋습니다. 일정한 공백으로 정렬을 정리해주고 세미콜론(;)이 빠진 곳은 자동으로 세미콜론을..

while 반복문 조건식이 true일 경우에 계속해서 반복 비교 또는 논리 연산식등 조건문에 중점을 둔 반복문 문법 while (조건) { //조건이 true일 때 실행 할 문장 } 예시 let i = 0; // i의 초기값을 0으로 설정 while(i