크라켄(GitKraken) 쉘 문제로 인한 command not found 현상 해결

목차 command not found 문제발생 최근 MacOS를 Ventura 3.4.1 로 업데이트한 이후로 다음과 같이 커밋할 때 huskey pre-commit이 동작하지 않는 문제가 발생했다. 액티비티 로그를 확인해보니 yarn 명령어를 찾을 수 없다고 한다. (yarn: command not found) npm이든 yarn 이든 명령어를 찾지 못한다. 원인 - 크라켄 내장 쉘이 sh로 실행됨 원인은 gitKraken에서 git을 실행하는 내장 쉘 타입이 sh로 잡혀있기 때문이다. 그래서 다음의 시도를 해봤지만 여전히 sh로 잡히는데 이유를 잘 모르겠다. gitKraken 설정에서 사용중인 iTerm2로 바꾼다. 기본 맥터미널 애플리케이션에서 쉘 경로를 사용중인 /bin/zsh로 변경한다. git..

맥북 yarn 개발환경 구축) Node 및 Yarn berry 설치

목차 1. Homebrew 설치 https://brew.sh/index_ko 접속하여 아래 명령어를 입력합니다. Homebrew The Missing Package Manager for macOS (or Linux). brew.sh $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 이후 "brew help" 명령어로 정상적으로 설치되었는지 확인합니다. 2. nvm 설치 nvm(nodejs version manager)을 설치해줍니다. $ brew install nvm 3. shell에 nvm 환경변수 등록 nvm을 전역 명령어로 인식할 수 있도록 환경 변수를 등록해주어야 합니다. ..

[Swiper.js 에러] 하나 스와이프시 다른 스와이퍼도 움직일 때

문제. swiper/react 사용시 다른 스와이퍼까지 함께 움직이거나 버벅이는 현상 발생 실무에서 페이지 하나에 많은 스와이퍼 컴포넌트를 사용하는 사례가 있었다. 이 때, 신기하게도 핸드폰 웹뷰등으로 잘못 드래그(스와이핑)하면, 스와이퍼 아이템이 애매하게 스와이프되어 멈추거나, 화면 내의 다른 swiper 까지 함께 움직이거나 버벅이는 현상이 발생했다. 문제 발생 정보 swiper : 9.0.5 버전 react: 17.0.2 버전 해결. swiper.js 내의 overflow:hidden을 제거 하고, 부모 HTML 태그에 overflow:hidden 적용 사용하고 있는 UI 스타일과 뭔가 겹치는 문제가 발생했던 것일까? swiper.js 에 적용되어 있는 overflow:hidden을 unset 하고..

Nuxt 베이스 프로젝트(5) - 환경변수로 개발/배포 환경 분리하기

vue에서는 보통 axios 를 이용해 api를 호출합니다. 이번 포스팅에서는 nuxt 프로젝트에 axios를 repository 패턴으로 적용해보기 전에, 환경변수를 통해 환경에 따라 api 요청 URL을 분리하는 등의 작업을 해보겠습니다. step1. 환경변수 개발계/운영계 분리하기 실제 프로젝트를 진행하다 보면 개발계/운영계를 분리하거나, 써드파티 서비스에서 api를 호출하는 등 다양한 환경에 부딪힐 수 있습니다. 이를 위해 먼저 환경변수를 개발계/ 운영계로 분리해보겠습니다. 기존에 존재하는 .env 파일은 다음과 같이 수정해줍니다. BASE_URL=http://localhost:3000 SAMPLE_URL=https://daum.net 새로 만드는 .env.development 파일은 다음과 같이..

Nuxt 베이스 프로젝트(4) - Buefy 활용해 UI 개발하기

기존 포스팅에서 buefy 로 nuxt 프로젝트를 생성 nuxt-property-decorator 모듈 설치 하였습니다. 이를 활용해서 아래와 같이 UI 컴포넌트들을 만들어 보려고 합니다. 여러 개의 layout 만들기 여러 개의 page 만들기 URL : /user/login 레이아웃 : full.vue 사용 css : buefy, tailwind css URL : /admin/menu1~3 레이아웃: admin.vue 사용 css : buefy 전체 소스 코드는 여기 에서 확인하세요 CSS 정의 하기 수정하거나 추가해야하는 css 파일 구조는 다음과 같습니다. 메인 칼라 및 블랙 칼라 지정하기 먼저 buefy-custom.scss 파일에서 메인 컬러 하나와 사용할 black 칼라를 지정합니다. //a..

Nuxt 베이스 프로젝트(3) - VS Code 세팅 및 Typescript 관련 추가 적용

개요 Nuxt project 를 생성할 때, 사용 언어로는 TypeScript를, lint tool로는 ESLint 와 Prettier 를 선택했습니다. 이를 더 잘 활용하기 위해, 또는 제대로 적용하여 사용할 수 있도록 다음 목록을 프로젝트에 적용하려 합니다. VS Code 플러그인 설치 eslint, prettier 자동 적용을 위한 vs code setting 타입스크립트 활용을 높이기 위한 npm 모듈 설치 vuex-module-decorators nuxt-property-decorator eslint,prettier, vetur 코딩 규칙에 설치한 npm 모듈의 사용 방식이 위배되지 않도록 vs code setting 1. VS Code 플러그인 설치 선택으로 표시한 플러그인은, 단지 추천하는 ..

Nuxt 베이스 프로젝트(2) - Buefy 커스텀 및 tailwind css 적용

웹사이트의 UI 작성을 위하여 Buefy 와 tailwind css 를 적용하려 합니다. Buefy 나 tailwind css 중 하나를 적용하지 않고 두 개를 적용하는 이유는 다음의 스텝으로 UI 개발을 진행하기 위함입니다. UI 컴포넌트는 기본적으로 Buefy의 컴포넌트 활용 전체 테마는 assets/scss/buefy/buefy-custom.scss에 buefy 변수 작성 1차 커스터마이징은 기본 제공되는 Buefy 컴포넌트의 property 활용 2차 커스터마이징은 tailwind.config.js에 정의한 tailwind css를 활용해 클래스로 작성 1. Buefy 커스텀하기 buefy 는 커스텀을 위한 가이드가 잘 되어 있습니다. 추후 디자이너의 요구사항을 잘 반영할 수 있도록, Buefy ..

Nuxt 베이스 프로젝트(1) - Nuxt 프로젝트 생성

다음의 환경에서 진행하였습니다. 환경 버전 mac OS 10.14.6 node version 12.12.0 npm version 6.11.3 1. Nuxt Project 생성 nuxt-starter-kit 이라는 프로젝트명으로 nuxt 프로젝트를 생성합니다. 기타 초기 설정은 아래와 같습니다. $ npx create-nuxt-app nuxt-starter-kit ✨ Generating Nuxt.js project in nuxt-starter-kit ? Project name : nuxt-starter-kit ? Project description : ? Author name : Devist ? Choose programming language : TypeScript ? Choose the package ..

Nuxt + TypeScript + Buefy + Tailwind Css + Cypress + StoryBook

- Nuxt 프로젝트 생성 - Buefy + Tailwind css 적용 - visual studio code 세팅, TypeScript 관련 모듈 설치 - UI 개발 - API 통신을 위한 Repository 패턴 적용 - 목업 서버 개발 - Cypress 테스트 - 개발계, 운영계 분리

ESDoc 설치 및 사용방법 | ES6 자바스크립트 문서화하기

목차 esdoc은 JavaScript용 문서 제네레이터, 특히 es6에 특화된 documentation generator입니다. 비슷하게 JavaScript의 주석을 문서로 만들어주는 것으로, JSdoc 도 있습니다. 현재 진행하고 있는 프로젝트는 es6로 개발하고 있으므로, esdoc을 설치 및 사용하여 자바스크립트 파일을 주석으로 문서화해보려고 합니다. (JSDOC 설치 관련해서는 다음의 포스팅을 참고해주세요.) JSDoc 설치 및 사용방법 | JavaDoc과 비슷한 JSDoc으로 자바스크립트 문서화 목차 JavaScript에서 JAVADOC 처럼 문서를 뽑아주는 JSDOC 이라는 플러그인이 있습니다. 이에 대해 구체적인 사용방법이 정리되어 있는 블로그가 없는 것 같아 정리해 봅니다. ESDOC 설치..

JSDoc 설치 및 사용방법 | JavaDoc과 비슷한 JSDoc으로 자바스크립트 문서화

목차 JavaScript에서 JAVADOC 처럼 문서를 뽑아주는 JSDOC 이라는 플러그인이 있습니다. 이에 대해 구체적인 사용방법이 정리되어 있는 블로그가 없는 것 같아 정리해 봅니다. ESDOC 설치 관련해서는 다음의 포스팅을 참조해주세요. ESDoc 설치 및 사용방법 | ES6 자바스크립트 문서화하기 목차 esdoc은 JavaScript용 문서 제네레이터, 특히 es6에 특화된 documentation generator입니다. 비슷하게 JavaScript의 주석을 문서로 만들어주는 것으로, JSdoc 도 있습니다. 현재 진행하고 있는 프로젝트는 es6 pliss.tistory.com JSDOC 사용법이 정리되어 있는 사이트 JSDOC Github 사이트 JSDOC은 다양한 템플릿으로 문서를 만들 수..

GCP로 해보는 Jenkins를 활용한 CI_설치편

GCP로 해보는 Jenkins를 활용한 CI_1Google cloud Platform에 무료 VM(리눅스 Centos7)을 할당 받아서,깃랩,젠킨스,웹팩, 모카를 연동해 보려고 합니다.JenkinsJenkins는 소프트웨어를 작성, 테스트 및 배포하거나 배포하는 것과 관련된 모든 종류의 작업을 자동화하는 데 사용할 수있는 자체 포함 된 오픈 소스 자동화 서버입니다.Jenkins는 기본 시스템 패키지 인 Docker에 설치하거나 Java Runtime Environment (JRE)가 설치된 모든 시스템에서 독립 실행 형으로 실행할 수도 있습니다. 먼저 Google Cloud Platform에 프로젝트를 생성하고, 거기에 Centos7 VM 인스턴스를 하나 만들 겁니다. 이후 여기에 Jenkins를 설치하..

[자바 기본] 객체 이용하기

자바에서 객체란?변수들의 콜렉션이다. 개체와, 메서드들의 모음을 나타내기 때문이다. 쉽게 말하면, 객체에는 상태와 행위가 있다.원시 타입을 제외하면, 자바 언어의 다른 모든 변수들은 참조 타입 이다.가장 중요한 차이점은 빈 객체를 의미하는 표현인 null이 존재한다는 것이다.즉, 객체 내의 변수들은 null로 설정될 수 있으며 메서드 또한 null을 반환할 수 있다.그러나 Null 참조에 대한 관련 메스들 호출할 수는 없으며, 호출하려고 하면 NullPointerException이 발생한다.예를 들어 String 은 참조 변수이며, String으로 선언된 변수가 null일 경우, 기본 메소드인 length() 를 사용하려고 할 경우 NullPointerException이 발생한다. 참조 타입이란?원시 타..

[자바 기본] 원시 타입

원시 타입-[Boolean] [정수 short, int, long] [실수 float,double], [문자 char => unsigned 타입으로, 유니코드이므로 범위는 0~65535까지이다.] -JVM은 이들을 참조 타입(객체) 와 다른 방식으로 다룸(비객체 타입)-항상 값이 있는 상태, 즉 Null이 될 수 없음-OS 에 따른 자료형의 길이 변화 없음-사용하기 전에 반드시 선언되어야 함-원시 타입 정의에서, 값이 할당되지 않은 경우, 그 변수는 기본값으로 지정됨.┗>Boolean 은 false, 다른 타입은 0 (ex, int=0, float=0.0f)-char 타입을 제외하고, 컴파일러는 해당 값의 저장을 위해 상위 타입을 자동으로 사용가능하다. (상위 타입에 하위 타입을 입혀도 호환 가능)┗>w..

[Android Studio 3.0.1]Unable to resolve dependency for ~ 에러 해결

목차 Mac에서 안드로이드 스튜디오 2점대 버전과 관련 설정들을 모두 삭제한 후, 안드로이드 스튜디오 3.0.1 을 깔고 새로운 프로젝트를 생성했더니 에러에 직면했다. 에러는 모드 Unable to resolve dependency for ~~ 로 시작하였다. 에러 내용 Error:Error:Unable to resolve dependency for ':app@debug/compileClasspath': Could not resolve com.android.support:appcompat-v7:26.1.0. Error:Error:Unable to resolve dependency for ':app@debugAndroidTest/compileClasspath': Could not resolve com.an..

1- 알고리즘 분석

C++로 배우는 자료구조와 알고리즘 학습내용 정리 - 경험적 분석 / 수학적 분석- 최악의 경우 / 최선의 경우- 알고리즘 유형- 알고리즘 성능 표기법 알고리즘을 분석하는 방법에는 경험적 분석 과 수학적 분석이 있다.분석이란 특정한 문제를 해결할 때 어떠한 알고리즘을 정확히 선택하기 위한 방법이다.결국 알고리즘이 자원을 어떻게 소모하느냐인데,이에 대해서는 시간 소모량(걸리는 시간) vs 공간 소모량(메모리) 으로 나눌 수 있다.일반적으로 공간 소요량보다 시간 소요량을 중요하게 여기는 경우가 많다.경험적 분석? 실제 코드 작성 후, 실행하여 시간을 측정한다.데이터 수를 다르게 하여 함수관계 유추수학적 분석?알고리즘 자체를 가지고 수학적인 분석을 함. 최악의 경우 vs 최선의 경우최악의 경우(Worst Ca..

리눅스 폴더 전체 압축/해제

리눅스 폴더 전체 압축/해제 압축하기tar cfvz 파일명.tgz 폴더경로/ 압축 해제 - 하위 폴더로 보통 test 폴더를 포함하고 있어서 test 아래에 풀린다.tar xfvz test.tgz 압축 해제 - 폴더 지정tar xfvz 파일명 -C 폴더경로

ionic3-typescript-firebase by Jorge Vergara

*이 글은 https://javebratt.com/firebase-objects-ionic-2-app/ 의 내용을 번역한거다.오랜만에 ionic으로 하이브리드 앱을 개발하려고 보니 너무 많은 것들이 바뀌어 있었다.ionic3로 무작정 시작했는데, angular4와 typescript라는 생소한 언어는 무작정 도전할 수 있는 게 아니었다.거기다 typescript도 생소한데 여기에 firebase까지 사용하려니 난감했다.그러다 발견한 이 자료! 너무 큰 도움이 되었다. 다른 초급자 분들께도 추천해주고 싶어서 막가파 번역을 진행했다.이 글에 있는 것은 My Event Manager만 포함된 내용으로, 모든 내용이 포함된 PDF를 보려면 돈을 지불해야 한다.Chapter2를 읽어본 나로써는 별로 아깝지 않을 ..

3.트랜스포트 계층(4)_네트워크 상태 확인 명령 netstat

3.트랜스포트 계층(3)_고속으로 전달하는 UDP

3.트랜스포트 계층(2)_정확하게 전달하는 TCP

트랜스포트 계층-TCP(Transmission Control Protocol) TCP가 하는 일-TCP는 트랜스포트 계층의 프로토콜의 하나로서 [웹, 이메일, FTP] 등 정확한 데이터 전달이 필요한 통신에 사용됨-TCP는 데이터 전송에 신뢰성을 더하기 위해 데이터를 세그먼트(segment)=(TCP 헤더 + 데이터)라는 단위로 분할전송 속도를 조절데이터 전달이 제대로 되지 않은 경우 재전송 (클라이언트에서 응답한 바이트 수와 비교해서, 차이가 있을 경우 재전송)한다. TCP 헤더 구조-TCP 세그먼트는 데이터 본체 + TCP 헤더 형태로 구성된다.↘컨트롤 비트= 현재의 통신 상태를 표현하는 플래그 역할.통신 상대에게 이 정보를 전달함으로써, TCP 통신을 제어하는 용도로 사용한다.9개의 플래그는 각각 ..

3.트랜스포트 계층(1)_역할과 포트번호

트랜스포트 계층컴퓨터 안까지 들어온 데이터를 각 프로그램가지 전달하는 역할을 한다.여러 기기로부터 받은 데이터는 트랜스포트 계층에서 포트 번호를 기준으로 분류되어, 애플리케이션 계층에 전달된다.애플리케이션 계층에는 다양한 프로토콜이 있었지만, 트랜스포트 계층의 대표적인 프로토콜은 TCP와 UDP 두 가지가 존재한다.TCP : 웹, 이메일과 같이 데이터가 정확하게 전달되어야 하는 통신에 사용 -> 수신지에 데이터가 정확하게 전달되도록 전송 속도 조절, 도달하지 않은 데이터 재전송 UDP : Voip, 동영상 스트리밍과 같이 빠르게 전달해야 하는 통신에 사용-> 동영상 스트리밍 등 실시간 통신이나 전송 속도가 중요한 통신에 사용 트랜스포트 계층의 역할-애플리케이션 계층과 인터넷 계층 사이에 위치-인터넷 계층..

[리눅스] 쉘스크립트와 crontab을 이용한 LOG 자동 정리

목차 [리눅스] 쉘스크립트와 crontab을 이용한 LOG 자동 정리 방법 운영되고 있던 대규모 시스템의 운영을 맡게 되면서, 그것도 혼자. 이런저런 문제에 부딪히곤 한다. 그 중에 부딪혔던 상황 중 하나는, 아래와 같이 서버 용량이 꽉 차 서비스가 불가능해져버린 상황이다. (용량 확인 명령어 : df -h) 용량이 꽉 찼던 원인을 찾아 보았더니 아래 그림처럼, 매일 생성되는 로그의 양이 엄청났기 때문이다. 저 정도 크기의 로그는 확인도 힘들 뿐더러, 3~4일 지난 로그는 필요가 없기 때문에 자동으로 압축 및 삭제 되도록 해도 아무 문제가 없다. 방법은 간단하다. 간단한 쉘 스크립트 작성 후, crontab 을 이용해 작성한 쉘 스크립트가 특정 시간에 실행되도록 자동 일정을 등록해준다. 1. 로그 압축 ..

[FCM-4] Firebase Cloud Messaing 상세 구현(메시지 우선순위 및 수명 설정)

메시지 우선순위 설정 용어 다운스트림 - 상위에서 하위로 보내는 것 (FCM 서버 -> 디바이스들에 설치된 앱) 다운스트림의 경우, 우선 순위로 [보통, normal], [높은, high] 을 할당할 수 있다. 우선순위에 대해 다음과 같이 작동한다. 보통 우선순위 ''데이터 메시지'' 는 기본적으로 보통 우선순위를 가진다. (바꿀 수 있음) 절전 모드인 기기에서 네트워크 연결을 열지 않으며 배터리 절약을 위해 전송 지연이 발생할 수 있음 사용 예 : [새로운 이메일 알림],[데이터 동기화] 등 시간이 크게 중요하지 않은 메시지의 경우 보통 우선순위 사용을 고려한다. 높은 우선순위 ''알림 메시지''는 기본적으로 높은 우선순위를 가진다.(바꿀 수 있음) FCM에서 즉시 메시지를 전송하려고 시도한다. 메시지..

[FCM-3] Firebase Cloud Messaing 상세 구현(축소형메시지vs비축소형메시지)

비축소형 메시지 vs 축소형 메시지 목차 비축소형 메시지 (데이터 메시지, 알림 && 데이터 메시지) 각각의 개별 메시지가 기기로 전송됨을 의미 서버에 접속하여 데이터를 가져오기 위해 모바일 앱으로 'ping'을 보내는 것이 아닌, 유용한 콘텐츠를 전송 항상 축소형인 알림 메시지를 제외하고는 모두 비축소형 FCM은 전송 순서를 보장하지 않음 사용 사례 : 채팅 메시지(메시지마다 콘텐츠가 달라,모든 메시지를 전송), 중요한 메시지 축소 없이 저장할 수 있는 메시지는 최대 100개. 이 한도에 도달하면 저장된 메시지가 모두 삭제됨 기기가 다시 온라인 상태가 되면, 한도에 도달했음을 나타내는 특수 메시지 수신 이를 활용해 보통 앱에서 앱 서버에 전체 동기화를 요청하는 방식으로 이 문제를 해결할 수 있음. 축소..

[FCM-2] Firebase Cloud Messaing 상세 구현(알림메시지vs데이터메시지)

1. 메시지 유형 (알림 메시지 vs 데이터 메시지) 알림메시지 FCM이 클라이언트 앱을 대신해 최종 사용자 기기에 자동으로 메시지 표시. 사용자에게 표시되는 키 모음이 사전 정의되어 있음. 전송 방법 앱 서버 및 FCM 서버 API 사용 : notification 키를 설정. 선택사항으로 데이터 페이로드 추가 가능. 항상 축소형임 알림 콘솔 사용 : 메시지 본문, 제목 등을 입력하고 전송. 알림 콘솔에서 맞춤 데이터를 제공하여 선택사항인 데이터 페이로드를 추가. 항상 축소형임 데이터 메시지 클라이언트 앱이 데이터 메시지 처리를 담당. 데이터 메시지에는 맞춤 키-값 쌍만 있음 (사전 정의 된 키 모음 없음) 전송 방법 앱 서버 및 FCM 서버 API 사용 : data 키만 설정. 축소형, 비축소형 모두 ..

[FCM-1] Firebase Cloud Messaing 주요 기능 및 기본 구현 방법

ㄱ.FCM 주요 기능 :알림메시지 or 데이터 메시지 전송알림메시지 : 자동 알림(2KB로 제한, 항상 축소형, 사용자에게 표시되는 키모음이 사전 정의되어 있음)데이터 메시지 : 앱 단의 코드에서 처리(최대 4KB의 맞춤 키-값 쌍을 보낼 수 있음)[단일 기기, 기기 그룹, 주제] 3가지 방식으로 메시지 배포 가능구글 측의 신뢰성 높고 효율적인 연결 채널로, 기기에서 다시 서버로 [확인,채팅,기타메시지] 전송 가능 ㄴ.기본적인 구현 방법 :FCM SDK 설정 : 플랫폼에 맞는 설정 안내에 따라 앱에서 Firebase 및 FCM을 설정클라이언트 앱 개발 : 클라이언트 앱에서 [메시지 처리, 주제 구독 로직, 기타 부가 기능] 을 추가. 개발 중에 알림 콘솔에서 간편하게 테스트 메시지 보낼 수 있음앱 서버 ..

[IT용어]모르는거,헷갈리는거,명확하지 못한 거 정리(계속 업데이트)

페이로드(Payload)전송 행위의 본래 의도. 전송의 근본적인 목적이 되는 [데이터의 일부분]. 예) 데이터에서 함께 전송되는 헤더와 메타데이터와 같은 데이터를 제외한 데이터예) 큰 데이터 덩어리 중에 '흥미 있는' 데이터컴퓨터 보안에서의 페이로드는 멀웨어의 일부를 뜻한다. 무슨 말이냐면, 웜, 바이러스, 트로이목마와 같은 해로운 소프트웨어를 분석할 때, 그 소프트웨어가 주는 피해를 '페이로드'라고 한다.예)페이로드 = 데이터 훼손, 스팸 메일, 개인정보를 알아내기 위해 다수에게 보내는 이메일 참조 : https://ko.wikipedia.org/wiki/%ED%8E%98%EC%9D%B4%EB%A1%9C%EB%93%9C

워드프레스로 나만의 포트폴리오 홈페이지 만들기(2)

워드프레스를 이용해 나만의 홈페이지 만들기(2) from Donghwan Oh 홈페이지 만드실 때 노하우 참조 : http://www.wordpressn.com/bridge%ED%85%8C%EB%A7%88-%EB%A6%AC%EB%B7%B0/워드프레스 동영상 강의 : https://www.youtube.com/watch?v=HWc1YG4tJBw 1. 나만의 홈페이지 만들기 (2) 오동환, Open Collage2. 웹사이트의 얼굴인 테마! 골라봅시다.3. 그런데… 이왕 고르는 거 제대로 골라야 하지 않을까요?4. 1) 가격! 무료 테마 vs 유료 테마 테마를 고를 때 고려해야 할 사항 훌륭한 무료 테마 수 천개.. 그렇다면 언제 유료 테마를 선택해야 할까? 장점 - 수시 업데이트 - 흔치 않은 디자인 - ..

2.애플리케이션 계층(3)_기타 통신 프로토콜(이메일,PC파일공유,FTP,원격제어,영상스트리밍)

이메일 프로토콜이메일에 사용되는 애플리케이션 계층 프로토콜에는 발신에 이용되는 SMTP(Simple Mail Transfer Protocol), 수신할 때 사용되는 POP(Post Office Protocol) 이 있다. SMTP-클라이언트 PC가 메일 서버로 메일을 보낼 때 사용-발신자의 메일 서버에서 수신자의 메일 서버로 메일을 중계할 때에도 사용-HTTP 프로토콜과 달리, 상태를 가지는 Stateful 프로토콜로, 전송 종료 명령이 보내져야 통신을 종료한다.-송신자, 수신자, 메일 정보를 순차적으로 전송한다. 이메일을 수신하는 POP-SMTP 프로토콜을 통해 전송된 메일은 최종적으로 수신자의 메일 서버에 저장된다.-이후 메일 서버에 저장된 메일을 확인할 때는 POP 프로토콜이 사용된다.-메일 수신,..