에바니네

NVM ( Node Version Management ) & NPM ( Node Package Manager )

NVM 을 설치해야하는 이유 ? 협업 및 다양한 프로젝트를 동시에 진행할때, 라이브러리, 프레임워크, 개발툴의 버전 호환 문제가 많은데 Local에서 다양한 버전의 Node.js 를 설치할 수 있다. use 커맨드를 활용한 간단한 Node version switching 버전 관리가 쉬워진다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 공식 홈페이지에서 LTS(Long Term Support)를 다운 받는 걸 추천한다. zsh: command not found: nvm 이렇게 pkg를 다운받고 설치해도 nvm --version 커맨드 입력해도 ..

DOM API & Method Chaining

DOM(Document Object Model) API(Application Programming Interface) // HTML 요소(Element) 1개 검색/찾기 const boxEl = document.querySelector('.box'); // HTML 요소에 적용할 수 있는 메소드 ! boxEl.addEventListener(); // 인수(Arguments)를 추가 가능! boxEl.addEventListener(1,2); // 1 - 이벤트(Event, 상황) boxEl.addEventListener('click', 2); // 2- 핸들러(Handler, 실행할 함수) // 이벤트가 발생시 그를 처리하는 함수를 핸들러라고 한다. boxEl.addEventListener('click',..

Git Initialization Command

1. 깃헙 자동개행 기능 ON git config --global core.autocrlf input //macOS git config --global core.autocrlf true //Windows 유닉스 시스템에서는 한 줄의 끝이 LF(Line Feed)로 이루어지는 반면, 윈도우에서는 줄 하나가 CR(Carriage Return)와 LF(Line Feed), 즉 CRLF로 이루어지기 때문이다. 따라서 어느 한 쪽을 선택할지 Git에게 혼란이 온 것이다. 터미널에 Whitespace 에러라고 할 수 있다. Git은 이를 자동 변환해주는 core.autocrlf 라는 자동 개행 기능을 가지고 있는데, 이 기능을 켜주기만 하면 된다. 2. 깃헙 버전관리를 위한 정보 등록 git config --glo..

모던 자바스크립트 Deep Dive - 12장

함수 [Function] 12.1 함수란 ? 함수는 자바스크립트에서 가장 중요한 핵심 개념이다. 프로그래밍 언어의 함수도 수학의 함수와 같은 개념이다. 프로그래밍 언어의 함수는 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수 내부로 입력을 전달받는 변수를 매개변수(parameter), 입력을 인수(argument), 출력을 반환값(return value)이라 한다. function add (x, y){ return x + y; } add(2, 5); 함수는 함수 정의(function definition)를 통해 생성한다. 인수를 매개변수를 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시해야 한는데 이를 함수 호출(function cal..

모던 자바스크립트 Deep Dive - 11장

원시 값과 객체의 비교 자바스크립트가 제공하는 7가지 데이터 타입은 원시타입(primitive type)과 객체 타입(object/reference type)으로 구분할수 있다. 원시 타입의 값, 즉 원시 값은 변경 불가능한 값(immutable value)이다. 객체 타입의 값, 객체는 변경 가능한 값(mutable value)이다. 원시 값을 변수에 할당하면 변수에는 실제 값이 저장된다. 하지만 객체는 변수에 할당하면 변수에는 참조 값이 저장된다. 원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달한다. 값에 의한 전달(pass by value)라고 한다. 객체변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달되는데, 참조에 의한 전달(pass by reference..

모던 자바스크립트 Deep Dive - 10장

객체 리터럴 10.1 객체란 ? 자바스크립트는 객체(object) 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 "모든 것"이 객체다. 반면 원시 타입은 하나의 값만 나타내지만 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키(key)와 값(value)로 구성된다. var person = { name : 'Lee', // name - key, 'Lee' - value > property age : 20 }; JS에서는 모든 값이 프로퍼티가 될 수 있으며 함수는 일급 객체이므로 값으로 취급할 수 있다. 단, 프로퍼티가 함수라면 일반 함수와 구분하기 위해 메소드(method)라구 부른다. 프로퍼티 : 객체의 상..

Github - Profile ReadME 꾸미기

🙋‍♂️ 왜 ... ? 이번에 패스트캠퍼스 부트캠프 조인하게 되면서 준비하다가 ReadMe 꾸미는게 생각나서 막 인터렉티브하게 하진않고.. 미니멀하게 저는 써봤구요(적을게 없기 때문). 역시 영어로 써야 간지✨가 나는거 같더라구요. 저같이 많이 쓸거 없으신 분들이 참고해보시라구.. 🔗 info 일단 Special Repository를 만들어줘야 합니다. new repository는 아실거라 믿습니다. 그리고 밑에 사진 박스친곳에 1. Repository Name을 Owner 이름이랑 똑같이 맞춰주면 special repository로 사용할 수 있다고 나옵니다. 2. Public 체크 해줍니다. 3. Add a README file을 해주면 다 끝납니다. 그리고 다시 만든 repository 가셔서 이제..

모던 자바스크립트 Deep Dive - 9장

타입 변환과 단축 평가 9.1 타입변환이란 ? 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환(explicit coercion) 또는 타입 캐스팅(type casting) 이라 한다. var x = 10; // 명시적 타입 변환 // 숫자를 문자열로 타입 캐스팅한다. var str = x.toString(); console.log(typeof str, str); // string 10 // x 변수의 값이 변경된 것은 아니다. console.log(typeof x, x); // number 10 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔잔에 의해 암묵적으로 타입이 자동변환되기도 한다. 이를 암묵적 ..