아톰(Atom) 에디터 사용법(Window 기준)

오늘은 Atom에디터에 대해 알아보겠습니다 구글에서 아톰 에디터를 검색하면 Atom의 공식사이트인 http://atom.io 가 나옵니다. 사이트를 들어가면 바로 Download Windows Installor 라고 적힌부분을 누르면 다운받을수 있습니다. Atom Editor를 실행하고 위에 보이는것처럼 File --> Settings를 누릅니다 그러면 다음과 같은 화면이 나옵니다. Packages를 들어가시면 현재 깔려있는 패키지들을 볼 수 있습니다. 다음 Install는 검색을 통해 유용한 패키지들을 다운 받을 수 있습니다. Atom을 사용하면서 유용한 패키지를 소개해드리겠습니다. linter - 자동으로 문법검사를 해줍니다. linter-htmlhint - html문법 검사를 해줍니다 linter-..
IT/프로그래밍 2016. 7. 7. 00:00

jQuery 노드 다루기 - 4편

노드 삭제 오늘 공부할 내용은 노드의 삭제 입니다 노드 삭제 순서는 1. 제거할 노드 찾기 --> 2. 노드제거 이렇게 2가지 순서로 간단하게 노드를 삭제할 수 있습니다. 오늘의 주제 노드삭제에 대한 핵심 내용을 정리해 보겠습니다. 특정 노드 삭제 모든 자식 노드 삭제 □특정 노드 삭제 특정 노드를 삭제하고 싶은 경우 remove() 메서드를 사용합니다. 사용법 : $대상.remove() 예제를 통해 쉽게 알아 보겠습니다. Ex01 - 클릭한 노드를 삭제해 주세요. 왼쪽 사진을 보면 menu4가 삭제된 것을 확인할 수 있습니다. script에서 기준으로 잡은 노드는 사용자가 클릭한 태그이기 때문에 $("ul.menu li")를 클릭했을 경우 클릭 당한 $(this)가 remove()메서드를 통해 삭제가 ..
IT/프로그래밍 2016. 7. 6. 17:25

jQuery 노드 다루기 - 3편

오늘 공부할 내용은 이미 만들어져 있는 노드를 특정 위치로 이동시키는 기능을 배워보겠습니다 노드 이동은 노드 추가와 동일한 append(), appendTo(), prepend(), prependTo(), insertBefore(), before(), insertAfter(), after()메서드를 이용합니다. 방법은 거의 동일합니다. 차이점이라면 메서드에 넘겨주는 매개 변수값이 신규 노드라면 추가가 되고 이미 존재하는 기존 노드라면 이동이 됩니다. 이번 노드 이동의 핵심 4가지 입니다. 첫 번째 노드로 이동 마지막 번째 노드로 이동 특정 노드의 이전 노드로 이동 특정 노드의 다음 노드로 이동 이번 노드 이동은 노드 생성 / 추가 에서 사용한 예제 그대로 사용하겠습니다. 첫 번째 자식 노드로 이동 기존 ..
IT/프로그래밍 2016. 7. 5. 15:25

jQuery 노드다루기 - 2편

오늘 내용은 노드를 동적으로 만들어 추가할 수 있는 노드 생성 및 추가 입니다. 오늘 공부에 사용할 예제 입니다 요번 노드 생성 및 추가에서는 5개로 구분 하겠습니다. 노드 생성 첫 번째 자식 노드로 추가 마지막 번째 자식 노드로 추가 특정 노드의 이전 위치에 추가 특정 노드의 이후 위치에 추가 핵심 첫번째 노드생성에 대해 먼저 알아보겠습니다. 가장 일반 적인 방법은 $()함수를 사용하는 것입니다. 사용법 : var $신규노드 = $("신규DOM"); 예제를 통해 알아 보겠습니다. 다음과 같은 jQuery문을 통해 버튼을 클릭시 console.log에 new menu 가 추가 되었다는것을 알 수 있습니다. 핵심 두번째 신규 노드를 첫 번째 자식 노드로 추가에 대해 알아보겠습니다 사용법 : $부모노드.pr..
IT/프로그래밍 2016. 7. 4. 17:12

APM(Apache+PHP+MySQL) 소개

APM(Apache, Php, MySql)란? 웹 프로그래밍을 하기 앞서 먼저 알아야 할 부분들이 있다. Apche,IIS,nginx,html,css,php,Javascript 등… 이 외에 웹 프로그래밍에 관련된 기술 및 언어들이 많이 존재하고 있고 또, 지금까지도 지속적으로 새로운 기술 및 언어 등이 많이 등장하고 있는데, 여기서 우리는 그 중 지금까지도 많이 사용되고 있고 보편화된 APM을 이용해 웹 서버를 구축 하기 위한 환경을 구축 해보자. APM은 Apache+Php+Mysql을 합쳐서 부르는 말이다. 굳이 하나하나 풀어 설멍하자면 이렇다. -Apache란?- Apache는 Apache재단에서 만든 HTTP서버로 워낙 다양한 추가기능에, 구축이 쉽다는 이유 때문에 많이 쓰고 있습니다. 하지만 ..
IT/리눅스(linux) 2016. 7. 3. 12:18

VMware(가상머신) 사용법

VMware(가상머신) 사용법을 살펴보자! 기본적으로 우리는 물리적인 컴퓨터 한대로 하나의 OS(운영체제)를 설치하여 사용하고있다.그렇다면 “하나의 컴퓨터에는 OS 하나만 올려서 사용 할 수밖에 없는 것 일까? 동시에 여러 개여 올려서 사용할 수는 없을까?” 가능하다.자신이 사용하고 있는 컴퓨터의 사양이 충족 되고 프로그램 설치 하나면 충분히 가능하다. 오늘은 하나의 컴퓨터에 여러 OS를 분할하여 동시에 여러대의 컴퓨터를 사용하는 효과를 볼수있게 해주는 가상머신 VMware와 프로그램을 통한 CentOS 설치법을 간단히 살펴 보도록 하자. 우선 크게 VMware에서 제공하는 무료 프로그램과 유료 프로그램이 나누어져 있는데 사용법은 크게 다르지 않으니 VMwarepro10 버전으로 설명하겠다. 아래 스크린..
IT/프로그래밍 2016. 6. 29. 23:56

jQuery 노드 다루기

jQuery 노드 다루기 jQuery에서 노드 찾기 기능은 매우 중요합니다. 스타일을 다룰 때도 대상 노드를 먼저 찾아야 하며, 이벤트를 추가하거나 삭제할 때도 적용할 대상 노드를 찾는 작업을 가장 먼저 하게 됩니다. 왜냐 하면 대부분의 작업이 노드를 찾고 난 후 다음 작업을 진행하기 때문입니다. 이번 노드 다루기는 수많은 노드 찾기 기능 중에서 실무를 진행하기 위해 반드시 알아야 하는 내용을 선별해놨습니다. 진행순서는 노드 찾기가 1순위 (가장 먼저 알아야 할 내용) 나머지가 2순위 입니다(원하는 대로 진행 가능) 노드 찾기 노드 찾기의 핵심 내용 1 아이디 이름으로 노드 찾기 $(“#아이디 이름”) 2 태그 이름으로 노드 찾기 $(“태그 이름”) 3 클래스 이름으로 노드 찾기 $(“.클래스 이름”) ..
IT/프로그래밍 2016. 6. 29. 23:56

코넥티아 ONE LTE 태블릿PC USB 디버깅 드라이버 설치하기

얼마전 안드로이드 개발용으로 코넥티아 ONE LTE 태블릿을 몇 대 구입했는데 USB 드라이버가 설치되지 않는 문제가 있어서 관련 자료도 찾아보고 본사 담당 엔지니어와 통화도 해봤지만 쓸만한 대답을 듣지 못했습니다. 여기서 USB 드라이버는 안드로이드 디버깅용 ADB 드라이버를 말합니다.(개발자가 문제이지 일반 사용자들은 본사에서 제공하는 USB 드라이버를 설치하거나 범용 드라이버를 통해 PC와 태블릿간 파일 주고받기가 가능하므로 불편이 없습니다.) 아무튼 몇 번의 시도 끝에 디버깅 모드로 접속하는 방법을 알아냈습니다. 아래와 같이 하시면 됩니다.(개발자가 아닌 경우 불편없이 사용하실 수 있으니 괜히 시도해서 머리 쥐나는 일이 없도록 하세요~) 1. 설정에 개발자 옵션이 보이지 않을 경우 개발자 모드 활..
IT/프로그래밍 2015. 12. 31. 00:07

안드로이드에서 이미지를 전체화면으로 늘려서 채우기

안드로이드에서 배경이미지 등을 넣을때 전체화면으로 사이즈를 조정하는 예제입니다. 가로, 세로 사이즈를 받아서 이미지를 해당 사이즈로 늘리는 방식을 사용하면 됩니다.아래 샘플 예제를 참고하시기 바랍니다. 12345678910111213141516171819202122232425262728package kr.cuenet.imageexample; import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Rect;import android.v..
IT/프로그래밍 2015. 12. 25. 03:04