분류 전체보기 48

Javascript 상속

이번에 클래스 형식과 function 생성자 형식 상속에 대해서 공부하겠습니다. Class 방식이 훨씬 사용하기 쉬우니까 Class방식 쓰시길 바랍니다. ES6이상 형식이기도 하고요 class 방식 class Person{ constructor(name,age,value,lang){ this.name= name; this.age=age; this.value=value; this.lang=lang; } sum(){ return 'class'+(this.age+this.value); } } //기존 다른 언어의 상속처럼 extends 만 사용하면 됩니다. class People extends Person{ constructor(name,age,value,lang,money){ //super 는 ()로 처리가..

Web/JavaScript 2020.03.03

Javascript 생성자(Constructor)와 클래스(Class)

자바스크립트 ES6이전에는 Class를 사용할 수 없어서 대용으로 생성자와 프로토 타입을 사용해서 클래스처럼 사용할 수 있었다. 기존의 방식 생성자와 프로토 타입 코딩 나쁜 방식과 좋은 방식을 먼저 보자. //나쁜 방식( 생성자 내부에 메서드를 넣는 행위) //하나씩 생성시마다 메서드 메모리를 줘야해서 메모리 낭비됨. function Person (name,age,value,lang) { this.name=name; this.age=age; this.value=value; this.lang=lang; this.sum = function(){ return this.age+this.value; } } let kim = new Person("김씨",23,55,"chn"); //메서드 변경 kim.sum= fu..

Web/JavaScript 2020.03.03

웹스톰 로컬저장 서버 연동하기

https://intellij-support.jetbrains.com/hc/en-us/community/posts/207189015-Auto-upload-doesn-t-work Auto-upload doesn't work Hi! I have PHPStorm 10, and auto-upload isn't working. I configured the Remote Host, and it shows the files on the host in the interface, so I have the password right. I have "Auto-Upload"... intellij-support.jetbrains.com 안된다면 따라 하세요 마지막으로 폴더 위 + - 옆 체크 부분을 눌러서 연동을 설정 완료해야..

Tool 2020.02.29

Nginx를 사용한 리버스 프록시서버 만들기

아마존 리눅스 환경에서 작업했습니다. 터미널 작업은 putty 사용했습니다. Nginx설치 방법은 여기를 참고해주세요 https://medium.com/@taeyeolkim/aws-ec2%EC%97%90-%EC%9B%B9%EC%84%9C%EB%B2%84-nginx-%EC%84%A4%EC%B9%98%ED%95%98%EA%B3%A0-%EA%B5%AC%EB%8F%99%ED%95%98%EA%B8%B0-a46a6e9484a8 Nodejs에서도 서버 역할을 할 수 있는데 저는 Nginx로 프락시 서버를 구성하려고 합니다 보안에 좀 더 안정적이기 때문! Nginx는 비동기를 기반으로 작동되는 서버로 많은 트래픽에도 안전하고 이벤트 드리븐 기반이라 성능에서도 우월하다고 합니다. 이벤트 드리븐 방식에 대해서는 나중에 설..

DevOps/Nginx 2020.02.21

express 모듈 활용 정적 파일

express 모듈을 사용해서 html 파일을 열고 페이지 이동하려고 하니 페이지가 이동되지 않았다. html 파일에서 a태그를 이용해서 페이지를 이동하려고 했는데 클릭을 해도 동일한 페이지만 자꾸 뜨는 문제가 발생했다. 페이지 접속할 때마다 hello라는 로그를 cmd에 뜨도록 했는데 계속해서 동일한 페이지를 요청하고 응답해주는 것이었다. 아래의 코드를 활용하고 있었는데 express.use에 내가 잘 모르고 활용하고 있다고 생각이 들었다. var express = require('express'); var app = express(); var http = require('http'); var server = http.Server(app); app.use('/', function(req, resp) {..

Web/Node.js 2020.01.16

var, const, let 의 특징

var는 변수 재선언.재할당이 가능하다. var name = 'happy'[선언] console.log(name) => happy var name = 'sad'[재선언] console.log(name) => sad name = 'bad'[재할당] consol.log(name) => bad 이런 문제가 발생해서 const와 let이 나왔는데 let과 const모두 재선언이 불가능하다. 차이는 재할당에 있는데 let은 재할당이 가능하고 const는 재할당까지도 불가능하다 let => 재선언 x, 재할당 o const => 재선언 x, 재할당 x 또한 var는 function단위로 {}내부 지역변수로 사용되고 const와 let은 block단위로 function보다 작은 활동범위 내에서도 구분되어 사용된다고 ..

Web/JavaScript 2019.12.31

HTTP

HTTP는 웹에서 정보를 주고받을 수 있는 프로토콜로 자세히 말하면 클라이언트가 서버에 정보 요청을 하고 응답하는 방식에 대한 프로토콜인데 서버는 여러 정보를 가지고 있는 네이버나 구글이라고 할 수 있다. 클라이언트 내부에는 내 정보 외의 정보는 전혀 갖고 있지 않기 때문에 네이버 같은 웹사이트에서 비디오나 뉴스 같은 정보를 얻기 위해서 요청을 해야 한다. 그리고 그 요청에 맞게 서버가 정보를 다시 제공(응답)해주게 되어 클라이언트에서도 외부 서버에서 갖고 있는 정보를 볼 수 있다. 그리고 서버 부하를 줄이기 위해 곧바로 연결을 끊는 것이 특징이다. 그렇기 때문에 단순 정보를 제공받는 곳에 주로 쓰이게 되고 메시지나 채팅같이 지속적인 응답 요청 방식의 연결과는 부합하지 않다. 이를 해결하기 위해 웹소켓을..

Web 2019.12.30