전체 글
-
언어의 원리를 이용한 자바스크립트(2) | 강희성님Javascript/ECMAScript 2009 (ES5) 2020. 3. 8. 10:19
2주차 스터디 기록 # 대입연산자, 변수, 리턴은 값을 복사한다 (객체가 복사되는 게 아님) - 값 : Heap 에서 저장된 주소 # 자바스크립트에서 실행 할 수 있는 건 오직 함수, 연산자 뿐이다. # , 연산자는 순서대로 실행해라 함수 # arguments : 매개변수를 지정하지 않을 경우 입력한 매개변수 값만큼 처리한다. # 이론과 구현을 혼동하지 마라 # 자바스크립트 함수의 시그니처는 이름이다. - 이름으로 함수를 구분한다. - 함수를 사용하려면 이름 (또는 연산자)이(가) 있어야 한다. ※ 함수의 기본 구조 - function a () { return }; * 함수를 정의하고 a를 쓰겠다고 선언함. - function () { return }; * 실행 안됨. 함수를 정의 했을 뿐 선언을 하지 ..
-
클래스(2) - 문법 | PoiemawebJavascript/ECMAScript 2015 (ES6) 2020. 3. 6. 18:38
[출처 : https://poiemaweb.com] 7. 정적 메소드 클래스의 정적(static) 메소드를 정의할 때 static 키워드를 사용한다. 정적 메소드는 클래스의 인스턴스가 아닌 클래스 이름으로 호출한다. 따라서 클래스의 인스턴스를 생성하지 않아도 호출할 수 있다. class Foo(){ constructor(prop){ this.prop = prop; } static staticMethod(){ // 정적 메소드는 this를 사용할 수 없다. // 정적 메소드 내부에서 this는 클래스의 인스턴스가 아닌 클래스 자신을 가리킨다. return "static method"; } prototypeMethod(){ return this.prop; } } // 정적 메소드는 클래스 이름으로 호출한다...
-
2. JSX & Props - 웹 서비스 만들기 | 노마드코더Front-end/React.js 2020. 3. 5. 22:35
[출처 : https://academy.nomadcoders.co] 0. Creating your first React Component # component : HTML을 반환하는 함수 * : 컴포넌트를 사용하는 태그 # import React form "react"; 파일 최상단에 이 코드가 없으면 해당 파일에 jsx가 있는 컴포넌트를 사용하는 것을 react는 이해하지 못함 ! react application이 하나의 컴포넌트만을 렌더링하며, 그 컴포넌트는 App이다. 따라서 다른 컴포넌트는 App 안에 위치해야 한다. 1. Reusable Components with JSX + Props # jsx는 컴포넌트에 정보를 보낼 수 있다. # props : 컴포넌트에서 하위 컴포넌트(Children c..
-
Node.js 프로그래밍 | KOSMOFront-end/개발환경 2020. 3. 4. 23:41
1. Node.js 시작하기 # Node.js 특징 - 모듈과 패키지 - 비동기 입출력 - 이벤트 기반 입출력 # pakage.json 설치 > npm init 모듈 설치하기 전에 제일 먼저 설치 # 외장 모듈 사용하기 > npm install -g nconf --save 글로벌 경로에 설치 * --save : 생략 가능 > num install nconf --save 현재 폴더 경로에 설치 > npm uninstall nconf 외장모듈 삭제 ※ npm install (plugin) --save 와 npm install (plugin) --save-dev의 차이 > npm install (plugin) --save - 패키지(plugin)를 ./node_moduels 디렉터리에 설치하고 ./pa..
-
1. Setup - 웹 서비스 만들기 | 노마드코더Front-end/React.js 2020. 3. 3. 22:38
[출처 : https://academy.nomadcoders.co] 0. Creating your first React App # Webpack, bable을 설치해서 React 코드를 compile 한다 ⇒ create-react-app 으로 set-up이 가능하다 > npx create-react-app 디렉토리명 현재 디렉토리에서 하위 디렉토리명으로 react set-up > code 디렉토리명 현재 디렉토리에 속한 디렉토리명(파일명)을 VS Code로 열기 > npm start React Application 실행 2. How does React work? # react는 javascript와 함께 모든 요소를 생성하고 그렇게 만든 요소를 HTML로 밀어 넣는다. # 브라우저의 '소스보기'에서 보..
-
0. Introduction - 웹 서비스 만들기 | 노마드코더Front-end/React.js 2020. 3. 2. 23:40
[출처 : https://academy.nomadcoders.co] 0. Introduction to React # 자바스크립트 기반 (Just Javascript) - 프레임워크를 배울 필요가 없다. # 구성 (Composition) - 리액트 구조는 요소별, 컴포넌트별로 나눠서 작업할 수 있다. # 단뱡향 데이터플로우 (Unidirectional Dataflow) - 데이터는 항상 일정한 장소에 위치하고, 그 장소에서만 변경할 수 있다. - 데이터가 UI를 변경시킨다. UI는 절대 데이터를 변경할 수 없다. - 데이터 → 데이터 변경 → UI 변경 1. Requirements 리액트를 시작하기 위해 기본적으로 필요한 조건 # Node.js *> node -v 설치 여부 및 버전 확인은 콘솔에서 # n..
-
5. Cherry-pick & rebase - Git CLI | 생활코딩INFO/Git 2020. 3. 1. 19:50
[출처 : https://opentutorials.org] 2. Cherry-pick의 개념과 기본사용법 Cherry-pick의 기본개념을 살펴봅니다. Cherry-pick 다른 브랜치의 특정 버전이 생성될 때 생긴 변화만을 적용한다. *특정 버전이 만들어졌을 당시에 워킹카피의 스냅샷 전체를 적용하는 것이 아니다. > git cherry-pick 버전아이디 버전아이디에 해당하는 버전(변경사항)을 현재 브랜치의 워킹카피와 결합해서 새로운 버전을 만든다 [실습] master 브랜치에서 topic 브랜치의 topic2 버전을 결합한다. > git checkout master; git cherry-pick 3751903 브랜치(HEAD)를 master로 전환하고; 3751903(커밋아이디)를 cherry-pic..
-
언어의 원리를 이용한 자바스크립트(1) | 강희성님Javascript/ECMAScript 2009 (ES5) 2020. 2. 29. 16:22
1주차 스터디 기록 # 이진수는 0.1 을 만들 수 없기 때문에 소수점을 표현할 경우 오차가 생길 가능성이 있다. # 2 를 나누면 끝 자리는 항상 5로 끝난다. → 0.1 + 0.2 != 0.3 / 0.1 + 0.2 = 0.30000000000000004 # 2의 52승을 넘어가면 정밀도가 떨어져서 작은 수를 탈락시킨다. # 데이터의 자료형을 항상 체크해라. (넘버형으로 받은 데이터는 넘버형 자료형으로 변환) Not a Number : 자료형을 나누려고 할때 Infinity : 숫자를 0으로 나누려고 할때 # 기본 자료형 : 메모리에서 어떤 위치에 가서 얼만큼 가져오라 (크기가 고정되고 그 크기를 담고 있으면 안된다) - 가져올 크기를 알려준다. (* 모든 변수는 자료형을 가지고 있고 변수의 역할은 메..