본문 바로가기

멋쟁이사자처럼25

[자바스크립트] this 바인딩 [this란]- 자바에서의 this는 객체 자신을 가리킴, 매개변수명과 객체가 가진 멤버변수명이 같을 때 구분하기위한 용도로 사용됨1234567public class Person{ private String name; Person(String name){ this.name = name; //전자는 클래스의 name이고, 후자는 매개변수의 name }}Colored by Color Scriptercs - 자바스크립트의 this는 함수 호출 패턴에 따라 this가 어떤 객체의 this가 될지 정해짐(어디에 바인딩될지 정해짐) [함수호출과 this]1) 함수가 객체의 속성이고, 객체를 통해 함수를 호출할 때 : 객체 각각의 속성을 가리키게됨123456789101112131415var obj1 = { name:.. 2017. 3. 31.
[웹 기본개념] 쿠키 [쿠키]HTTP는 상태가 없음 : 끝난 HTTP 통신(이전)의 상태를 알 수 없음(예시 : 로그인 했는지 안했는지 정보)넷스케이프에서 쿠키(이전 통신정보 기억하기)를 만듬로그인 정보 기억, 쇼핑 장바구니 목록 등을 가져올 수 있음 웹서버에 보낸, 받은 정보를 웹브라우저가 가지고 있다가 서버에 요청시(Request) 이전 상태값(쿠키)을 전송함웹브라우저가 가진 쿠키 보기 : 개발자도구 > 페이지.html 도큐먼트 파일 > Request Headers > Cookie -서버로 전송할 값 서버가 받고 보내는 쿠기 : 개발자도구 > 페이지.html 도큐먼트 파일 > Response Headers > Set-Cookie - 웹브라우저로 전송할 값 쿠키 유효 범위 밖유저가 요청하는 주소값(사이트 주소)이 달라질 경.. 2017. 3. 28.
[웹 기본개념] URL / URI / REST API [URL]프로토콜 : http, https, ftp 등호스트네임 : 도메인 or ip (서버컴퓨터의 이름 - 위치)URL path : 서버컴퓨터(호스트)에서 클라이언트가 요청한 파일 디렉토리쿼리 : 추가적인 질문사항 [URI]Identifier : 식별자, 자원 식별자, id값(index)차이 : URL은 서버컴퓨터에서 클라이언트가 요청한 파일의 디렉토리를 나타낸다면, URI는 자원의 고유 식별자(id값)를 나타냄URI가 URL을 포함하는 개념예시 : http://clooo.loooooo.net/lectures/114 - lecture(db 테이블 네임)라는 db에 저장된 자원의 114번째 자원 [REST API]서버에 리퀘스트할 때 자원의 id와 자원에 대한 처리(HTTP METHOD)를 포함하여 리퀘.. 2017. 3. 24.
[git] 버젼관리 #3 [버젼 되돌리기]현재 버젼에서 이전 버젼 혹은 특정 순서의 버젼으로 되돌아가는 것을 말함버젼을 돌아간다고해서 커밋했던 내용이 모두 사라지지는 않음, 다만 보이지않게 숨겨져있음간단하게 되돌리는 것에 대해서만 보여줄 것임버젼 되돌리는 것에 있어서 신중해야함 그렇기때문에 git의 버젼관리 원리를 알고 있어야 좋음 1) git log -p 명령어를 통해 커밋된 버젼 정보 리스트를 가져옴 2) 1번 과정을 통해 가져온 결과에서 commit 옆에 있는 id값(돌아가고자하는)을 기록해둠현재의 버젼에서 이전 버젼인 first commit 메세지를 가지고 있는 커밋 내역으로 돌아갈 것임git 버젼 넘버 : feb84a6edacb052f59d34bb58519b27a510907ab현재 커밋 버젼의 a.html 파일 내용 :.. 2017. 3. 24.
[자바스크립트] 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.
[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.