Dev 18

[Javascript] 반복문-2탄 (For..of, while, do while)

이번 글에서는 for..of, while, do while에 대해 다루겠다. (do while은 잘 안쓰기는 한다..) 1탄은 다음 링크에 있다. [Javascript] 반복문-1탄 (For, For..in) // a에 1,2,3으로 이루어진 배열 할당 const a = [1, 2, 3] // for of의 경우 반복가능한 값에만 사용이 가능하기 때문에 object에서는 사용이 불가능하다. // for in의 경우는 키를 받아오지만 for of의 경우에는 값을 받아온다. for (const value of a) { console.log(value) } // 결과 // 1 // 2 // 3 // while문은 작성해둔 조건이 만족하는 한 계속 작업을 실행한다. // 코드를 잘못 작성하는 경우 무한루프가 되..

Dev/Web 2023.11.09

[Javascript] 반복문-1탄 (For, For..in)

Javascript에서 For문은 반복문이다. 심플하게 설명해보자면 어떤 동작을 반복해서 시행한다고 생각하면 된다. ex) 평일 내내 학교 내지 회사를 감(반복됨) -> 반복문 Javascript의 반복문에서는 For, For..Of, For..in, while, do while(do while은 어지간하면 안쓴다)이 있다. (물론 이거 말고도 array에 붙여쓰는 map이라던지, foreach, reduce등등 더 있긴 하지만 이번글에서는 위 세가지 함수에 대해만 다룰 예정이다.) for..of와 while, do while에 대해서는 다음 글에서 다루겠다. // a에 1, 2, 3으로 이루어진 배열을 할당 const a = [1, 2, 3] // for 반복문의 구조이다. // 우선 반복문의 인덱스를..

Dev/Web 2023.11.09

[JavaScript] Map vs Object

Javascript에는 키-값으로 데이터를 저장하는 방식이 두가지가 있다. 바로 Map과 Object인데 오늘은 이 두가지에 대해 소개해보고자 한다. 우선 Object는 매우 대중적인 방식이다. Map보다 가볍고 사용하기도 쉬워 아마 많은 사람이 사용하리라 생각된다. Object는 구조가 단순한 대신 직속의 key-value들을 마음대로 뒤섞을수 있기 때문에 사용할때 주의가 많이 필요하다. // a object에 b key값에 1이라는 value를 할당 const a = { b: 1 } console.log(a['b']) // 1 console.log(a.b) // 1 // a를 const로 선언했기에 a에 새로운 값을 재할당하는것은 불가능하다. // a에 새로운 값을 할당하는것은 불가능하지만 a의 키에..

Dev/Web 2023.11.09

[JavaScript] Falsy Value

Javascript에서 Falsy값이란 명확하게 boolean의 false값이 아니지만 false값으로 취급받는 값들을 의미한다. NaN == false // false if (NaN) { console.log('NaN은 참값입니다') } else { console.log('NaN은 Falsy값입니다') } // 결과 // NaN은 Falsy값입니다 null == false // false if (null) { console.log('Null은 참값입니다') } else { console.log('Null은 Falsy값입니다' } // 결과 // Null은 Falsy값입니다. undefined == false // false if (undefined) { console.log('undefined는 참값입..

Dev/Web 2023.11.09

[React] Store Library - Redux

오늘은 redux에 대해 알아보겠습니다. https://www.npmjs.com/package/redux https://ko.redux.js.org/ redux Predictable state container for JavaScript apps. Latest version: 4.2.1, last published: 7 months ago. Start using redux in your project by running `npm i redux`. There are 17342 other projects in the npm registry using redux. www.npmjs.com Redux - 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. | Redux 자바스크립트 앱을 위한 예측 가능한 상태 ..

Dev/Web 2023.08.22