minzzl

지금까지 클라우드 서버에 프로젝트를 배포 할 때 NginX를 사용해보적이 있으실 겁니다. Nginx는 웹서버인데요, 우선 서버란 어플리케이션을 구동하는 하드웨어로서 서버는 컴퓨터라고 일컬을 수 있습니다. 그러나 소프웨어로서 웹 서버는 사용자들이 어플리케이션에 접속하는 방법을 제어합니다. 쉽게 말하면 Web Server란 단순히 정적 파일 응답하는 소프트웨어라고 볼 수 있습니다. 우리의 경우 어플리케이션은 HTML 파일인데요, HTML 구조와 어떤 종류의 스타일이 적용되는지에 대한 모든 정보를 담고있습니다. 그래서 웹 서버는 HTTP 요청을 통해 사용자가 어플리케이션에 엑세스하는 방법을 제어합니다. 웹 사이트에 엑세스 한다는 것은 서버에 요청하는 것을 의미하고 Nginx는 한번에 10,000개 이상의 요청..

웹 개발을 하다보면 자주 접하는 쿠키와 웹스토리지. 오늘은 브라우저 저장소에 대해서 알아보겠습니다. 서버와 클라이언트가 서로 소통할 때는 HTTP 를 통해 통신합니다. HTTP는 먼저 클라이언트가 서버에서 request를 보내고 서버는 클라이언트에게 request에 대한 response를 보내고 접속을 종료합니다. 그리고 통신이 끝나면 상태, 예를 들면 인증에 쓰이는 상태 정보를 유지하지 않는다는 특징이 있습니다. 이런 특징으로 계속해서 통신 연결을 하지 않기 때문에 자원의 낭비가 줄어든다는 것은 장점이지만 통신을 할 때 마다 새로운 연결을 해줘야해서 클라이언트는 그 때마다 인증을 해주어야한다는 단점이 있습니다. 예를 들면 웹 사이트에서 로그인을 해도 페이지를 이동 할 때마다 로그인을 계속적으로 해주어야..

Javascript는 기본적으로 hosting을 제외하면 동기적인 언어입니다. 여기서 동기적이라는 것은 위에서 아래로 순차적으로 실행되는 것을 의미합니다. console.log('1'); console.log('2'); console.log('3'); // 1 // 2 // 3 만약 코드를 실행하는데 동기 적으로 처리해야한다면 어떤일이 발생할까요? 짜장면을 배달하고 손님이 다 먹은 후 그릇을 가져오는 로직이 있다고 가정해봅시다. 해당 로직의 경우 손님이 다 먹을 때 까지 기다려야하므로 효율성이 아주 떨어집니다. 이렇게 행동해야한다면 너무 비효율적이겠죠? 그래서 이 때 나온 개념이 비동기입니다. 앞선 예시를 비동기적으로 처리한다면 짜장면 배달 후 손님이 다 먹을 때까지 기다리는 것이아니라, 뒤에 해야할 일..

이 글에서는 Server와의 통신 시 이루어지는 JSON에 대해서 알아보겠습니다. JSON Javascript Object Notation ECMAScript 3rd 1999에 발표된 Javascript객체에 큰 영감을 받아서 만들어진 데이터 포멧 key와 value로 이루어진 모습을 참고 모바일이나 파일 object를 파일 시스템에 저장할 때도 JSON을 이용 데이터를 서버와 주고 받을 때 serialization을 쓴다. 프로그래밍 언어나 platform에 상관없이 사용 가능하다. Stringify() - JSON.stringify() 메소드는 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다. premitype을 JSON으로 만들경우 let json = JSON.stringify(tr..

이 글에서는 Javascript에서의 array에 대해서 알아보도록하겠습니다. 배열(array)이란? - 이름과 인덱스로 참조되는 값들의 집합 배열을 구성하는 값을 배열의 element라고 하며, 배열의 위치를 가리키는 숫자를 index라고 합니다. 자바스크립트에서 배열의 특징은 아래와 같습니다. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있습니다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있습니다. 자바스크립트에서 배열은 Array 객체로 다뤄집니다. 배열 생성 배열을 생성하는 방법은 다음과 같습니다. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 var a..

Class와 Objec는 연관있는 데이터들을 한군데 모아 놓은 컨테이너 같은 역할을 합니다. // 클래스 선언 class person { name; // 프로퍼티(혹은 속성(filed)) age; // 프로퍼티(혹은 속성(filed)) speak(); // 메소드 } // 객체 생성 // 객체를 생성할 때는 클래스앞에 new라는 키워드를 사용한다. const mike = new Person('mike', 20); console.log(mike.name); console.log(mike.age); 우선 class와 object 에 대해서 알아봅시다. Class template, 즉 틀 같은 역할을 한다. 한번만 선언한다. 클래스 안에는 데이터가 없다. 메모리에 올라가지 않는다. Object instanc ..