본문 바로가기

분류 전체보기173

[git] 버젼관리 #3 [버젼 되돌리기]현재 버젼에서 이전 버젼 혹은 특정 순서의 버젼으로 되돌아가는 것을 말함버젼을 돌아간다고해서 커밋했던 내용이 모두 사라지지는 않음, 다만 보이지않게 숨겨져있음간단하게 되돌리는 것에 대해서만 보여줄 것임버젼 되돌리는 것에 있어서 신중해야함 그렇기때문에 git의 버젼관리 원리를 알고 있어야 좋음 1) git log -p 명령어를 통해 커밋된 버젼 정보 리스트를 가져옴 2) 1번 과정을 통해 가져온 결과에서 commit 옆에 있는 id값(돌아가고자하는)을 기록해둠현재의 버젼에서 이전 버젼인 first commit 메세지를 가지고 있는 커밋 내역으로 돌아갈 것임git 버젼 넘버 : feb84a6edacb052f59d34bb58519b27a510907ab현재 커밋 버젼의 a.html 파일 내용 :.. 2017. 3. 24.
[git] 버젼관리 #2 [버젼 추가하기]- git add를 통해 해당 파일을 버젼 관리하도록 등록해놓았다면 버젼을 추가하는 부분이 필요함- 앞선 포스팅에서 알아본 점을 복습하는 차원임 1) 파일 간의 버젼 차이를 만듬 : 이전에 만든 파일을 수정함(vim을 이용) 2) git status를 통해 버젼관리에 포함시킨 파일의 상태를 확인해봄 : modified 3) 수정하려고 했던 목표까지 수정을 다했다면 git add와 git commit으로 버젼 등록을 함 : stage area -> repository 이동 [버젼 기록 확인]- 커밋 로그 기록을 확인하여 버젼 기록에 대한 정보를 얻을 수 있음 1) git log 명령어 입력- commit : 커밋의 식별번호- Author : 커밋한 사람의 정보- Date : 커밋된 날짜와 .. 2017. 3. 22.
[자바스크립트] scope [scope란]- 변수의 범위를 말함- 전역변수 / 지역변수로 구분됨 [자바스크립트 scope 특징]- 자바스크립트 만의 변수 범위가 있음- 자바스크립트는 c-family 언어(block-level scope : 코드블럭( { .... } )내에서 유효함)와 다른 스코프를 가지고 있음12345678int getSum(int a, int b) { int sum = a + b; /* sum은 해당 코드 블럭 내에서만 유효함 (굳이 sum은 필요없지만 보여주기위해) */ return sum;}Colored by Color Scriptercs - 자바스크립트는 function-level scope임 => 코드 블럭과는 상관없이, function(함수) 내 정의된 변수는 함수 내에서만 사용가능함 1234567va.. 2017. 3. 21.
[웹 기본개념] HTTP 통신 [HTTP란] - 하이퍼텍스트 트랜스퍼 프로토콜(HyperText Transfer Protocol)- 컴퓨터(클라이언트)와 컴퓨터(서버)간의 통신 : 엄격한 규약이 있음- 웹브라우저(클라이언트)와 웹서버(서버) 간의 통신규약- 웹브라우저와 웹서버가 서로 데이터를 주고받을 때 사용하는 규약들- 도메인 + 자원위치(URL), 도메인 + 자원의 식별자(URI) 를 통해서 요청을 하고, 서버가 요청에 따른 (.html 문서)응답을 해줌- 예시 : https://opentutorials.org/course/2136/12063 - opentutorials.org(서버컴퓨터 ip 도메인네임) 서버컴퓨터의 course 폴더에 있는 자료(문서)를 요청함 -> 그에 대한 응답을 함 [HTTP 통신 정보보기] - 크롬 ->.. 2017. 3. 21.
[git] 버젼관리 #1 [버젼관리]- 말그대로 버젼관리의 필요성을 느끼고 그에 따른 프로그램을 사용함- 대표적인 프로그램으로 SVN, git이 있음 - github은 코드 공유에 초점이 맞춰져있음- 지금부터 할 것은 git에 초점을 맞춘 것 : 버젼관리! [git으로 특정파일 버젼관리]1) 전용 디렉토리를 만듬 : 분류를 위해 2) git init을 통해 전용 디렉토리 내에 .git 디렉토리(버젼관리기록이 저장될 디렉토리 > 자동으로 만들어짐)를 만듬 3) vim(텍스트 편집기)으로 임의 html 문서 만들고 편집 후 저장, 빠져나오기 === 버젼관리 확인을 위해 4) git status를 통해 우선적으로 현재 디렉토리 안에 있는 파일에 대한 버젼관리 상황을 확인을 해봄 - Untracked files라면서 방금 만들었던 파일.. 2017. 3. 20.
[자바스크립트] 프로토타입 [프로토타입]- 자바스크립트 객체지향 방식- 자바스크립트의 모든객체는 부모역할을 하는 객체와 연결되어있음 => 클래스 기반 객체지향처럼 부모 역할 객체의 프로퍼티, 메서드를 상속개념(프로토타입체인)과 같이 받아올 수 있음 => 이러한 부모역할 객체를 프로토타입(Prototype)이라함 => 부모역할 객체가 function이라면 prototype 속성이 있는데 이 프로퍼티에 공통 프로퍼티, 메서드를 정의함 => 부모역할 객체가 객체리터럴로 생성된 객체라면 리터럴에 공통프로퍼티, 메서드를 정의함 [prototype과 __proto__ 속성 차이](콘솔이미지 : function을 가지고 객체 생성하고 __proto__속성 리뷰)1) function 객체에서 new를 통해 객체를 생성하였음2) new를 통해 생.. 2017. 3. 18.
[자바스크립트] 함수는 무엇이다 [함수란]1) 일반적 기능- 특정 작업에 필요한 일련의 구문들을 그룹화하기위한 개념- 동일 작업을 필요할 때마다 불러오기위해 필요한 개념 : 코드 재사용 2) 자바스크립트 기능- 객체생성 : 생성자함수(http://jinbroing.tistory.com/54 : 생성자함수 검색)=> 정보은닉(데이터), 함수 생성, 모듈화- 함수도 객체(first-class object, 일급객체)이기때문에 변수나 객체, 배열에 저장될 수 있고, 다른 함수의 파라미터, 반환값으로 사용될 수 있음 [함수정의]1) 함수선언식 : function 키워드로 선언함- 함수명 : 함수명 생략 불가, 함수명으로 재귀적 호출(자신 호출), 디버거가 해당함수를 구분할 수 있는 식별자 역할- 파라미터(매개변수) : 함수가 호출될 시 필요한.. 2017. 3. 15.
[자바스크립트] 객체 #2 [객체지향]- 공통의 속성, 동작을 지니고 있지만 각기 존재마다 본인만의 특징이 있음, 이를 구현하기위한 방법- 인간의 표현방법과 똑같이 만듬 : 주어(S)가 (무엇을) 한다(V) - 객체.메소드 : 객체가 동작한다(메소드) - 이를 지향하는 프로그래밍 언어를 지칭하여 객체지향 프로그래밍 언어라 함- 객체지향에는 두가지 방법이 있음 : 객체를 지향하는 것은 맞지만 각기 다른 방법에 의해 객체를 구현함 [두 객체지향의 차이]1) 클래스 기반 객체지향 : 주로 c-family 언어(c++, java 등)- 객체 설계도인 클래스를 만듬 : 공통 속성, 동작(메소드), 공통 속성에 대한 값을 초기화하기위한 생성자 메서드를 가지고 있음- 클래스(설계도)에 맞춰 객체(new)를 생성함- 생성자 메서드에서 각 공통의.. 2017. 3. 14.
[자바스크립트] 객체 [객체란]- 데이터와 데이터와 관련된 동작(기능)을 모두 포함할 수 있는 개념적 존재- 데이터 : 이름과 값을 가지는 속성(property)- 동작 : 일련의 관련된 동작을 정의한 함수(function)- 이름과 값의 쌍인 속성들을 포함하는 컨테이너 : 여러 데이터(속성)을 가지고, 함수를 가짐- 자바스크립트는 대부분이 객체 기반, 기본 자료형(primitive type) 데이터를 제외하고 객체로 이뤄짐 [객체 생성방법]- 들어가기 전에, 자바스크립트는 프로토타입 기반 객체지향언어임. 클래스 기반(c-family)에 익숙하다면 헷갈리기 일 쑤.... 그래서 ECMAScript6부터 클래스를 지원...! 하지만 클래스도 결국 함수, 프로토타입 패턴에 클래스 문법을 입혀놓은.... 아직 배워 보지는 않았지만.. 2017. 3. 11.
[자바스크립트] 제어문(control-flow) [제어문] : 코드 진행이 위->아래로 가기보다 상황에 따라 다른 결과를 얻도록 할 때 사용, 가장 원시적인 인공지능 [블럭구문] : 구문들의 집합, 구문들을 하나의 동작으로 묶는 역할을 함, 중괄호( {....} )로 묶음, 제어문의 범위를 나타낼 때도 사용됨1234567891011121314151617181920function myFunction(){ var x=10, y=2; console.log(x*y);} var person = { eye: 2, nose: 1, walk: function(){ console.log("walking....!"); }} var x = 10;while(x>0){ console.log(x); x--;}cs [조건문] : 일정 조건에 따라 다음 특정 진행 흐름으로 유도하.. 2017. 3. 10.

티스토리툴바