목록웹개발 (29)
HANCO
안녕하세요 핸들링코드 크루 박준영 입니다.요즘 너무 바쁘네요 오늘은 node inspecter를 이용한 디버깅입니다. 이 명령어를 사용해 주세요 $ npm install -g node-inspector 이런식으로 두개의 터미널을 열어주시고 한개는 node-inspector입력! 나머지 한개는 만들어놓은 디버깅팔 js 파일을 넣어서node --debug hello-debug.js 명령어를 입력해줍시다. 그리고 나서 브라우저에서 http://localhost:8080?port=5858을 입력하면 이런식으로 웹 브라우저에서 코드를 디버깅할 수 있습니다. 편한거 같아요 ㅎㅎ
안녕하세요 핸들링 코드 크루 박준영 입니다. 오늘 배워볼 내용은 바로 node js 입니다.자바스크립트를 이용해 서버를 다룰 수 있는 아주 확장성이 높은 소프트웨어죠 기존의 브라우저들은 각자 자바스크립트 엔진을 지니고 있었습니다.구글에서 크롬을 만들면서 더 빠른 자바스크립트엔진이 필요하였고그래서 개발한 V8이 대두됨에 따라 node js 즉 자바스크립트 언어로도크롬같은 사이트를 만들 수 있다는 것이 알려지면서 많은 이들이 node js를 사용하고 있습니다. node js를 사용하기위해 한번 설치 해봅시다. https://nodejs.org/ko/ 위 사이트에 들어가서 다운로드 메뉴를 들어가 봅시다. 왼쪽 메뉴를 보면 각 OS를 잘 확인하시고오른쪽에 bit를 확인합니다. windows사용하시면 32bit인..
안녕하세요 핸들링 코드 크루 박준영 입니다. 오늘은 쇼핑몰 페이지 상단을 만들어 보려고 합니다. 제가 만든 쇼핑몰 상단 화면입니다. 오늘은 이부분을 어떻게 만드는지 포스팅해보도록 할게용! 먼저 페이지의 공간을 나누어야 합니다.일단 위에서부터 3곳의 구역으로 나눕니다. 첫번째는 즐겨찾기, 로그인, 회원가입이있는 부분두번째는 header와 내정보, 장바구니가 있는 부분세번째는 카테고리, 메뉴등이 있는 부분으로 나눕시다. 시멘틱하게 만들어 주기위해 태그와 태그를 사용해볼게요 먼저 첫번째 부분은 간단하게 태그로 구역을나눠서 둘게요 top.html class="top"으로 전체 틀을 잡습니다.그다음 "wrapper"라는 클래스로 감쌀건데 "wrapper"클래스는 임의의 이름으로서 저는 width값을 제한하려고 사..
안녕하세요 핸들링코드 크루 박준영입니다. 오늘은 제이쿼리에 대해 알아봅시다. 제이쿼리는 자바스크립트의 라이브러리로서 사용법이 간단하고무엇보다 자바스크립트 소스를 더 간단하게 만들어줍니다. 자바스크립트코드로 document.getElementsById("test1").innerHtml = "테스트입니다."라면 제이쿼리코드로는 간단하게 $("test1").html("테스트입니다.") 로 사용할 수 있습니다. jQuery는http://jquery.com/사이트에서 다운받을 수도 있지만네트워크 환경이라면 소스한줄로 jQuery를 사용할 수 있습니다. 태그 안에 위의 소스를 추가하면 제이쿼리를 사용할 수 있습니다. 위의 코드는 제이쿼리를 사용해서제목을 클릭했을때 글자가 사라지게하는 기능입니다.function()를..
안녕하세요 핸들링 코드 크루 박준영 입니다. 자바스크립트란 무엇일까요??자바스크립트는 동적인 웹페이지를 작성하기 위해 가장 많이 사용되어지는 언어입니다.자바스크립트는 컴파일 과정을 거치지않는 인터프리터 언어이며, 동적 타입을 가지기 때문에변수의 자료형을 선언하지 않고 사용하는 특징이 있습니다.또, 완전한 객체지향 언어입니다. 자바스크립트는 상속을 위해 클래스의 개념을 사용하지 않고 프로토타입이라는 개념을 사용합니다. 자바스크립트가 어떻게 사용되어지는지!! 자바스크립트는 구문 사이에 쓰여집니다. var이라는 타입을 사용한것을 볼 수 있는데요 var뒤의 값에 따라 타입이 자동으로 결정되어집니다.var now = new Date(); 에서는 now라는 변수는 객체를 받는 것을 알 수있습니다.만약 'var no..