자바스크립트 [자바스크립트 기초-5] this에 대해 알아보자 자바스크립트 코드를 읽다보면 this가 자주 언급되는 것을 볼 수 있습니다. this는 함수 안에서 사용되는데, 처음엔 그 사용법이 헷깔릴 수 있습니다. 간단하게 말하면 this는 해당 함수를 실행한 오브젝트를 뜻합니다. var a = "Hello" function test() { var a = "Bye"; console.log(this.a); } test(); // 결과 -> "Hello&
자바스크립트 [자바스크립트 기초-5] this에 대해 알아보자 자바스크립트 코드를 읽다보면 this가 자주 언급되는 것을 볼 수 있습니다. this는 함수 안에서 사용되는데, 처음엔 그 사용법이 헷깔릴 수 있습니다. 간단하게 말하면 this는 해당 함수를 실행한 오브젝트를 뜻합니다. var a = "Hello" function test() { var a = "Bye"; console.log(this.a); } test(); // 결과 -> "Hello&
자바스크립트 [자바스크립트 기초-4] 함수 (Function) & 콜백 (Callback) 함수는 프로그램의 특정 동작을 수행하는 코드를 말합니다. 다른 말로는 메소드(method)라고 불리우는데, 오브젝트 안에 있는 속성들 중, 값이 primitive data types가 아니고 함수인 경우를 해당 오브젝트의 속성이 아닌 메소드라는 식으로 표현합니다. var obj = { name: "John", age: 20, say_hello: function () { console.log("Hello"); } } obj.say_
자바스크립트 [자바스크립트 기초-4] 함수 (Function) & 콜백 (Callback) 함수는 프로그램의 특정 동작을 수행하는 코드를 말합니다. 다른 말로는 메소드(method)라고 불리우는데, 오브젝트 안에 있는 속성들 중, 값이 primitive data types가 아니고 함수인 경우를 해당 오브젝트의 속성이 아닌 메소드라는 식으로 표현합니다. var obj = { name: "John", age: 20, say_hello: function () { console.log("Hello"); } } obj.say_
자바스크립트 [자바스크립트 기초-3] 변수 변수(Variable)에는 두가지 종류가 있습니다. 1. 글로벌 (Global) 변수 -> 어플리케이션 어디에서도 값을 불러올 수 있는 변수 2. 로컬 (Local) 변수 -> 함수 안에서만 유효한 변수 #글로벌 변수 글로벌 변수는 두가지 방법으로 생성할 수 있습니다. var a; typeof a; // 결과 -> undefined b; typeof b; // 결과
자바스크립트 [자바스크립트 기초-3] 변수 변수(Variable)에는 두가지 종류가 있습니다. 1. 글로벌 (Global) 변수 -> 어플리케이션 어디에서도 값을 불러올 수 있는 변수 2. 로컬 (Local) 변수 -> 함수 안에서만 유효한 변수 #글로벌 변수 글로벌 변수는 두가지 방법으로 생성할 수 있습니다. var a; typeof a; // 결과 -> undefined b; typeof b; // 결과
자바스크립트 [자바스크립트 기초-2] 데이터 타입 과 레퍼런스 어떤 프로그래밍 언어든 이해할 수 있는 데이터의 종류가 있습니다. 이러한 종류들을 데이터 타입이라고 하는데, 변수에 데이터를 저장할 때 이 데이터 타입의 종류와 차이를 아는 것은 매우 중요합니다. 레퍼런스(Reference)는 직역하면 참조라는 뜻이 됩니다. 변수를 생성하고 그 값을 지정해줄 때 다른 변수를 참조하는 경우가 있는데, 그 결과는 참조하는 변수가 어떤
자바스크립트 [자바스크립트 기초-2] 데이터 타입 과 레퍼런스 어떤 프로그래밍 언어든 이해할 수 있는 데이터의 종류가 있습니다. 이러한 종류들을 데이터 타입이라고 하는데, 변수에 데이터를 저장할 때 이 데이터 타입의 종류와 차이를 아는 것은 매우 중요합니다. 레퍼런스(Reference)는 직역하면 참조라는 뜻이 됩니다. 변수를 생성하고 그 값을 지정해줄 때 다른 변수를 참조하는 경우가 있는데, 그 결과는 참조하는 변수가 어떤
서버 서버의 Proxy 설정 변경사항이 크롬에서 바로 반영이 되지 않을 때 대처법 nginx를 사용하든 apache를 사용하든 서버에서 proxy 관련 사항을 수정한 후, 서버를 재시작 했음에도 불구하고 크롬에서는 계속 이전 설정이 반영된 상태에서 나타날 때 대처하는 방법을 소개한다. 결론부터 말하자면 원인은 크롬이 해당서버의 프록시 관련 설정을 캐시해서 저장해두기 때문이다. 해당 서버에 접속할 때, 전에 캐시해둔 프록시 설정을 불러오기 때문에 새로운 프록시 설정이 반영이
서버 서버의 Proxy 설정 변경사항이 크롬에서 바로 반영이 되지 않을 때 대처법 nginx를 사용하든 apache를 사용하든 서버에서 proxy 관련 사항을 수정한 후, 서버를 재시작 했음에도 불구하고 크롬에서는 계속 이전 설정이 반영된 상태에서 나타날 때 대처하는 방법을 소개한다. 결론부터 말하자면 원인은 크롬이 해당서버의 프록시 관련 설정을 캐시해서 저장해두기 때문이다. 해당 서버에 접속할 때, 전에 캐시해둔 프록시 설정을 불러오기 때문에 새로운 프록시 설정이 반영이
자바스크립트 [자바스크립트 기초-1] 오브젝트 아래 예제 코드들을 크롬 브라우저의 Developer Tools의 Console 탭에서 직접 실행해 가면서 진행하면 좋습니다. 맥에서는 option+command+i 단축키로, 윈도우는 F12 혹은 Control + Shift + i 단축키로 Developer Tools를 실행 할 수 있습니다. 실제로 이론적인걸 완벽하게 이해하기 보다는, 직접 코드를 쳐보면서 어떻게 움직이는지 원리를 감각적으로 익히는 것이 도움이 더 많이 됩니다.
자바스크립트 [자바스크립트 기초-1] 오브젝트 아래 예제 코드들을 크롬 브라우저의 Developer Tools의 Console 탭에서 직접 실행해 가면서 진행하면 좋습니다. 맥에서는 option+command+i 단축키로, 윈도우는 F12 혹은 Control + Shift + i 단축키로 Developer Tools를 실행 할 수 있습니다. 실제로 이론적인걸 완벽하게 이해하기 보다는, 직접 코드를 쳐보면서 어떻게 움직이는지 원리를 감각적으로 익히는 것이 도움이 더 많이 됩니다.
인도 [인도] 2. 바라나시의 매력 많은 배낭여행자들이 네팔과 인도를 세트로 여행한다. 나도 그 중 하나. 네팔에서 인도, 혹은 인도에서 네팔로 이동할 수 있는 국경은 몇군데 있는데, 많은 사람들이 소나울리 국경을 이용하지 않을까 싶다. 이 국경은 주로 네팔의 카트만두 ~ 인도의 바라나시 구간으로 이동하는 사람들이 많이 이용한다. 그러한 이유로 네팔에서 인도로 넘어가는 여행자의 경우, 인도의 첫번째 목적지가
인도 [인도] 2. 바라나시의 매력 많은 배낭여행자들이 네팔과 인도를 세트로 여행한다. 나도 그 중 하나. 네팔에서 인도, 혹은 인도에서 네팔로 이동할 수 있는 국경은 몇군데 있는데, 많은 사람들이 소나울리 국경을 이용하지 않을까 싶다. 이 국경은 주로 네팔의 카트만두 ~ 인도의 바라나시 구간으로 이동하는 사람들이 많이 이용한다. 그러한 이유로 네팔에서 인도로 넘어가는 여행자의 경우, 인도의 첫번째 목적지가
모바일 앱 모바일 앱의 형태 모바일 앱에는 크게 3가지 형태가 있다. 각 형태에 따라 개발하는 방법이 조금씩 다른데, 자신에게 주어진 상황, 프로젝트 내용에 따라서 개발 형태를 고르면 좋다. (2019.09.14) 네이티브 앱에 관한 정보 추가 #첫번째: 네이티브 앱 (Native App) 우리가 스마트폰 어플에 대해 떠올리는 가장 보편적인 형태. 안드로이드는 Eclipse나 Android Studio 같은 IDE로
모바일 앱 모바일 앱의 형태 모바일 앱에는 크게 3가지 형태가 있다. 각 형태에 따라 개발하는 방법이 조금씩 다른데, 자신에게 주어진 상황, 프로젝트 내용에 따라서 개발 형태를 고르면 좋다. (2019.09.14) 네이티브 앱에 관한 정보 추가 #첫번째: 네이티브 앱 (Native App) 우리가 스마트폰 어플에 대해 떠올리는 가장 보편적인 형태. 안드로이드는 Eclipse나 Android Studio 같은 IDE로
ghost ghost 블로그 수동으로 설치하기 내 블로그는 ghost 블로그인데, 기본적으로 제공되는 커맨드라인으로 설치하기 위한 권장 조건을 내가 사용하고 있는 서버 환경이 충족하지 못하였기 때문에 수동으로 설치하게 되었다. 혹시 같은 문제를 갖고 있는 사람들을 위해 그 방법을 소개해본다. ghost 공식 사이트는 https://ghost.org/ #서버에 접속 한 다음 최신 파일 다운로드 하기 우선 터미널로 자신의 서버에
ghost ghost 블로그 수동으로 설치하기 내 블로그는 ghost 블로그인데, 기본적으로 제공되는 커맨드라인으로 설치하기 위한 권장 조건을 내가 사용하고 있는 서버 환경이 충족하지 못하였기 때문에 수동으로 설치하게 되었다. 혹시 같은 문제를 갖고 있는 사람들을 위해 그 방법을 소개해본다. ghost 공식 사이트는 https://ghost.org/ #서버에 접속 한 다음 최신 파일 다운로드 하기 우선 터미널로 자신의 서버에
서버 http를 https 통신으로 강제 전환 시키기 (아파치) http://www.test.com 으로 접속한 사용자를 강제로 https://www.test.com 으로 전환 시키는 방법에 대해서 알아보자. 사실 아주 간단한 웹사이트라면 굳이 SSL 증명서를 추가하여 https 통신을 해야 할 이유는 없다. 하지만 로그인처럼 이용자가 개인정보를 서버에 보내야 하는 웹사이트에는 https 통신이 필수이다. 그러한 웹사이트는 이용자의 정보 보호를 해킹으로 부터
서버 http를 https 통신으로 강제 전환 시키기 (아파치) http://www.test.com 으로 접속한 사용자를 강제로 https://www.test.com 으로 전환 시키는 방법에 대해서 알아보자. 사실 아주 간단한 웹사이트라면 굳이 SSL 증명서를 추가하여 https 통신을 해야 할 이유는 없다. 하지만 로그인처럼 이용자가 개인정보를 서버에 보내야 하는 웹사이트에는 https 통신이 필수이다. 그러한 웹사이트는 이용자의 정보 보호를 해킹으로 부터
서버 하나의 서버에 여러 도메인 연결하기 (Apache) 서버 하나에 여러가지 웹사이트 혹은 웹앱을 호스팅 하고 싶은 경우엔 버츄얼 호스트를 만들어주면 된다. www.test.com 이라는 도메인과 www.example.com 이라는 도메인을 한 서버 (같은 IP)에 있는 각기 다른 서비스에 연결 하고 싶을 경우, 아파치에서 어떻게 설명하는지에 대해 알아보았다. #아파치 설정파일 우선 아파치의 설정파일은 서버에 따라 이름과
![[자바스크립트 기초-5] this에 대해 알아보자](https://images.unsplash.com/photo-1472437774355-71ab6752b434?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&fit=max&ixid=eyJhcHBfaWQiOjExNzczfQ&s=4a2b479d6d5d5caf599a02695869f28e&w=600)
![[인도] 2. 바라나시의 매력](https://storage.googleapis.com/sy34-ghost/2018/07/DSC05253-1.jpg)
