If...Else

EC2 Instance 생성하기 AWS(아마존 웹 서비스) 로그인 후 AWS Management Console 페이지로 이동한다. 그리고 EC2를 클릭한다. 페이지 우측 상단 메뉴에서 지역을 선택한 후, Lunch Instance 버튼을 클릭한다. 리스트 중 우분투를 선택한다. (다른 OS를 선택해도 상관없지만, 이 포스트에서는 우분투 기준으로 설명하고 있다.) 서버의 상세 사양 리스트 화면이 나오면 원하는 사양을 선택한 후 Launch 버튼을 클릭한다. key pair를 선택하는 화면이 나오면 키를 생성하고 (기존 키가 있으면 선택하고) Instance 생성을 완료한다. pem 키 파일은 나중에 EC2 Instance에 접근할 때 사용된다. 조금 기다리면 Instance는 running 상태가 된다. ..

프로그램 언어로 표현할 수 있고 조작할 수 있는 값의 종류를 테이터 타입이라고 하며, 프로그램 언어의 기본은 바로 그 언어가 지원하는 데이터 타입의 종류다. 숫자 숫자는 가장 기본이 되는 데이터 타입이다. 숫자가 자바스크립트 프로그램 내에 바로 나타날 때 이를 숫자 리터럴이라고 부른다. 정수 리터럴 자바스크립트에서 10진수 정수는 숫자 시퀀스 형태로 작성된다. 0 3 1000000 16진수와 8진수 10진수 리터럴 이외에도 자바스크립트는 16진수 값을 인식한다. 16진수 리터럴은 '0x'나 '0X'로 시작하고 16진수 숫자들이 뒤따르는 형태다. 0xff // 15*16 + 15 = 255 0xCAFE911 ECMAScript 표준에서 지원하는 것은 아니지만 몇몇 자바스크립트 구현에서는 정수 리터럴을 8진..

문자 집합 자바스크립트 프로그램은 Unicode 문자 집합을 사용하여 작성된다. Unicode 문자 집합은 사실상 널리 사용되는 대부분 문자를 표현할 수 있다. 대소문자 구분 키워드, 변수, 함수 이름, 그 밖에 모든 다른 식별자들을 일관되게 대소문자를 구별해 입력해야 한다. 공백과 줄 나눔 자바스크립트는 프로그램 내 존재하는 스페이스나 탭, 줄 바꿈 등을 무시한다. 스페이스나 탭, 줄 바꿈은 프로그램 어디에서도 자유롭게 사용할 수 있으므로, 읽기 쉽고 이해하지 쉬운 코드를 만들기 위해 깔끔하고 일관성 있는 형태로 사용해도 좋다. 세미콜론 사용 세미콜론은 각 문장을 구분하는 역할을 한다. 세미콜론 생략은 그리 좋은 프로그래밍 습관이 아니다. 세미콜론을 항상 사용하라. 주석 한 줄 주석 //여러 줄 주석 ..

자바스크립트란? 객체지향 프로그래밍을 지원하는 인터프리터 방식의 프로그램 언어 변수의 타입을 명시할 필요가 없는 타입 제한이 약한 언어 자바스크립트는 자바가 아니다 이름이 비슷한 것은 넷스케이프와 썬의 마케팅 전략일 뿐이다. (원래 자바스크립트는 라이브스크립트라고 불렸었고, 마지막 순간에 자바스크립트로 바뀌었다.) 자바스크립트는 간단하지 않다. 자바스크립트는 언뜻 간단해 보이지만, 사실 다른 언어와 비슷하거나 일부 언어보다 더 다양한 기능을 갖춘 완벽한 프로그래밍 언어다. 클라이언트 측 자바스크립트 클라이언트 자바스크립트는 자바스크립트 인터프리터가 웹 브라우저에 내장된 것이다. 사람들이 언급하는 자바스크립트는 대부분 클라이언트 측 자바스크립트를 의미한다. 기타 환경에서의 자바스크립트 자바스크립트는 범용 ..

JSHint? JSHint는 자바스크립트 내에서 에러 및 문제의 가능성이 있는 코드를 찾아내고, 팀의 코딩 컨벤션을 적용할 수 있는 (community-driven) 툴입니다. 이것은 매우 유연해서 상세한 코딩 가이드라인과 코드가 실행되는 환경을 쉽게 설정할 수 있습니다. JSHint는 자바스크립트 개발자가 복잡한 프로그램을 걱정 없이 작성하는 것을 도와줄 것입니다. (관련 링크 : http://www.jshint.com/about/) JSLint? JSHint? Anton Kovalyov과 Paul Irish는 Douglas Crockford가 만든 JSLint(http://www.jslint.com/lint.html)를 기반으로 JSHint를 만들었습니다. Anton Kovalyov과 Paul Iri..

카카오톡 링크 API 버전 2.0 html 문서에서 "kakao.link.js" 파일을 불러옵니다. 공유 버튼을 클릭하면 send 함수를 실행합니다. 카카오톡 공유하기 $("#kakao-link-btn").click(function () { kakao.link("talk").send({ msg : "동행", // 유저에게 전달된 메세지 내용 (UTF-8) url : "http://m.soribada.com/album/KA0055880", // 유저에게 전달될 메세지에 포함되는 링크 url(모바일웹) appid : "m.soribada.com", // Mobile Site Domain 정확히 입력하지 않을 경우 이용이 제한될 수 있습니다. appver : "2.0", // Mobile Site Versio..

모바일 웹에서는 디바이스에 어떤 앱들이 설치되어 있는지 알 수 없다. 하지만 특정 앱의 앱링크(URL Scheme)를 알고 있다면(앱에서 정의가 되어있다면) 마치 앱의 설치를 알고 있는 것처럼 동작하도록 만들 수 있고, 원하는 정보들을 전달할 수 있다. 미리 정의된 앱링크를 호출하여 반응하는 앱이 있으면 해당 앱이 실행되고, 반응하는 앱이 없으면 일정 시간이 지난 후에 앱스토어 링크를 호출한다. 앱링크를 호출할 iframe을 생성한다. (미리 마크업을 해놓아도 상관없다.) iframe을 이용하는 이유는 앱링크가 유효하지 않을 경우 어떤 화면이 보일지 예상할 수 없기 때문이다. css 또는 스크립트를 이용하여 화면에 보이지 않도록 한다. iframe에 올바르지 않은 화면이 뜨더라도 사용자에게 보이지 않는다..

어제저녁(25일) undefine:D [7월 오프모임]에 다녀왔다. 크게 세 가지 주제로 공유하는 시간을 가졌다. laravel로 북마크 서비스 만들기 [변용훈님] PHP framework laravel (http://laravel.com)을 이용하여 북마크 서비스를 만들었던 경험을 공유하는 시간이었다. 북마크 화면 캡처를 위한 고민, laravel을 이용한 back-end 구성, backbone을 이용한 front-end 구성, 크롬 확장프로그램을 만들었던 경험을 간략하게 설명해주었다. 부트스트랩밖에 모르던 나에게는 "flat ui kit"의 디자인이 너무 멋져 보였다. 슬라이드 URL : http://www.slideshare.net/yhbyun/ss-24634455 JavaScript 프로젝트 관리..