개발 기록

node.js에서 데이터 베이스와 연동하여 sql문을 작성할 때 바인드 변수를 사용하면, 내가 넣고자 하는변수 값을 보기 쉽게 넣을 수 있고 속도도 더 빠르다. my sql 바인드 변수없이 쿼리문 작성 위는 mysql문을 연동하여 쿼리문을 작성한 것인데 value에 들어갈 값이 변수에 담겨져 있어서 코드 작성 시 매우 불편하다. 바인드 변수를 사용하지 않을 경우 con.query의 인자는 sql문과 익명함수 두 가지만 필요하다. 바인드 변수를 사용한 쿼리문 바인드 변수 사용 시 con.query함수 내의 인자는 sql문, 바인드 변수의 배열, 익명함수 총 세 가지가 필요하다. sql문 안에서 ?와 con.query함수의 두 번째 인자 배열의 값은 각각 순서대로 매칭된다. oracle oracle의 경우 ..

node.js는 자바스크립트를 이용하여 서버를 구축하고, 데이터베이스와 연결도 가능하다는 장점이 있는데, 무엇보다 다양한 모듈을 자유롭게 사용할 수 있는 엄청난 확장성이 가장 큰 강점인 것 같습니다! require( ) 명령어를 통해 내장모듈을 불러 사용할 수 있을 뿐더러 외부모듈도 다운로드만 하면 바로 사용가능합니다! 외부 모듈을 사용할 때는 터미널에 npm install 다운받을모듈명 을 입력하면 다운로드가 진행됩니다. 간단하게 서버를 구축해보면! 우선 server.js라는 이름으로 파일을 하나 생성합니다. 가장 기본적으로 서버 구축을 위해서는 require를 통해 http내장 모듈을 가져와야합니다. 그리고 저는 모듈을 http라는 변수에 담았습니다. 다음 server라는 변수안에 http모듈을 이용..

오늘은 js에서 서버를 사용할 수 있게 해주는 node.js를 설치했습니다. ▼다운로드 링크! nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 본인 컴퓨터에 node.js가 있는지 확인하려면 cmd창을 여시고 node를 검색해 보면 됩니다. 설치가 안됐다면 다음과 같은 메세지가 뜹니다. 링크를 타고 들어가시면 여러 버전이 존재하는데 저는 LTS에서 window버전을 설치했습니다. 설치를 받은 후 setup파일을 실행하면, 다음과 같이 뜨는데 next 약관에 동의하고 next 파일이 설치 될 경로를 설정하는 건데 저는 기본으로 두고 ne..

무작위 방향으로 날라가서 벽을 만나면 방향전환이 되는 공을 만드는 클래스를 만든 후 활용하기! 공튀기기.html Ball.js class Ball{ //new 연산자에 의해 호출되는 메서드를 생성자 메서드라고 하고, //생성자 메서드의 목적인 이 객체가 인스턴스화 될 때, //즉 사물이 탄생할 때 알맞는 개성을 부여하기 위함. //사물의 모습, 상태 등 형용사 적인 것. 사실 상 변수 값 //담을 곳, 볼의 보폭, 볼의 색, 시작 x값, 시작 y 값 constructor(container, b_speed, b_color, x, y){ this.container = container;//어디에 붙일지를 결정짓지 말고, 호출자가 결정하도록; this.speed = b_speed; this.color = b_..

class는 파일을 한 번 만들어두면 다른 곳에서도 호출만 하여 사용하면 여러 객체를 순식간에 만들 수 있어서 편리하다. 예를 들어 내가 무작위로 움직이는 공을 생성하는 클래스를 만들어두면, 호출을 통해 몇 개든 순식간에 만들 수 있다. 클래스는 new 클래스명(); 와 같은 형식으로 사용하며, 클래스명 뒤에 있는 소괄호에 매개변수를 넣을 수 있다. 보통 클래스는 js파일로 저장한 후 html파일에서 불러온다. Print라는 클래스를 만들고 그 안에 변수를 선언 할 때는 constructor 안 쪽 영역에 선언을 해줘야 한다. 이 안 쪽 부분은 클래스를 호출하는 new 클래명()을 만났을 때 실행되는 부분으로 만들어지는 대상의 속성 등을 여기에서 선언한다. 3번 줄의 this는 이 것의 라는 뜻인데, n..

배열은 여러 개의 데이터를 처리할 때 유용하게 사용할 수 있다. 그리고, 규칙성이 없는 값들을 규칙성 있게 만들어 준다! 배열은 여러 개의 데이터를 상자안에 각각의 방에 넣은 후 그 방 번호를 이용하여 불러올 수 있다. 그 방의 번호를 인덱스라고 부른다. 아래와 같이 배열을 ani라는 변수에 배열을 선언한 후 각 방에 데이터들을 넣었다. 참고로 배열의 방 번호는 0부터 시작한다!! 아래와 같이 배열을 선언하면서 값도 넣을 수 있다. 이 방법으로 값을 넣게 되면 0부터 순서대로 방 번호를 갖게 된다. 값을 꺼내서 사용하고 싶을 때는 변수의 방 번호로 사용하면 된다. 결과는 "호랑이"가 출력된다. 이처럼 배열을 사용하면 규칙성이 없는 값들도 반복문을 활용하거나 각각의 변수선언 없이 사용할 수 있다. 배열을 ..

함수와 매개변수 함수는 같은 작업을 여러 번 반복할 때 사용한다. 예를 들어 구구단 함수를 한 번 만들어 두면 나중에 호출만 해도 사용할 수 있다. 하지만 이런식으로 작성하면 2단 부터 9단까지 총 8개의 함수가 필요하다. 이때 매개 변수를 사용하면 효율적으로 함수를 사용할 수 있다. 매개 변수란 함수를 호출 하면서 값을 함수 내부에 넣는 것이다. 사용법 : 함수를 선언할 때 매개변수를 미리 지정해 줘야하는데, 선언 시 function gugudan(매개변수의 값을 담을 변수){} 위처럼 함수를 선언하면서 소괄호 안에 매개변수로 사용할 변수를 임의로 지정한다. 사용 시 gugudan(매개변수값); 다음과 같이 함수를 호출하면서 소괄호 안에 매개 변수로 사용할 값을 넣어 호출한다. 사용할 때 입력한 매개변..

event.keycode는 키보드로 입력한 키에 부여된 고유의 코드를 가지고 올 수 있고, 그 값을 이용해서 방향키 제어를 할 수 있다, 키보드 아스키코드 참조 블로그 : blog.outsider.ne.kr/322 Javascript 키보드 Keycode(ACSII Code) 목록 :: Outsider's Dev Story 자바스크립트에서 키보드 이벤트를 받았을 때 키 값을 구별할 수 있는 Keycode (ACSII 코드) 목록입니다. 알파벳(대소문자 동일함) 키 Mozilla IE Opera pseudo ASCII codes... blog.outsider.ne.kr 오늘 사용해볼 방향키 아스키 코드는 좌측 방향키 : 37 위쪽 방향키 : 38 우측 방향키 : 39 아래 방향키 : 40 먼저 방향키를 눌..