전체 글 (76) 썸네일형 리스트형 React 시작 전 설치 나중에 혹시 필요할지 모르니 설치 순서를 정리를 해놓아야겠다. 개발환경 설정 Node.js 설치 - React 프로젝트를 생성하기 전에 Node.js가 먼저 설치되어 있어야한다. - 설치 완료했다면 다음 명령어를 통해 버전 확인 가능 > 노드 버전 확인 : node -v > npm 버전 확인 : npm -v npm node를 설치하면 자동으로 설치됨 yarn - npm의 단점을 보완하여 성능과 속도를 개선한 것이 yarn이다. CRA(Create React App) : 한 줄의 명령어 입력으로 React 프로젝트 개발에 필수요소(WebPack, babel, eslint 등등)를 자동으로 구성하는 방법! 첫 리액트 프로젝트 만들기 VS Code를 실행하고 (미리 지정한 폴더를 열어도됨) 윈도우는 git b.. [TIL] delete function deleteReview() { let reviewId = this.closest("li").id; let ReviewList = JSON.parse(window.localStorage.getItem(id)); console.log("리뷰 ID: ", reviewId); //리뷰 ID: ID_111 console.log("리뷰 목록:", ReviewList); //리뷰 목록: Object ID_123 ... } 이번에 프로젝트를 하면서 localStorage에서 데이터 지우는 부분을 감을 잡지 못해서 어려웠다. 팀원분의 도움으로 알게된 코드였는데 첫번째줄의 this는 button #deleteReview를 말했고, closest("li")는 현재 엘리먼트에서 가장 가까운 엘리먼트를 찾아준다.. [TIL] JSON JSON JSON은 자바스크립트 언어 자체가 아니라 "문자 기반의 데이터 교환 형식" 이다. JSON의 구조 JSON 구조는 리터럴 작성법을 따른다. 문자열 표기할 때는 꼭 " " 만 사용 가능하다. JSON은 키 - 값 쌍(key - value pair)으로 이루어진 데이터 객체를 표현한다. 데이터는 콤마로 구분된 키-값 쌍들의 집합으로 이루어진다. JSON은 객체, 배열, 문자열, 숫자, 불리언, null 등 다양한 데이터 타입을 지원한다. JSON 문자열을 자바스크립트 객체로 변환 let jsonStr = '{"name": "Kim", "age": 30, "city": "New York"}'; let jsonObj = JSON.parse(jsonStr); 자바스크립트 객체를 JSON 문자열로 변환 .. 이전 1 ··· 11 12 13 14 15 16 17 ··· 26 다음
