전체 글
-
4. 협업 - Git CLI | 생활코딩INFO/Git 2020. 2. 28. 22:05
[출처 : https://opentutorials.org] 3. git으로 같이 작업하기 GIT을 이용해서 함께 작업하는 방법에 대한 수업입니다. 협업에 참여하는 사람에게 권한을 주고 저장소에 접근할 수 있도록 허용하는 방법을 소개합니다. 이 수업은 github.com의 collaborator 기능을 이용합니다. # github의 public/private 소스에 push 하려면 원격저장소의 승인이 필요하다. # github에서 협업하려는 저장소의 setting 탭에서 협업자를 초대한다. * invite link로도 초대가 가능 4. git push & pull 저장소에 새롭게 추가된 버전을 원격저장소로 push하고, 원격저장소의 내용을 지역저장소로 pull 하는 방법을 소개합니다. [실습] 지역저장소 ..
-
3. Backup - Git CLI | 생활코딩INFO/Git 2020. 2. 27. 23:01
[출처 : https://opentutorials.org] 2. 수업의 목표와 용어정리 수업의 전체적인 목표와 중요한 용어를 정리해드립니다. # Local Repository : 실제로 작업을 해서 버전을 생성하는 저장소(공간) *지역저장소 # Remote Repository : 지역저장소에서 PUSH해서 지역저장소와 똑같은 상태를 유지하는 저장소 *원격저장소 # PUSH : 작업을 끝낸 소스코드,파일,버전을 업로드 *지역→원격 # CLONE : 또 다른 지역저장소에 원격저장소를 복제 *지역↙원격 # PULL : 원격저장소의 내용을 지역저장소로 당겨온다(다운로드) *지역←원격 4. Git hosting 선택 원격저장소를 생성하는 방법을 살펴봅니다. # Github 와 Gitlab 을 추천 4. 저장소 생..
-
2. Branch & Conflict - Git CLI | 생활코딩INFO/Git 2020. 2. 26. 21:37
[출처 : https://opentutorials.org] 1. 수업소개 지금까지 만들던 버전에 이어서 서로 다른 여러 작업을 진행해야 하는 경우가 있습니다. 이런 경우 저장소를 복제하고 싶을 때가 있죠? 저장소를 복제하지 않고 동일한 효과를 낼 수 있는 방법이 있습니다. 바로 브랜치(branch) 입니다. 이 수업은 Git의 브랜치를 만들고, 이를 병합하는 방법을 소개합니다. Branch : 같은 뿌리에서 나왔지만 서로 다른 역사를 이어가는 버전을 뜻한다. Conflict - 하나의 브랜치(파일 A) + 또 다른 브랜치(파일 B) = 병합된 브랜치(파일 A, 파일 B) *서로 다른 파일은 자동으로 두개를 합쳐준다. - 같은 파일(수정 A) + 같은 파일(수정 B) = 병합된 파일(수정 A, 수정 B) ..
-
객체 복사하기(얕은·깊은) | ddalpangeJavascript/ECMAScript 2009 (ES5) 2020. 2. 26. 19:35
[출처 : ddalpange.log] 시작하기 전에 # 예제 A const a = 1; const b = a; b = 2; console.log(a, b); # 예제 B const a = { p : 1 }; const b = a; b.p = 2; console.log(a.p, b.p); 자바스크립트는 불변형의 데이터를 선언할 때 포인터와 값 모두 생성하지만, 오브젝트(배열)을 생성할 때에는 메모리 절약을 위해 포인터만 새로 할당할 뿐이다. 위 예제의 해석은 - 예제 A는 b에 a를 복사하였다. - 예제 B는 b에 a를 대입하였다. 단순히 대입연산자(=)를 통해 변수를 대입하는것과 얕은 복사는 엄연히 다르다. 예제 B에서 b에 a를 복사하는 방법에는 다음과 같다. 1. Object.assign()을 이용 ..
-
1. 버전관리 - Git CLI | 생활코딩INFO/Git 2020. 2. 25. 01:49
[출처 : https://opentutorials.org] 1. 버전관리란 무엇일까요? Version Control System (버전관리시스템, 형상관리, 소스관리) - 파일의 이름은 바뀌지 않고 파일 내용이 바뀌는 변경 사항을 컴퓨터가 관리한다. - 추가 효용 : ㆍBackup ㆍ Recovery ㆍ Collaboration ※ version : 의미있는 변화들 (기능 개선, 버그 수정) 2. 설치 (Windows) git을 설치하는 방법을 알려드립니다. # git 설치하기 설치가 완료되면 git bash 실행 → "git" 엔터를 치면 설치 확인 가능 3. 버전관리의 시작 저장소(repository)를 만드는 방법을 소개합니다. > ls -al 현재 디렉토리의 목록을 보여준다. > git init ..
-
클래스(1) - 문법 | PoiemawebJavascript/ECMAScript 2015 (ES6) 2020. 2. 24. 20:13
[출처 : https://poiemaweb.com] 자바스크립트는 프로토타입 기반(prototype-based) 객체지향 언어다. 프로토타입 기반 프로그래밍은 클래스가 필요없는(class-free) 객체지향 프로그래밍 스타일로 프로토타입 체인과 클로저 등으로 객체 지향 언어의 상속, 캡슐화(정보 은닉) 등의 개념을 구현할 수 있다. # ES5에서는 생성자 함수와 프로토타입, 클로저를 사용하여 객체 지향 프로그래밍을 구현하였다. var Person = (function () { // Constructor (생성자) function Person(name) { this._name = name; } // public method Person.prototype.sayHi = function () { console..
-
6. Update & Delete 기능 구현 - React 기초 | 생활코딩Front-end/React.js 2020. 2. 23. 20:59
[출처 : https://opentutorials.org] 20-2. Update 구현 : form # props의 data는 read-only이기에, props를 value 값으로 지정하면 read-only가 되어 수정 불가하다. → props를 value 값으로 사용하려면 컴포넌트 안에서 가변적인 데이터(state화)로 만들어야 한다. # input의 value로 state 값을 지정했다 하더라도 value의 값이 바뀐다고 해서 state의 값이 바뀌어야 하는 근거는 없다. → input의 value가 바뀌었을 때 state의 값도 바뀌도록 한다.
-
5. Create 기능 구현 - React 기초 | 생활코딩Front-end/React.js 2020. 2. 23. 17:21
[출처 : https://opentutorials.org] Props State props are read-only state changes can be asynchronus props can not be modified state can be modified using this.setState # 상위 컴포넌트가 하위 컴포넌트의 어떤 값을 바꾸고 싶을 떈 props를 통해서 # 하위 컴포넌트가 상위 컴포넌트의 어떤 값을 바꾸고 싶을 떈 이벤트를 통해서 19-6. create 구현 : contents 변경 # UI에 영향을 주지 않는 값은 this.state의 값이 아닌, this.state와 분리해서 객체의 값으로 지정한다. # state에 값을 추가할 때는 .push()와 같이 original dat..