개발언어
-
NodeJS Module(export, require)개발언어/Node.js 2022. 7. 8. 16:40
Module 규모있는 프로젝트를 만들때는 이 module이 항상사용된다. module은 ConsoleModule, NetworkModule, HTTPModule와 같이 연관 된 것들이 묶여 있는 것 처럼 project를 만들때도 연관이 있는 것들은 한 file내에 module별로 관리하는 것이 좋다. 위와 같은 code가 있는 counter.js file을 동일 폴더에 있는 app.js에서 이용하기 위해서는 counter.js에서 export를 하고 app.js에서 받아와야 한다. 즉 app.js에서 그냥 count 변수에 접근하거나, 함수 getCount를 이용하게 되면, count가 정의 되어있지 않다고 error message를 출력한다. export/import(NodeJs ver.) 다른 mod..
-
NodeJS this(브라우저와의 차이점)개발언어/Node.js 2022. 7. 8. 14:56
This browser에서 사용하는 this와 NodeJS에서 사용하는 this가 조금다르다. 위와 같은 코드를 이용해서 this를 출력해 보면 this가 global인 것을 확인해 볼 수 있다. 즉 함수 안에서 this를 호출하면 global이라는 것을 확인할 수 있다. A class를 만든 후에 this 확인하기 class를 만든 이후에 그안에서 this를 출력하면, 위와 같은 출력 결과를 확인 할 수 있다. class안에 있는 함수의 this는 class 자체를 가르키고 있고, 또한 class 안에서의 this는 global이 아니다. 이것은 JS와 비슷하지만 한가지 다른 점이 있다. class or 함수 안이 아닐때 this 아무 것도 출력되지 않은 것을 확인 할 수 있다. global scope..
-
NodeJS console.log()개발언어/Node.js 2022. 7. 8. 13:54
console.log() 개발할 때, 디버깅 할때, 서버를 배포했을때 유용한 도구이다. VScode를 이용해서 console의 정의부로 이동하면, console에도 많은 api가 있다는 걸 확인 할 수 있다. 현재 출력된 모든 log들을 지우고 싶다면, console에 있는 clrear를 사용하면 된다. 우리가 흔하게 log를 이용하고 있다. 하지만 사실 이런 log도 log level에 따라서, 각기 다른 것을 사용해야한다. Node로 출력 시 다 같은 디자인임에도 불구하고 다양한 api가 존재하는 이유는 server에 배포했을 시 중요한 warn이나 error같은 경우는 log file에 남기거나 log를 남길 수 있는 서비스를 이용 하는 경우가 있는데, log의 심각성에 따라서 level별로 con..
-
NodeJS - Global Object개발언어/Node.js 2022. 7. 8. 11:15
Global Object NodeJS에는 Global이라는 Object가 있다. global 실행해 보기 global에는 clearInterval이나 clearTimeout같은 것 들이 들어있는 모습을 확인 할 수있다. browser에서 동작하는 JavaScript Runtime Enviroment에서도 마찬가지 이다. browser에서 개발툴을 열어서 위와 같이 변수를 설정하고 값을 대입하게 되면 hello변수는 사실 browser에서 global객체인 window에 정의되게 된다. global.hello 반면에 NodeJS에서는 global이라는 이름이 진짜 NodeJS의 global객체이다. 그래서 global이라는 전역 객체에 hello라는 함수를 정의하게 되면 global을 생략하고 hello하..
-
espress의 server 프레임워크 사용하지 않고 개발개발언어/Node.js 2022. 6. 13. 16:08
http는 내장 모듈이기 때문에 npm으로 따로 다운받을 필요는 없다. 서버를 restart한 뒤에 브라우저를 통해 해당 port에 접속을 해보면, server를 열기위한 로딩이 끝임없이 돌아간다. server가 열려있긴 하지만 따로 root 페이지에 대한 설정을 해주지 않았기 때문에 root 경로를 찾지 못하고 끊임 로딩이 되는 것이다. createServer의 인자로 callback함수를 작성한 뒤 , 서버를 restart한다. 그리고 브라우저 url에 해당 localhost port로 request된 url이 터미널에 출력되는 것을 확인 할 수 있다. 즉, req.url로 들어오면 root 경로 이후에 있는 url을 파싱 해올 수 있다는 의미이다. req.url로 라우팅 하기 이 파싱한 값을 이용해..
-
espress로 서버 띄우기개발언어/Node.js 2022. 6. 13. 15:25
파일 : app.js const express = require("express"); const app = express(); app.listen(3000,()=> { console.log("서버 가동"); }); app.js 파일에 위와 같이 코드를 작성하고 비주얼스튜디오 에디터를 이용해 터미널을 열어 node 명령어를 실행시키면, app.js 파일을 javascript로 읽어준다. 다시말해 node 명령어는 V8엔진을 이용해서, 작성한 코드를 해석해달라는 명령어이다. *V8엔진 : 크롬 브라우저에서도 사용되는 자바스크립트 컴파일러이다. 1. npm을 이용해서 modle설치 -s 는 --save 명령어와 동일하다. npm install을 할 땐 일단은 --save라는 명령어를 넣어야 한다. 그래야 추후..
-
TypeScript의 함수 4 (Conclusions)개발언어/TypeScript 2022. 6. 13. 12:29
Conclusions 제네릭을 사용해서 직접 사용해서 직접 call signature을 만드는 일은 거의 없다. 왜냐하면 실제 개발에서는 주로 다른 패키지를 사용하거나 혹은 라이브러리를 사용하고, 그리고 그 라이브러리들이 제네릭을 통해서 생성이 된다. 다시 말하면 라이브러리를 만들거나. 다른 개발자가 사용할 기능을 개발하는 경우엔 제네릭이 유용할 것이다. 하지만 그외 대부분의 경우에는 제네릭을 직접 작성할 일은 없을 것이다. 대부분 제네릭을 사용만 하게 될 것 이다. nest.js next.js react.js 를 사용하게 된다면 제네릭을 사용하게 될 것이고, 타입스크립트에게 제네릭을 보내게 될 것이다. 즉 제네익을 사용하는 call signature를 작성하게 될 것이다. call signature 외..
-
TypeScript의 함수 3 (Polymorphism)개발언어/TypeScript 2022. 6. 12. 18:23
Polymorphism 다형성(polymorphise)이란 무엇일까? poly는 그리스어로 many,several,much,multi 라는 의미이다. polygon(다각형)같은 단어를 생각하면 된다. 더불어 morphos혹은 morphic은 form(형태), structure(구조)란 뜻을 가지고 있다. 즉 polymorphous란 여러가지 다른 구조들이라는 의미이다. 기본적으로 함수는 여러가지 다른 모양을 가지고 있다. 앞서 말한 함수의 다형성에서 함수는 서로다른 2-3개의 인자를 가질 수 있다는 사실을 살펴보았다. 그리고 타입스크립트에서 함수는 string이나 object를 첫번째 인자로 가질 수 있다. 그러니까 우리는 이미 약간의 여럭가지 모양의 다형성을 경험해 본 것이다. 제네릭이 다형성에 어떻게..