Martin`s Work

설치하기 Express 서버를 설치하려면 일단 nodejs 가 해당 PC에 깔려있어야 한다. nodejs 가 설치되었다면, 터미널을 이용해 express 서버를 설치한다. 1$ npm install express --savecs express 서버를 설치 후에, package.json은 보면 express 가 깔려 있는 것을 확인 할 수 있다. 123456789101112131415161718{ "name": "private", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "..

var 변수 선언과 Let, Const 변수 선언의 차이점 1. 변수 값의 변화기존의 자바스크립트에서는 var를 이용하여 변수를 선언하였다. var로 선언한 변수의 경우 할당되는 값이 유동적으로 변경이 가능하였다. 1234var hello="hello";console.log(hello); //result : hellovar hello="hi";console.log(hello); //result :hics 예를 들어 위의 경우처럼 최초 hello 변수를 선언할 때, 값을 "hello"로 할당을 해준 후, 밑에서 해당 변수의 값을 "hi"로 바꾼다고 하여도, 에러 없이 값이 바뀐다. 하지만 let과 const로 변수를 선언한 경우는 값을 바꿀 수가 없다. 1234let hello="hello";console..

1. 비동기 방식과 동기 방식의 차이점 동기 방식의 경우 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있지만, 비동기 방식은 그와 반대로 신호를 보냈을 때 응답 상태와 상관 없이 동작을 수행할 수 있다. 비동기 방식인 Ajax의 주목적으로는 화면 전환 없이 클라이언트 측과 서버측 간의 정보를 교환하기 위해서이다. 비동기 방식을 이용하면 자료를 요청할 때 걸리는 시간에 대해 클라이언트가 기다릴 필요없이 다른 작업을 바로 수행할 수 있다는 장점이 있다. 2. Ajax 개념 기존에는 Ajax는 Asynchronous Javascript and XML의 약자로 사용되었으나 이후에는 웹 어플리케이션 개발에 사용되는 기술 그룹을 말한다. 비동기 자바스크립트를 이용한 비동기 통신으로 데이터를 불러..

MySQL의 개념 MySQL은 오픈 소스 데이터 베이스 중 하나이며, 전 세계적으로도 많이 쓰이는 무료라는 큰 장점을 가지고 있는 서버 프로그램이다. 더군다나 무료이면서도 속도 역시 빠르며, 설치가 용이하다는 장점이 있다. MySQL은 관계형 데이터베이스로서, SQL의 문법을 따른다.( 이 외에도 oracle,mssql 역시 SQL의 문법을 사용하여 MySQL을 익혀두면 나머지 것을 사용할 때 큰 무리가 없다. )

안녕하세요. Martin 입니다. - 초대장 나눔 이벤트는 항상 진행 중이니 필요하신 분은 비밀 댓글로 글 남겨주세요. 초대장을 받는 방법은 아래와 같습니다. - 1. [ 블로그를 개설하는 이유 / 블로그 개설 주제 / 블로그 경험 / 이메일 ] 을 비밀 댓글로 작성해주세요. 2. 양식에 맞게 작성하지 않으면, 초대장 보내드리지 않겠습니다. - 시간이 될때마다 확인하여 초대장을 보내드리고 있어, 시간이 소요될 수 도 있습니다. 이부분 양해 부탁드립니다. * * * * * * * 2017-05-07 16시 32분 기준 초 대 장 전 송 완 료 * * * * * * * - * * * * * * * 2017-05-09 06시 55분 기준 초 대 장 전 송 완 료 * * * * * * * - * * * * * ..

정규표현식에서 사용하는 메소드 1. match (String 클래스의 메소드)정규표현식에서 조건에 부합하는 문자열을 배열 형태로 리턴해준다. 만약 조건에 부합하는 문자열이 없으면 null을 반환한다. 1console.log('RegExp Study'.match(/Study/)); //결과 : ["Study", index: 7, input: "RegExp Study"]cs 2. search (String 클래스의 메소드)정규표현식에서 조건에 부합하는 문자열의 인텍스 번호를 리턴해준다. 만약 조건에 부합하는 문자열이 없으면 -1을 반환한다. 12console.log('RegExp Study'.search(/Study/)); //결과값 : 6Colored by Color Scriptercs 3. replace..

Selector element1 ~ element2 CSS3 셀럭터 중 element1 ~ element2는 CSS3 셀렉터 이다. 브라우저 호환도 관련해서는 아래와 같다. ✔ IE 7+✔ Firefox 3.5+✔ Safari 3.2+✔ Chrome 4+✔ Opera 9.6+ element1이 있으면 element2 에 스타일을 입힐 수 있으나, 단 element1과 element2 는 같은 부모를 가지고 있어야 한다.

1234567891011121314 기본구조를 공부해보는 시간이다 이렇게 되겠쥬? Colored by Color Scriptercs 갖고 있던 문서 맨 첫줄만 쫘 긁어와봤는데 이제 하나하나 무슨 뜻인지 봐보쟈 1csDTD선언(Document Type Definition) _html5, xhtml, html의 세가지 문서 유형이 존재하며, 기술한 유형에 따라 마크업 문서의 요소와 속성 등을 처리하는 기준이 되며 유효성 검사에 이용된다**문서형 정의를 생략하면 웹 브라우저가 표준모드가 아니고 비표준모드(Quirks mode)로 랜더링되어 크로스 브라우징에 어려움이 있음/정의는 무조건 문서 최상위**비표준모드로 동작하는 경우는 DTD선언을 하지 않았거나, 잘못 선언한 경우/HTML4.01 문서에서 시스템 식발..

개념 HandlebarJS는 Mustache를 기초로 개발된 클라이언트 템플릿 엔진이다. HandlebarJS는 중괄호({{}})를 이용를 이용하며 사용자 정의 함수인 헬퍼 개념을 도입시켜 데이터를 자유롭게 컨트롤 할 수 있다. 사용법 1. handlerbarJS 사이트에서 해당 handlebar.js를 다운로드 받는다. HandlebarJS 공식사이트 http://handlebarsjs.com/ 2. 스크립트를 해당 html 파일에서 불러온다. - {{name}} 등과 같이 중첩 중괄호 안에 사용자 정의 함수를 넣는다. 예제 1234567891011 과일 사과 Apple red Colored by Color Scriptercs 위의 소스에 handlebar를 이용하여 데이터를 넣어본다. 기본적으로 ha..

아래와 같이 상황에 따라 attr를 다중으로 줘야하는 경우가 존재한다. 123$("img").attr("src","img.png");$("img").attr("alt","이미지 부가 설명");$("img").attr("title","지금 보시는 이미지는 이미지입니다.");cs 위의 소스를 보면 가독성도 좋지 않고, 소스 역시 깔끔하지 못하다. 이러한 경우 아래와 같이 다중 attr을 한번에 처리하면 보다 편리하고 깔끔하게 소스를 정리할 수 있다. 12345$("img").attr({ "src":"img.png", "alt":"이미지 부가 설명", "title":"지금 보시는 이미지는 이미지입니다."})Colored by Color Scriptercs