- 미들웨어
- css3 셀렉터
- jQuery
- express 서버
- ecma script
- body-parser
- CSS
- supervisor
- 컨텐츠 중간 위치
- ecma6
- 마임타입
- mysql
- javascript 이론
- requirejs
- nodejs
- ajax
- displaytable
- 겸손한 자바스크립트
- css3 selector
- dom event
- ecmascript method
- unobtrusive javascript
- Git
- 배열 메소드
- array method
- 관계형 데이터 베이스
- javascript
- findindex
- IIS 서버
- database 개념
목록분류 전체보기 (54)
Martin`s Work
안녕하세요. Martin 입니다. - 기존에 운영 중이던 개인 기술 블로그를 Github 블로그로 이전하게 되어 이렇게 글을 남깁니다. 기존 Tistory에 있던 글들 중 필요한 글들을 그대로 옮겨놨습니다. 혹시나 저의 새로운 글에 관심이 있으신 분은 Github 링크를 남겨두니 새로운 블로그로 방문해주시면 감사하겠습니다. 새로운 링크 주소 : https://blog.martinwork.co.kr/ * 혹시나 초대장이 필요하신 분은 하단에 댓글로 남겨주시면 보내드리도록 하겠습니다. *
변수의 데이터 타입 총 다섯가지의 기본적인 데이터 타입이 존재하며 이를 원시 데이터 타입 이라고 한다. 확인하는 법으로는 typeof 를 사용하면 알 수 있다. Number - 가장 기본이 되는 데이터 타입 123var number1 =1;var number2 = '1';console.log(number1 == number2); // result : false;cs - 형 변환 123456789101112131415161718/** 암시적 형변환- 자바스크립트 엔진이 필요에 의해 암시적으로 형을 자동으로 변환시키는 것- 문자열이 숫자 문맥에 사용되면 자동으로 변환*/var num1 = "1"; //stringvar num2 = "2"; //stringvar result = num1 * num2;conso..
Create Table - 테이블 생성 1234567891011CREATE TABLE [TABLE명] ( `index` INT(11) NOT NULL AUTO_INCREMENT, `user_id` VARCHAR(50) NOT NULL, `contents` MEDIUMTEXT NOT NULL, `regdate` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`idx`))COLLATE='utf8_general_ci'ENGINE=InnoDBAUTO_INCREMENT=1;Colored by Color Scriptercs [TABLE명] 의 이름을 가진 데이터 테이블을 생성하는데 그 테이블의 Column은 index, user_id, contents, re..
findIndex Method 배열의 index 값을 찾는 메소드로서, 콜백함수에서 true를 반환하면 콜백함수를 종료하고, 배열의 해당하는 index값을 반환한다. 만약 콜백 함수에서 true를 반환하지 않으면 최종적으로 -1을 반환한다. 기본적인 사용법은 아래와 같다. 1arr.findindex(callback[value,index,allData])cs 콜백함수에서는 인자로 총 3개를 받을 수 있으며, 배열의 value, 해당하는 index 그리고 그 배열의 모든 데이터를 받을 수 있다. 12345let arr = [10,20,30,40];let canFind = arr.findIndex((v, i, d)=> v === 20 )console.log(canFind) //배열 안에 해당하는 값이 있을 경..
map 메소드 map 메소드의 대상에 대해서 map 메소드를 이용하여 콜백함수를 호출하면 기존의 배열에서 사용자가 원하는 새로운 형태의 배열을 반환할 수 있다. 사용법은 아래와 같다. 1arr.map( callback(v, i ){})cs v는 배열의 value 값이며, i 의 경우 value값에 대한 index 값이다. 123456789var arr = [1,2,3,4,5];arr.map( function(v,i){ console.log("배열의 value값은 " + v + "이고, 그 value값의 index는 " + i + "이다.");})//result : 배열의 value값은 1이고, 그 value값의 index는 0이다.//result : 배열의 value값은 2이고, 그 value값의 ind..
변수의 조작 자바스크립트는 세가지 주요한 방식을 통해 데이터의 값을 조작할 수 있다. 1. 값을 새로운 변수에 할당하여 사용할 수 있다. 2. 값을 함수나 메서드의 전달인자로 넘겨줄 수 있다.3. 데이터의 두 값이 동일한지를 알아보기 위해 한 값과 다른 값을 비교할 수 있다. 이러한 데이터 값을 조작하는 방식은 2가지로 나뉘는데, 그것이 기본형 데이터(값에 의한-by value) 와 참조형 데이터(by-reference) 이다. 기본형 데이터(값에 의한-by value) 종류- Number, String, boolean, null, undefined기본형 데이터를 조작할 때 가장 중요한 것은 데이터 값이다. 값을 할당할 때에 기본형 데이터의 경우 실제 그 값이 복사되며, 복사시 해당 데이터는 변수, 객체..
겸손한 자바스크립트의 정의 겸손한 자바스크립트 라는 의미는 자바스크립트는 웹페이지를 보는 사용자에게 무리하게 참견해서도 안된다라는 뜻이다. 예를 들어, 자바스크립트가 실행 여부 환경에 따라 웹페이지에서 제공하는 정보의 정도가 달라서는 안된다. 이러한 환경은 다음과 같다. 1. 자바스크립트를 지원하지 않는 브라우저 2. 보안상의 이유로 스크립트를 꺼둔 경우 3. DOM 명세의 일부분을 브라우저 독자적으로 해석/지원하여 스크립트의 오류 혹은 지원의 범위가 다른 경우 4. 사용자가 브라우저를 사용하는 방법이 다른 경우( 대부분의 사용자가 마우스를 가지고 이용한다 하여, 마우스를 이용할 때에만 작동하고, 키보드를 이용한 경우에는 작동하지 않을 경우. 장애를 가진 사람들은 키보드를 가지고 이용할 수 있으며, 그렇..
supervisor supervisor를 사용할 경우, 진입파일의 변화를 자동으로 감지하여 자동으로 서버를 띄워준다. 1npm install supervisorcs 1supervisor app.js //진입 파일이 다를 경우 바꿔준다.cs
body-parser란? body-parser란 Node.js의 POST 요청 데이터를 추출할 수 있도록 만들어 주는 미들 웨어이다. body-parser를 사용하게 될 경우 req에 body 프로퍼티를 사용할 수 있다. 설치법 1npm install body-parser //처음부터 설치가 안되있는 경우는 -g 옵션을 사용한다cs npm을 이용하여, body-parser를 설치하여 준 후, require를 이용하여 해당 모듈을 사용하면 된다. 12345var express = require('express');var bodyParser = require('body-parser');var app = express(); app.use(bodyParser.urlencoded({extended:false} )..
관계형 데이터 베이스란? 관계형 데이터베이스 관리 시스템(relational database management system, RDBMS)은 IBM 산호세 연구소의 에드거 F. 커드가 도입한 관계형 모델을 기반으로 하는 데이터베이스 관리 시스템이다. 현재 사용되는 대부분의 데이터베이스는 관계형 데이터베이스 모델을 기반으로 한다.1980년대 이래로 RDBMS는 재무기록, 제조 및 물류 정보, 인사 데이터 등의 정보를 저장하는데 가장 많이 사용되는 스토리지다. 과거 계층형 데이터베이스나 네트워크 데이터베이스에 비해 사용 및 이해가 쉬워 관계형 데이터베이스가 이들을 많이 대체했다. 하지만 요즘은 XML 데이터베이스나 객체지향적 모델과 관계형 모델의 불일치 문제를 해결하기 위해 대두된 객체 지향 데이터베이스와 ..