• 브라우저의 창 크기 구하기

    현재 브라우저의 창 크기를 JavaScript의 Browser 객체를 이용해 구할 수 있다. XHTML 버전 표준이 없어 환경에 따라 다른 결과가 나올 수 있다. /* 창의 너비와 높이 */ document.body.clientWidth document.body.clientHeight /* 문서 전체의 너비와 높이 */ document.body.scrollWidth documnet.body.scrollHeight HTML5 버전 표준은 있지만 IE 구 버전에서 안될 수 있다. /* 브라우저 UI(윈도우...


  • 자바스크립트의 함수 (function)

    자바스크립트에서 함수를 설명할 때 first-class object(또는 citizen, value)라고 한다. 함수는 객체를 의미하고 변수, 배열, 객체에 저장될 수 있다는 뜻이다. // 함수 선언식(function declaration) function test() { } 함수 선언식은 스크립트가 로딩되는 시점에서 초기화를 하고 이를 VO(variable object)에 저장한다. 따라서 함수 선언 위치와 상관없이 소스 내 어느 곳에서든 호출이 가능하다. //...


  • 여성 IT인 대상 토크쇼, Women in SOS

    지난 8월 13일, 구글 캠퍼스 서울에 다녀왔다. Women in SOS (Software Oriented Society)에 참가하기 위해서인데, 여성 소프트웨어 주간 (SW Welcomes Girls)을 맞이해 한국정보화진흥원에서 개최한 여성 IT인 대상 특강/토크쇼이다. 구글 캠퍼스는 창업가들이 모여 훌륭한 아이디어를 바탕으로 미래를 변화시키는 공간이다. 그 중 구글 캠퍼스 서울 은 아시아 최초, 세계에서 세번째로 설립되었다. 내부에는...


  • 안드로이드 로딩 화면 구현하기

    로딩 화면을 구현하는 방법은 두 가지로 나눌 수 있는데, 로딩 화면을 메인으로 설정하는 방법과 메인 화면에서 로딩 화면을 호출하는 방법이다. 전자는 앱의 시작점을 로딩 화면으로 설정하는 것으로 LoadingActivity → MainActivity 순서로 실행된다. 후자는 기본 시작점인 메인 화면에서 로딩 화면을 호출하는 것으로 MainActivity → LoadingActivity → MainActivity 순서로 실행된다. 방법의 차이일...


  • Android Studio와 GitHub 연동

    그동안의 프로젝트에서는 소스 코드를 GitHub에 수동으로 관리하였다. 예를 들면 어느 정도 진행한 후, 프로젝트 폴더를 복사하고 로컬 저장소에 있는 기존 폴더를 지우고 붙여넣는다. 마지막으로 add, commit, push 작업을 진행해 원격 저장소에 보낸다. 매우 귀찮고 비효율적인 방법이다… 그래서 이번에 개인 프로젝트를 하면서 Android Studio와 GitHub를 연동하여 효율적으로 관리하려고 한다. 아래의 과정을...


  • 처음으로 오픈소스에 기여하다

    초보 개발자가 오픈소스에 기여하는 5단계 에서는 오픈소스 SW를 개발하는 개발자에게 도움을 주는 모든 행위가 오픈소스에 기여하는 일이라고 한다. 오류 제보부터 문서화 작업에 참여하는 일까지 포함된다고 한다. 며칠 전 참여하고 있는 프로젝트에서 사용할 WYSIWYG Editor의 홈페이지를 둘러보고 있었다. 사용법에 대해 천천히 읽고 있었는데 한 글자가 눈에 들어왔다. <!-- include libries(jQuery, bootstrap,...


  • 오픈소스 위지윅 에디터, Summernote

    위지윅 에디터란? WYSIWYG(What You See Is What You Get) Editor란 코드를 작성하는 대신 간편하게 실제 페이지 레이아웃과 유사한 형식으로 웹페이지를 작성할 수 있는 HTML 편집기의 한 종류를 말한다. - Google AdSense - 사용할 위지윅 에디터는 국내에서 시작된 오픈소스 프로젝트로 한국 개발자들이 만든 에디터다. Super simple WYSIWYG Editor using Bootstrap 라는...


  • 나만의 도메인 등록하기

    도메인 구입(등록) 우선 도메인 등록 업체를 조사해봤다. 저 같은 경우 AWS를 이용하기 때문에 호스팅 서비스가 따로 필요 없어 가격이 가장 저렴한 곳을 우선순위로 두었다. 당시 .com 과 .net 도메인 가격할인 이벤트를 진행하던 호스팅케이알(HK) 을 선택했다. 전세계 도메인 중 1위인 .com 으로 등록하고 싶었지만 누군가 사용중이어서 .net 도메인으로 등록… ;( IP주소와...


  • 워드프레스 검색엔진 최적화 설정하기

    검색엔진 최적화란? 검색엔진 최적화 (Search Engine Optimization, SEO)는 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업을 말한다. 웹 페이지와 관련된 검색어로 검색한 검색 결과 상위에 나오게 된다면 방문 트래픽이 늘어나기 때문에 효과적인 인터넷 마케팅 방법 중의 하나라고 할...


  • 워드프레스 FTP 및 SFTP 설정하기

    FTP 인증 생략하기 1. wp-config.php 파일의 마지막에 추가 if (is_admin()) { add_filter('filesystem_method', create_function('$a', 'return "direct";')); define('FS_CHMOD_DIR', 0751); } 2. 워드프레스 폴더의 소유자 변경 sudo chown -R www-data:www-data /var/www/html/wordpress 3. 워드프레스폴더에 권한 부여 sudo chmod -R 755 /var/www/html/wordpress SFTP로 EC2 인스턴스 접속 AWS에 파일을 전송하기 위하여 파일 전송 프로토콜인 SFTP를 이용한다. SFTP(Secure File Transfer...