분류 전체보기

쿠키 vs 로컬스토리지 vs 세션스토리지

COOKIE 쿠키? 쿠키는 클라이언트에 대한 정보를 이용자의 PC의 하드디스크에 보관하기 위해서 웹 사이트에서 클라이언트의 웹 브라우저에 전송하는 정보이다. 쉽게 생각하면 통행증 정도로 생각하면 편하다. 로그인 기능을 구현할 때 요즘은 대부분 토큰을 사용한다. 이 토큰은 로그인 시 고유하게 가지고 있는 unique한 값을 가지게 된다. 여기서 토큰을 사람에 대한 신분증 이라고 하자. 옛날에는 다른 도시를 지나가려면 통행증이 필수적으로 필요하다(아니여도 그렇다고 치자) 그러면 이 통행증을 가지고 있으면 그 도시는 언제든지 마음대로 왕복할 수 있다. 통행증을 발급받으려면 신분증이 필요한 것이다. 웹에서는 로그인을 하기위해서는 항상 토큰을 발급받는 API를 사용해야 할 것이다. 근데 서비스를 이용하다 보면 토..

PM2 기본적인 것

PM2 뜬금없이 pm2에 대한 포스팅을 하는 이유는 이제 서버에서 호스팅을 시작하기 때문이다. pm2는 process manager 의 약자로 nodeJS를 이용해 서버를 돌리는 사람에게 많은 도움을 준다고 생각하면 된다. 대표적인 기능 앱에서 충돌이 발생할 경우 앱을 자동으로 다시 시작 런타임 시 서버가 자원을 얼마나 먹는지에 대해서 알 수 있음 클러스터링으로 성능 향상 1번기능이 아주 매력적이라고 생각이든다. 서버가 살아있는지 죽었는지 매시간 매분 매초마다 확인할 수 없기 때문에 아주 유용한 것 같다. pm2 설치 이제 저도 맥으로 바꿔서 맥용으로 작성하도록 하겠다. 윈도우는 앞 $ 명령어만 제거하시면 될 것 같다. $npm install pm2 -g호스팅하는 시점이니 npm은 당연히 설치가 되있을 ..

05. Angular로 개발하기 - 3 - 구조 지시자

Angular로 개발하기 - 5 데코레이터 ( 이건 이전에 것 보충 ) export class simpleComponent { }컴포넌트는 하나의 클래스다 위 처럼 simpleComponent라는 클래스가 있다고 가정해보자. 이 클래스는 아직까지는 순수한 타입스크립트 클래스이다. 여기서 순수하다라는 표현은 아직까지는 컴포넌트가 아니라는 뜻이다. 즉 컴포넌트로 사용하기 위해서는 앵귤러에게 컴포넌트임을 알려주어야한다. 여기서 사용하는 것이 Component 데코레이터이다. 데코레이터가 대상을 장식한다는 의미를 가진 것처럼 컴포넌트데코레이터는 앵귤러가 평범한 타입스크립트 클래스를 컴포넌트로 인지할 수 있도록 하는 역할을 한다. import { Component } from '@angular/core&#..

04. Angular로 개발하기 - 2 - 서비스/의존성주입

Angular로 개발하기 - 2 서비스와 의존성 주입 서비스는 애플리케이션의 비즈니스 로직을 담는 클래스이다. 서비스를 이용하는 이유는 컴포넌트에서 비즈니스 로직을 분리하기 위해서이다. 일단 서비스를 만들어보자! ng g service 서비스(클래스)명 서비스를 생성하고 나면 서비스명.service.ts와 서비스명.service.ts 파일이 생성된다 ~.service.ts : 속성들과 메소드들로 이루어지는 서비스의 핵심적인 파일이다. ~.service.spec.ts : 테스트를 위해서 만들어지는 파일이다. (테스트관련은 추후 공부 예정) ser-a.service.ts import { Injectable } from '@angular/core'; @Injectable() export clas..

03. Angular로 개발하기 - 1 - src/app, Component, Data Binding

Angular로 개발하기 개발하기에 앞서 Angular라는 프레임워크를 이용해서 웹 애플리케이션을 개발하려면 크게 두가지를 생각해야 한다. 1. 사용자와 상호작용할 뷰를 구성 일반적인 웹 애플리케이션은 API혹은 배치 프로그램과 같이 다른 애플리케이션과 통신하며 구현된 기능에 따라 동작한다. 하지만 사용자용 애플리케이션의 핵심은 사용자와의 상호작용이다. 해당 애플리케이션의 실행 전반에 걸쳐 사용자와 반복적으로 상호작용하므로 사용자와 소통할 매개로서 뷰가 반드시 필요하다. 이 말이 무엇일까 고민을 많이 해보았는데 이 뷰라는 녀석이 직접 사용자와 소통을 한다는 뜻인 것 같다. 즉 사용자가 보게되는 페이지 중 에서도 사용자와 상호작용할 수 있는 뷰가 반드시 필요하다라는 것 같다. 2. 뷰와 연결된 일련의 로직..

02. Angular 시작하기

Angular 시작하기 타입스크립트의 개념과 특징 HELLO, Angular! 타입스크립트 타입스크립트(TypeScript)는 마이크로소프트에서 개발 및 유지되는 자바스크립트 슈퍼셋이다. 타입스크립트는 자바스크립트로 대규모 애플리케이션 개발을 위해 개발되었다. 자바스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다. - 위키백과 - 핵심은 안정적으로 어플리케이션을 개발하기 위해서 자바스크립트에 Something을 추가한 언어입니다. Sth 1. 자바스크립트 문법에 타입 정보 추가 Sth 2. 코드를 안정적으로 수정하고 오류를 검사할 수 있는 기능 추가 즉, 타입스크립트는 자바스크립트를 포함하고 있다고 생각하시면 됩니다. *'자바스크립트의 문법을 그..