(주)큐넷

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

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

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

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

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