본문 바로가기

전체 글

(432)
자바스크립트에서의 객체: Constructor 컨스트럭터 함수 자바스크립트에서 객체를 생성하는 방법 중 하나. function SoccerPlayer() { this.position = "Forward"; } var VanPersie = new SoccerPlayer(); VanPersie.position;//Forward 이의 장점은 새로운 객체를 만들 때 초깃값을 전달하여 생성할 수 있다. function SoccerPlayer(name, position) { this.name = name; this.position = position; this.whatIsYourName = function() { return "My name is " + this.name; }; this.whatIsYourPosition = function() { return ..
객체지향 자바스크립트 자바스크립트는 객체지향(OOP: Object Oriented Programming) 언어이다. (코틀린도 이에 해당) 객체지향이란? 클래스(Class)와 객체(Object/Instance) = 메서드(Method) + 속성(Property) 캡슐화, 집합, 재사용, 상속, 변형 객체(Object/Instance) 어떤 것. 예를 들어 축구선수를 하나의 존재를 객체로 생각해보자. - 속성(Property): 객체의 특성. (ex)이름, 나이, 키, 몸무게, ... - 메서드(Method): 대상의 동작. (ex)드리블, 슛, 패스, 태클, ... var park_ji_sung = { name: "Park Ji Sung",//method: properties age: 31, height: 178, weigh..
자바스크립트의 기초 기본 문법 ;로 문장이 종료되어야 한다. 변수 이름의 시작은 항상 알파벳이나 _여야 한다. 대, 소문자를 구별한다. *예약어는 변수 이름으로 사용될 수 없다. {중괄호}를 이용해 구역을 나눈다. C/C++과 같은 구조의 조건문과 반복문을 가진다. *예약어: break, case, catch, continue, default, delete, do, else, false, finally, for, function, if, in, instanceof, new, null, return, switch, this, throw, true, try, typeof, var, void, while, with 연산자 조건 연산자: (조건)? A:B / 조건이 참일 경우 A, 거짓일 때 b를 수행함 ... 데이터 타입 Str..
JavaScript의 특징 1. 동적 형변환값에 따라 변수의 형변환이 자동으로 이루어진다.var i = 1;var ch = "a";console.log(i + ch); // 1ach = 1;console.log(i + ch); // 2 2. 프로토타입 기반 객체지향(POO)Prototypal Object-Oriented. 즉, 객체를 생성할 때 클래스로부터 그 내용을 상속받아서 객체를 만드는 것이 아니라, 객체로부터 그 특성을 복제하여 새로운 객체를 생성하기 때문에 런타임 중에서도 객체의 속성과 값을 추가하거나 변경하고 삭제까지 가능하다.var person = { name: "David Ki", age: 24};personObject age: 24 name: "David Ki" __p..
Node.js.12. Node.js의 파일 읽는 방법 CRUD 정보를 다루는 핵심 처리 방법 Create Read Update Delete 파일을 Node.js로 읽는 방법(Read) Google에 nodejs file read를 검색해보자. File system | Node.js v12.18.3 Documentation nodejs.org 혹은 nodejs 공식사이트>문서>사용하는 버전>Nodejs 모듈들 중 File System nodejs 폴더 안에 sample.txt와 fileread.js 파일을 생성한다. sample.txt에는 lorem 데이터를 갖고 있다. var fs = require('fs'); 변수 fs를 통해 Nodejs의 모듈인 file system을 다룰 수 있게 된다. fs.readFile('sample.txt', function(..
Node.js.11. App 제작 - 동적인 웹페이지 만들기 목표 query string에 따라서 다른 웹페이지를 보여주는 Nodejs 웹 애플리케이션 만들기 1. 코드 var title = queryData.id; 가독성 좋도록 queryData.id을 변수 title로 지정한다. if(_url == '/'){ title = 'Welcome'; } request.url = '/'일 때, 즉 localhost:3000일 때 title은 Welcome을 띄운다. response.end(template); 웹 애플리케이션에 변수 template 화면을 띄운다. template 화면은 이전 1.html 코드를 복사한 것이다. var template = ` ... ${title} ... `; localhost:3000일 경우 title는 Welcome을, 그 외의 경우에..
Node.js.10. URL을 통해서 입력된 값 사용하기 목표 id값(Query string)에 따라 사용자에게 다른 정보를 보여주는 Node.js 애플리케이션 만들기 main.js를 다시 불러오자. 우리의 목표는 사용자가 접속했을 때 Query string값을 JavaScript에 띄우는 것이다. 만약 Query string이 CSS라면(localhost:3000/CSS) JavaScript 텍스트 부분에 CSS라고 뜰 것이다. Query string을 가진 변수는 request.url이다. console을 통해 맞는지 확인해보니 오류가 뜨지만 아래와 같이 나온다. "/?id=HTML"이 변수 url의 값이다. 따라서 우리는 url안에 들어있는 값을 추출하는 것을 통해 우리가 원하는 값을 얻어낼 수 있다. *parse: url을 분석한다. 구글에 'nodej..
Node.js.9. URL의 이해 우리의 목표는 JavaScript를 이용하여 Node.js가 가진 기능을 호출하여 Web Application을 만드는 것이다. 앞까지 JavaScript의 문법을 간단하게 살펴보았고, 이제 Node.js 영역으로 넘어가서 Web application을 구현하는 중요한 테크닉인 'URL'을 알아보자. 다시 main.js를 불러오자. 이 정보들은 웹 페이지에 있는 1.html, 2.html와 같이 정적인 파일을 가지고 있다. 만약 우리가 1억개 페이지를 가져오고 싶다면 1억개의 정적인 파일을 가지고 있어야만 한다. 하지만 위의 두 사이트 주소를 보면 모두 앞의 값이 https://www.phpbb.com/community/viewtopic.php?f=14&t=로 동일하다. 똑같은 파일을 요청해서 받은 정보..

반응형