Cute Spinning Flower Blue
JS | for...in 과 for...of
·
FE/JavaScript
자바스크립트에서 for-in과 for-of는 반복문을 사용할 때 쓰이는 두 가지 방식이다둘다 배열이나 객체를 순회하지만, 순회 대상이나 동작 방식에 차이가 있다 for-in 반복문객체의 열거 가능한 속성(property) 또는 배열의 인덱스를 반복 특징객체의 속성 이름(key)을 반복배열에서는 배열의 인덱스를 반복. 즉, 배열의 요소가 아니라 그 인덱스를 반환 함상속된 열거 가능한 속성도 포함될 수 있음// 객체에서 사용const obj = { a: 1, b: 2, c: 3 };for (let key in obj) { console.log(key); // a, b, c (객체의 속성 이름)}// 배열에서 사용const arr = [10, 20, 30];for (let index in arr) { ..
React | Node.js와 NVM
·
FE/React & Redux
Node.jsNode.js는 크로스플랫폼 오픈소스 자바스크립트 런타임 환경으로 윈도우, 리눅스, macOS등을 지원한다Node.js는 V8 자바스크립트 엔진으로 구동되며, 웹 브라우저 바깥에서 자바스크립트 코드를 실행할 수 있다브라우저 밖에서 자바스크립트를 쓰려면? -> 자바스크립트 엔진을 브라우저 밖으로 꺼내서 쓰면 된다!=> Node.js 탄생  웹 브라우저 내의 JavaScript와 Node.js 구조  Node.js의 장점높은 처리량, 확장성, 모듈 생태계, 빠른 개발, 개발 생산성 향상클라이언트, 서버 모두 JavaScript로 작성-> 기술 스택 통합으로 프론트 - 백 개발자간 협업 증대-> 개발 주기 단축  NVM(Node.js Version Mangager)Node.js의 여러 버전을 손쉽..
JS | var, let, const 차이
·
FE/JavaScript
차이점var는 함수 범위를 가지며, 호이스팅의 특성 때문에 혼란을 줄 수 있다중복선언과 재할당 모두 가능하다 let과 const는 블록 범위의 특징을 갖는다특정 블록(if, for) 내에서 선언된 변수가 해당 블록 밖에서 접근 불가능하다는 것을 의미let은 중복선언은 불가능하다 재할당은 가능하다 const는 let과 var와 달리 한번 값을 할당하면 그 값을 변경할 수 없다 let과 const를 사용함으로써, 변수의 재할당과 재선언에 관련된 일반적인 문제점들을 피할 수 있는데 이로 인해 코드의 버그 발생 확률이 줄어들고, 코드의 안정성이 향상된다 현재 개발에서는 var의 한계와 문제점들을 피하기 위해 let과 const를 주로 사용하며,변수의 재할당이 필요하지 않은 경우 const,필요한 경우에는 let..
JS | 원시 자료형(Primitive Type)과 참조 자료형(Reference Type)
·
FE/JavaScript
원시 자료형자바스크립트에서 가장 기본적인 데이터 타입, 값 자체를 저장하고 비교원시 자료형은 값에 의한 전달 방식으로 동작하며, 메모리에서 값이 직접 할당된다종류- Number(숫자) : 정수 및 부동소수점 숫자let num = 42;​- String(문자열) : 텍스트 데이터를 나타냄let str = "Hello";​- Boolean : 논리적 참/거짓 값let isTrue = true;​- undefined : 값이 할당되지 않은 변수let x; // undefined​- null : 존재하지 않는 값 (비어 있음을 명시적으로 나타냄)let empty = null;​- Symbol : 고유하고 변경 불가능한 값let sym = Symbol()​특징- 원시 자료형은 불변(immutable)하다   즉,..
JavaScript란?
·
FE/JavaScript
JavaScriptJavaScript는 가벼운 인터프리터 혹은 JIT(just-in-time) 컴파일 프로그래밍 언어로 일급 함수 지원웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat과 같은 많은 비 브라우저 환경에서도 사용하고 있음Js는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 언어로 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원 JavaScript의 동적 기능- 런타임 객체 구성- 변수 매개변수 목록- 함수 변수- 동적 스크립트 생성 (eval을 통한)- 객체 검사 (for..in 및 Object 유틸리티를 통한)- 소스 코드 복구 (Js함수는 소스 텍스트를 저장하고 toString()을 통해 다..