늘 겸손하게

목차 for / in과 for / of 차이 for / in for / of for / in 과 for / of 차이 둘 다 객체를 순회할 수 있는 명령어이지만 근소한 차이가 있다. 이를 알아보자. for / in 객체의 모든 열거할 수 있는 속성을 순회하게 해준다. 속성의 값이 아닌 속성 키를 출력함. const obj = { name: 'jack', age: 20, } const arr = [100, 200, 300]; for (let ele in obj) { console.log(ele); // name, age } for (let ele in arr) { console.log(ele);// 0, 1, 2 } 배열 for / in 순회 배열을 for / in으로 순회하면 배열의 원소가 출력되는것이 ..

목차 Github pages 생성 방법 마무리 Github pages Github-pages는 정적 사이트 호스팅 서비스로 HTML, CSS, JavaScript 파일을 깃허브 레포지토리에서 바로 가져와 빌드 과정을 거치고 웹 사이트를 배포하는 서비스이다. 개발한 프로젝트를 누구나 접속해서 볼 수 있도록 호스팅 서비스를 제공한다. 생성 방법 1. 레포지토리에 pages 생성 배포하려는 프로젝트 레포지토리 상단 우측에 settings 클릭 settings -> pages 우선 main 브랜치로 설정 후 'save' 클릭 새로고침하면 사이트가 배포된 주소가 나옵니다. 사이트를 배포하였으나 프로젝트와 연동되어 있지 않아 404에러가 뜨거나 Readme 파일이 출력됩니다. 2. 프로젝트와 연동 React 프로젝..

목차 React에 Redux 설치 1. 프로젝트에 Redux Toolkit과 React Redux를 설치 2. React Store 생성 3. React에 Redux Store를 제공 4. Redux State Slice 생성 5. Store에 slice reducer 담기 6. React 컴포넌트 내부에서 Redux State, Action 사용하기 마무리 React에 Redux 설치 React를 활용한 토이 프로젝트를 개발하다 Redux를 설치할 일이 생겼다. Redux를 설치하고 초기 설정을 해보자. 출처 : https://react-redux.js.org/tutorials/quick-start Quick Start | React Redux react-redux.js.org 1. 프로젝트에 Redu..

자바스크립트에서 객체는 속성의 집합이며 속성은 키와 값으로 구성된다. const person = { name: 'Jack', age: 25, } 속성 키로 사용할 수 있는 값은 '빈 문자열을 포함하는 모든 문자열 또는 심벌 값'이고 속성 값으로 사용할 수 있는 값은 '자바스크립트에서 사용할 수 있는 모든 값' 이다. 속성 키 속성 키는 일반적으로 문자열을 사용하고 따옴표로 묶을 필요는 없으나 식별자 네이밍 규칙을 따르지 않는다면 따옴표로 감싸야 한다. const person = { firstName: 'Jack', 'last-name': 'Lee', } 빈 문자열 또한 속성의 키가 될 수 있으나 키로서 의미가 없으므로 권장하지 않는다. const foo = { '': '' }; console.log(fo..