반응형 Front41 ACE-T's JS Part 03. Jquery 기초를 배워봅시다! 2014/04/24 - [Script/JavaScript] - ACE-T's JS_Part 01. 자바스크립트를 배운다는 것은?? 2014/05/08 - [Script/JavaScript] - ACE-T's JS_Part 02. Style과 Event 다루기!! 오늘은 어제 적용해본 Jquery에 대해서 간단히 설명 하려고 합니다 ㅎㅎ > 하나하나씩 적용한 내용을 살펴 보도록 하겠습니다!~ Result : Jquery로 CSS변경 해보기 UI source JS source$(document).ready(function(){ // DOM 생성이 완료 되면 실행. // CSS 변경해보기!!$('#study').css('background','pink'); // $('')라는 것으로 Jquery object화.. 2014. 5. 10. ACE-T's JS_Part 02. Style과 Event 다루기!! >2014/04/24 - [Script/JavaScript] - ACE-T's JS_Part 01. 자바스크립트를 배운다는 것은?? ACE-T's JS_Part 02. Style과 Event 다루기!! 1) Style 다루기 태그 엘리먼트에 Style 적용하는 방법은 2가지가 있습니다. - CSS 구문으로 다양한 스타일 속성을 구룹(선택자)으로 만들어 스타일을 적용하는 방법 (내부/외부 스타일 정의 모두 포함) - 엘리먼트에 직접 스타일 속성을 작성하는 방법(인라인 스타일) 2) Event 다루기 자바스크립트에서..이벤트 정말 중요하죠~!! ㅎㅎ; 먼저 종류부터 알아보도록 하겠습니다!^-^ (1) 마우스 이벤트 : 사용자가 마우스 버튼을 눌렀을 때 발생하는 이벤트 (2) 키보드 이벤트 : 사용자가 키보드.. 2014. 5. 8. [node.js] Express , node api 참고 사이트 및 약간의 소스분석! express api에 대해 내용이 있다. 내용들이 많이 달라진 듯 하다..헐~http://expressjs.com/4x/api.html node는 요 사이트!http://nodejs.org/api/ 소스를 분석 해보자!아웃사이더님 책 소스 분석 내용..express site의 api를 가도...사라진 것들이 많이 보인다..킁;var express = require('express'), routes = require('./routes') // express module를 express변수에 할당! , routes변수에는 routes 디렉토리를 할당! var app = module.exports = express.createServer(); app.createServer(); // error!! 달라진 것.. 2014. 5. 3. node.js Mac OS에서 설치 ㅎㅎㅎ 본격적으로 개발을 하기 위해서 Mac Pro 레티나를 질렀습니다! 예~~~ 장난 아니네요 정말...이런 신세계가...ㅠ.ㅠ... 뭔가를 개발 하나 해봐야겠다는 의욕이 넘처나네요^0^ 자! 맥북에서의 첫 포스팅입니다! ㅎㅎㅎ ㄱㄱ~ 우선! nodejs site로 가셔서 다운을 받도록 합니다. 패키지로 받으시면 됩니다. 바이너리 아닙니다~다운로드(Download)를 꾹~눌러줍니다. 그리고나서 Mac에 맞는 패키지를 다운 받습니다..pkg 를 받으시면 됩니다~^0^good~ 그리고나서 다운받아진 녀석을 클릭하여 다음다음 신공으로 셋팅 해줍니다^0^ 설치가 완료되면 아래와 같습니다. version 확인 npm도 자동으로 깔린다..와우!! 자! npm이 있으니! forever와 express등을 셋팅 해주.. 2014. 5. 1. ㅠ ㅠ 이런.. curl http://npmjs.org/install.sh | sh 이 먹히질 않아서...curl 좀 설치해서 사용하려고 하는데...sudo -i 옵션이 안먹히네요......OTL server : CentOS step 1. http://curl.haxx.se/download.html 로 가셔서 다운을 받습니다.CentOS는 패키지가 없으므로..아래에서 다운을 받아서!! 처리하면 되겠습니당~ 리눅스에 업로드를 하신 뒤에압축을 풀어줍니다 살포시~tar xvfz curl-7.36.0.tar.gz 아래의 명령어를 쳐줍니다.$ ./configure$ make$ make install root 권한을 얻어서..다시 정리하도록 하겠습니다..ㅠ ㅠ - END - 2014. 4. 30. ACE-T's JS_Part 01. 자바스크립트를 배운다는 것은?? [pic 출처 : http://www.scriptcase.net/blog/javascript-if-else/ ] 충격적이다.. 자바스크립트가 무엇인가에 대해서 자세히 모르고 있었네요.. 그래서 알아보려고 합니다.. 자바스크립트를 배운다는 것은 무엇인가에 대해서... 큰 구조를 파악 해봅시다. 1) 자바스크립트 Core - 여지껏...이부분만 파니...전체적인 이해가 안갔던 것 같네요..ㅠ. ㅠ 기본 문법과 구조, 데이터 타입, 조건문(if, switch), 반복문(for, while), 함수(function), 기본 라이브러리(Math, String, Date..) 2) 자바스크립트(DOM - Document Object Model) Element 제어, Style 제어, Attribute 제어, Eve.. 2014. 4. 24. [node.js] subModule version up 시 문제 subModule version up 시 문제가 발생!! express라는 녀셕을 npm install express를 통해 상위 버전을 가져와서 셋팅 하였더니.. 소스상에서 app.configure()해주는 부분에 파라미터가 달랐다.. 기존은 파리미터가 2개, 새로 받은 것은 3개.. // as-is source app.configure('development', function(){ app.use(express.errorHandler()); }); // ERROR $ node logViewer.js error: Caught exception: TypeError: Object function (req, res, next) { app.handle(req, res, next); } has no method.. 2014. 4. 21. [ERROR] Error: Cannot find module './lib/process' node js 오류 아래의 오류내역은 퍼왔습니다. 내용은 동일! 참고 사이트 : http://stackoverflow.com/questions/9878375/error-cannot-find-module-lib-socket-io $ node server.js node.js:237 throw e; // process.nextTick error, or 'error' event on first tick ^ Error: Cannot find module './lib/socket.io' at Function._resolveFilename (module.js:333:15) at Function._load (module.js:280:25) at Module.require (module.js:357:17) at requ.. 2014. 4. 21. [tip.] Nodejs 개발 들어가기 전 정리!! > Node 설치가 완료 되었으면 노드 REPL(Read Eval Print-Loop)을 사용 할 수 있다. 웹브라우저의 자바스크립트 콘솔과 유사하게 명령어를 입력하면 바로 실행해 결과를 출력해주는 도구이다. usage : 커맨드라인에서 파라미터 없이 node라는 명령어를 입력하면 다음과 같이 REPL이 시작된다. $ node > 1 1 > var msg= "acet" undefined > msg 'acet' > node의 모듈화를 이해하려면 require()와 module.exports를 알아야 한다. 무슨 말인가하면~ 웹브라우저에서는 HTML의 태그로 필요한 자바스크립트 파일을 불러오고, 로딩된 자바스크립트는 서로 참조하거나 호출 할 수 있다. 하지만 노드는 HTML 파일없이 자바스크립트 파일만 존재.. 2014. 4. 21. node.js 셋팅(리눅스 ver) 환경 : Linux 64bit http://nodejs.org/download/로 접속하시면 아래의 내용이 나옵니다. 상황에 맞게 다운로드를 받되 소스 코드를 받으세요~ Windows Installer (.msi)32-bit64-bitWindows Binary (.exe)32-bit64-bitMac OS X Installer (.pkg)UniversalMac OS X Binaries (.tar.gz)32-bit64-bitLinux Binaries (.tar.gz)32-bit64-bitSunOS Binaries (.tar.gz)32-bit64-bitSource Codenode-v0.10.26.tar.gzNote: Python 2.6 or 2.7 is required to build from source t.. 2014. 4. 17. windows] express 셋팅 HTTP 기본 모듈로 웹서버를 작성 했지만 HTTP모듈은 로우레벨 API만 제공하므로 사용하기 편리하지 않다.그래서 노드에도 웹 프레임워크가 있다.그중 인기 있는 것이 바로 "express" 이다. 익스프레스 : http://expressjs.com/ TJ Holowaychuk 이 만든 오픈소스 경량 웹 프레임워크 환경 : window 7 node (window ver) 설치 된 상태 설치 : cmd 커맨트 창을 열고 C:\Program Files\nodejs 가 있는 곳으로 간다.(npm이 있는 곳이다.)아래와 같이 npm install -g or npm install -g express 명령어로 설치를 한다. C:\Program Files\nodejs>npm install -g expressnpm h.. 2014. 4. 17. 내장함수 confirm Test 확인을 누르시면 ^--------------^* 취소를 누르시면 ㅠ____________ㅠ* 가 찍히게 됩니다^-^;; > confirm는 함수는 위와같이 확인/취소를 나타내는 내장함수 입니다^^; return은 boolean으로 확인을 누르시면 true! 취소를 누르시면 false가 반환됩니다. 그럼 테스트 해보세요~~~ >http://hsjeong106.blog.me - END - 2014. 3. 29. 자바스크립트 함수 자바스크립트에 대해서 알아 보겠습니다~ 특히 함수를 많이 쓰게 되어지는데요 아래와 같이 정의를 통해서 함수의 종류를 알아보고 특히! 사용자 정의 함수에 대해서 소스를 짜보겠습니다. > function 함수이름(매개변수1,매개변수2,매개변수3) { 함수에서 처리할 내용 } tag 사이에 정의 함수 1) 내장함수(built-in function) - alert(), prompt() 등 2) 사용자 정의 함수 > > > http://hsjeong106.blog.me/90173348180 > 매개변수가 없는 함수 소스 result 매개변수가 있는 함수 소스 result - END - 2014. 3. 29. javascript test 2014. 3. 18. npm(node package manager) 120page / 아웃사이더님 노드제이에스 프로그래밍 책을 기반으로 합니다. npm (node package manager) node 0.6.3 이후 부터 포함 되어있다고 합니다. [root@localhost ~]# npm -v 1.3.24 [root@localhost ~]# npm Usage: npm where is one of: add-user, adduser, apihelp, author, bin, bugs, c, cache, completion, config, ddp, dedupe, deprecate, docs, edit, explore, faq, find, find-dupes, get, help, help-search, home, i, info, init, install, isntall, iss.. 2014. 2. 8. NODE.JS 프로그래밍 - 3.13 TCP를 이용한 채팅 에제 실습 NODE.JS 프로그래밍 - 3.13 TCP를 이용한 채팅 에제 실습 - 111page >[root@localhost nodejs]# node tcp-chat.jsTCP Chatting Server Start.... >[acetaeha@localhost ~]$ telnet localhost 8000Trying ::1...telnet: connect to address ::1: Connection refusedTrying 127.0.0.1...Connected to localhost.Escape character is '^]'.127.0.0.1 님의 말 : hi~bro.hi~~How are u? ^-^127.0.0.1 님의 말 : I'm ok zzzz Bye~~ok Seeya~~~ [root@localho.. 2014. 2. 6. node.js 시작하기 title : node.js 시작하기 index1. node.js 소스2. 노드 란? 본 글은 node.js 프로그래밍, 아웃사이더님의 책으로 작성이 되어졌음을 알려드립니다.학습을 목적으로 한 글 입니다. 1) 소스 : https://github.com/outsideris/node.js-programming >노드는 자바스크립트로 네트워크 애플리케이션을 작성 할 수 있는 플랫폼이다.즉, 서버사이드 자바스크립트라고 할 수 있다. >http://hosang.tistory.com/entry/Linux-에서-Nodejs-설치하기 2014. 1. 29. .ready() Description: Specify a function to execute when the DOM is fully loaded While JavaScript provides the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely received. In most cases, the script can be run as soon as the DOM hierarchy has been fully constructed. The handler passed to .ready() is guaranteed to be.. 2012. 8. 6. .attr() 참고 사이트 : http://api.jquery.com/attr/ Description: Get the value of an attribute for the first element in the set of matched elements. The .attr() method gets the attribute value for only the first element in the matched set. To get the value for each element individually, use a looping construct such as jQuery's .each() or .map() method. [소스] This Test is very Simple Test! We have to Study Hard .. 2012. 8. 6. .draggable() Drag me destroy AceT 2012. 8. 6. 이전 1 2 다음 반응형
