[LG CNS AM Inspire Camp 1기] 자바스크립트 배열과 객체
·
프론트엔드
배열 대부분의 데이터는 객체와 배열로 표현할 수 있습니다. 그 중 하나인 객체입니다.배열의 선언은 다음과 같이 합니다. let values = [ "빨강", "노랑", "파랑", true, 20 ]; 배열 길이는 배열 객체의 length 속성(property)을 이용하여 확인할 수 있습니다console.log(values.length);console.log(values["length"]); push를 통해 배열에 데이터를 추가할 수 있으며 다음과 같이 정의하는 방식으로도 데이터를 추가할 수 있습니다.values.push("검정");values[values.length] = "하양";console.log(values); // ['빨강', '노랑', '파랑', true, 20, '검정', '하양']va..
[LG CNS AM Inspire Camp 1기]자바스크립트 주요 용어와 헷갈리는 개념2
·
프론트엔드
기본적인 개념 보다 제가 헷갈리고 잘 몰랐던 정보를 위주로 작성해보았습니다. 연산자console.log(`7 % 5 = ${ 7 % 5 }`); console.log(`7 % -5 = ${ 7 % -5 }`); console.log(`-7 % 5 = ${ -7 % 5 }`); console.log(`-7 % -5 = ${ -7 % -5 }`);이렇게 되어 있을 때 결과는 어떻게 나올까요?// 7 % 5 = 2// 7 % -5 = 2// -7 % 5 = -2// -7 % -5 = -2순서대로 이렇게 나옵니다. % 기호 즉, 나머지 연산의 부호는 왼쪽 피연자의 부호를 따릅니다.  문자열 일부의 선택은 문자열[인덱스] 를 통해 할 수 있습니다.                        // ..
[LG CNS AM Inspire Camp 1기]모던 자바스크립트의 주요 특징
·
프론트엔드
가상 DOM(Virtual DOM)모던 자바스크립트에서는 HTML 태그를 트리 형태로 만들어 관리하는 가상DOM을 이용하여 라이브러리와 프레임워크를 사용합니다.실제 DOM을 효율적으로 업데이트하기 위한 기법입니다.실제 DOM을 미리 메모리 상에서 가상으로 만들어 두고, UI 업데이트를 가상 DOM에서 먼저 처리하는 방식으로 작동합니다. 패키지 관리자패키지 관리자는 라이브러리나 도구를 쉽게 설치, 관리, 업데이터, 제거할 수 있게 해 주는 도구입니다. 의존성 관리와 버전 관리를 용이하게할 수 있습니다. 대표적인 패키지  관리자로는 npm, yarn, pip, gem, composer 등이 있습니다. ES6(ECMAScript 2015) let, constarrow function template liter..