주록

[Network] CORS

CORS CORS (Cross Origin Resource Sharing) 는 교차 출처 리소스 공유라고 부르며 추가 HTTP 헤더를 사용하여 한 출처에서 실행 중인 웹 어플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에게 알려주는 체제이다. 쉽게 말하면 클라이언트 어플리케이션과 다른 origin을 가진 서버 어플리케이션이 서로 통신할 수 있도록 허용하는 프로토콜 이라고 생각하면 쉽게 생각할 수 있다. CORS 종류 단순요청 ( Simple requests ) 사전요청 없이 바로 요청을 보내는 것이다 여기에는 몇 가지 조건을 만족해야 한다. 메서드가 GET,POST HEAD 이어야 한다. Content-Type이 application/x-www-form-urlencod..

[WEB] 소셜 로그인

소셜 로그인 어떤 사이트에 회원가입이나 로그인을 하려고 하면 많이 접할 수 있는게 카카오,네이버,구글 등 으로 로그인 하는 버튼을 본적이 있을 것이다. 이게 바로 소셜로그인이다. 소셜 로그인은 SNS 가입자가 해당 ID로 다른 웹 사이트나 애플리케이션에 접속하는 기능이라고 이해할 수 있다. 그렇다면 이 소셜 로그인을 사용하는 이유는 무엇일까? 보통 사람들은 새로운 사이트에 내 개인정보를 입력해서 회원 가입 하는것을 번거롭고 귀찮게 생각한다. 새로 회원가입한 사이트의 계정을 관리도 해야하고 귀찮기 때문에 소셜로그인을 지원 해주는 서비스면 보통 소셜로그인으로 회원 가입하고 로그인 하는것 같다. 동작방식 1. 사용자가 소셜로그인 을 하게 되면 로그인 하고자 하는 소셜의 로그인 페이지로 이동한다. 2. 소셜 네..

[WEB] 로그인 프로세스

로그인 로그인이란 대부분 모든 사람들이 알고 있는 그 개념이 맞다. 한 웹사이트나 어플을 통해서 어떤 행동을 내가 해야할 때 필요한게 로그인이다. 하지만 그저 로그인을 하라고 하니깐 로그인을 하는것 뿐이지 이게 어떤 과정을 통해서 로그인이 되는지는 모르는 경우가 많다. 오늘은 로그인이 어떻게 진행되는지 포스팅 해보고자 한다. 1. 사용자가 로그인에 필요한 정보를 입력해서 로그인 시도 2. 사용자가 입력한 내용을 서버단에서 데이터베이스에 저장되어 있는 값과 비교 3. 그 값이 일치하면 로그인 토큰을 발급해서 클라이언트에게 전달 대략적인 로그인 프로세스는 위와 같다. 하지만 로그인은 이렇게 단순하게 이루어지지 않고 인가와 인증 과정을 거친다. 인가와 인증에 대해서는 다음 포스팅 때 자세히 작성해보고자 한다.

[WEB] 웹 크롤링 & 웹 스크래핑

Web의 데이터를 추출 할 때 보통 크롤링 또는 스크래핑을 많이 사용한다. 크롤링은 무엇이고 스크래핑은 무엇인지 포스팅 해보고자 한다. Crawling 웹 크롤링은 웹 크롤러가 일정 규칙으로 웹페이지를 브라우징 하는것 으로 정의 할 수 있다. 즉 웹상의 정보들을 탐색하고 수집하는 작업을 한다. 인터넷에 존재 하는 수 많은 정보를 사람이 일일이 파악하는것은 사실상 불가능한 이야기이다. 그래서 특정한 규칙에 따라 웹 페이지를 탐색하는 프로그램인 웹 크롤러가 탄생하였다. 클롤러라는 프로그램을 사용하여 페이지의 정보를 인덱싱 한다. 크롤링은 기본적으로 검색 엔진이 하는 일이고 페이지 전체를 보고 색인을 생성하는 것이다. 크롤러는 웹사이트를 크롤링 할 때 웹사이트의 모든 정보를 찾는다. 웹 크롤링은 일반적으로 일..

[ORM] TypeORM

TypeORM 보통 express로 개발을 하게 되면 ORM 으로 sequelize를 많이 사용했다. 하지만 Nest.js 를 사용하게 되면 많이 사용하는것이 TypeORM이다. TypeORM은 많은 데이터베이스를 지원하고 Active Record , Data Mapper 패턴을 모두 지원한다. 결론적으로 결합도가 낮고 높은 수준의 확장 가능한 어플리케이션을 작성할 수 있다. ORM에 관한것은 이미 전에 포스팅을 했기 때문에 참고 하면 좋을 것 같다. * Active Record : 모델 그 자체에 쿼리 메소드를 정의하고 모델의 메소드를 사용하여 객체를 관리 하는 방식 * Data Mapper : 분리된 클래스에 쿼리 메소드를 정의하는 방식 Repository를 이용하여 객체를 관리 하는 방식 설치 ( ..

[WEB] Husky

Husky 허스키란 git hook 사용을 도와주는 라이브러리이다. 여기서 git hook이란 어떠한 이벤트가 발생 했을 때 자동으로 특정 스크립트를 실행 하게 하는 것이다. 보통 클라이언트 훅과 서버 훅으로 나눠지며 클라이언트 훅은 commit,merge 할 때 실행되고 서버 훅은 push 할 때 서버에서 실행 된다. 쉽게 얘기해서 Husky는 git을 사용할 때 특정 스크립트를 실행 시켜주는 라이브러리 라고 정의할 수 있다. 설치 yarn add -D husky // 허스키 설치 "scripts": { "prepare": "husky install", } 아직 허스키를 설치만 했고 사용해본적은 없기 때문에 오늘은 허스키가 무엇이고 왜 허스키를 사용하는지 정도만 알아보았다. 후에 허스키를 사용해서 gi..

[JS] CallBack

CallBack 콜백함수는 진짜 JS를 처음 공부 했을 때 제일 이해가 안갔던 부분이었다. 정의 자체는 다른 함수의 인자로로 이용되는 함수를 의미하는데 이게 막상 글로 보니깐 이해가 안됐었다. 쉽게 말해서 함수를 등록하기만 하고 내가 필요할 때 호출하는 함수 정도라고 정의할 수 있다. 더 쉽게 설명 하자면 다른 함수가 실행을 끝낸 뒤 실행해줘!!! 라고 생각하면 이해하기 편하다... 먼저 콜백함수를 사용하는 이유는 무엇일까? JS는 기본적으로 비동기 방식으로 동작한다. 그래서 비동기 방식으로 작성된 함수를 동기 처리하기 위해 필요해서 사용한다. 물론 콜백함수 자체를 꼭 비동기 방식을 동기 처리하려고 쓰는것은 아니다 콜백함수에도 비동기 처리방식과 동기 처리 방식으로 나뉜다. * 동기: 하나의 요청이 오면 ..

[WEB] REST API ,GraphQL

Server API REST API 와 GraphQL의 개념을 이해하려면 먼저 Server API가 무엇인지 먼저 이해할 필요가 있다. Server API는 Server-side wev API 의 줄임말로 어떠한 요청을 하였을 때 그에 맞게 응답을 주는것을 말한다. 그 종류로는 크게 REST 와 GraphQL 이 있다. REST API REST는 REpresentational State Transfer 의 줄임말로 어떤 자원의 상태를 전달하는것 으로 정의할 수 있다. 쉽게 말하면 HTTP 메소드를 통해 CRUD(Create ,Read,Update,Delete)를 실행하는 API를 의미한다. 예시) 만약 글 관련 API를 설계한다고 했을 때 엔드포인트는 글 관련: API /posts 글 작성 : API/P..

[Network] VPC

VPC VPC(Virtual Private Cloud)는 클라우드에서 사용하는 가상 네트워크이다. 제일 쉽게 접할 수 있는 AWS를 기준으로 설명을 하겠다. VPC를 이해하기 위해서는 사전에 알아야하는 몇 가지가 있다. Region: 물리적 서버가 위치하고 있는 국가단위 위치이다. Subnet PublicSubnet: 외부가 개방되어 외부에서 인터넷 연결이 가능한 서브넷 PrivateSubnet: 내부가 차단되어 외부에서 인터넷 연결이 되지 않는 서브넷 CIDR: 클래스가 없는 도메인 간 라우팅 기법, IP 주소의 그룹을 관리하며 기존의 IP 주소 클래스 보다 유연하게 동작하는 IP 주소 할당 방법이다. VPC 기능 Reachability Analyzer VPC 내 두 개의 리소스 간 네트워크 도달 가..

[Network] Firewall,DMZ

Firewall Firewall(방화벽) 은 미리 정의된 보안 규칙에 기반한, 들어오고 나가는 네트웨크 트래픽을 모니터링 하고 제어하는 네트워크 보안 시스템이다. 방화벽은 일반적으로 내부 네트와크,외부 네트워크 간의 구성한다. 서로 다른 네트워크를 지나는 데이터를 검열하여 허용하거나 거부하는 역할을 한다. Firewall 기능 접근통제 외부에서 내부 네트워크로 접근하는 것을 패킷필터링을 통해 통제하는 기능 * 패킷필터링: 내부에서 접근하는 패킷의 IP,Port를 검열하여 접근을 통제 한다. 감사 및 로그 모든 트래픽에 대한 접속 정보 및 네트워크 사용에 따른 통계 정보를 기록 사용자의 활동이나 인가되지 않은 외부로부터 접근,침입에 대한 로그 파일을 바탕으로 보안 관리 기능을 제공 인증 방화벽은 메세지 인..

[인프라] AutoScale

AutoScale 오토스케일이란 무엇일까 지난번 포스팅에서 로드밸런서를 포스팅 했을 때 서버의 부하분산을 줄이는 방법중에 Scale라는것을 설명한적이 있다. 그러면서 그럼 트래픽이 몰리면 사람이 일일이 Scale Out 를 해주고 사람이 빠지면 Scale In를 해주면 너무 비효율적일 것이다. 그래서 사용하는것이 이 Scale를 자동으로 해주는 AutoScale 방법이다. AutoScale은 기본적으로 클라우드 환경에서 사용 하는것으로 내가 설정한 정책에 따라서 시스템을 자동으로 늘려주고 줄여주는 서비스이다. 예를 들어 갑자기 트래픽이 몰리게 되면 그 해당 서버에 CPU 사용률도 점점 높아질 것이다. 이 때 CPU 사용률이 일정 수치 높아 지면 클라우드 자체에서 내가 미리 준비한 이미지를 이용해 똑같은 ..

[인프라] CI/CD

CI/CD CICD 란 무엇일까 CI ( 지속적 통합) CD (지속적 배포 OR 딜리버리)라는 말이다. 쉽게 얘기해서 서비스 개발 단계부터 배포 단계까지 자동화하여 클라이언트에게 빈번이 배포할 수 있도록 만드는 것을 의미한다. CI CI를 적용하기 전까지는 개발을 다하고 배포가 되어야만 코드에 어떤 문제점이 있는지 잘 작동하는지를 확인하고 관리 할 수 있었다. 보통 개발자들은 하루에 몇 차례나 코드를 수정할 내용이 있으면 빌드 - > 테스트 -> 코드를 통합시킨다. 이 과정이 하루에 많이 일어나다보니 시간도 시간이고 너무 일을 하는데 있어서 비효율적이었다. 하지만 CI를 적용한 후에는 내가 구현해야할 코드를 구현만 하면된다. 그리고 수동으로 해왔던 빌드 - 테스트 - 코드통합을 자동화로 만들기 때문에 개..