⌨️
웹메일
6개의 게시글이
준비되어 있어요
텍스트 에디터로 메일 전송 페이지 만들기: 웹메일 클라이언트 개발하기 6
필자가 개발하고자 하는 웹메일 클라이언트의 프로토타입은 이 글의 내용을 구현함으로써 완성된다. 앞으로의 내용은 UI, UX와 같은 디자인과 관련된 내용이 될 것이기에 연재되지 않을 것이므로, 지금 이 글과 다음 글이 웹메일 클라이언트 개발하기의 마지막 내용이 될 것이다.SMTP와 SMTP를 활용한 라이브러리인 nodemailer를 사용하는 메일 전송 엔드포인트 개발은 이 글의 Step 8에서 진행하였으므로 아직 읽지 않았다면 한 번쯤 읽어보기를 권장한다. 또한, 이 프로젝트의 진행 과정에 흥미가 있거나, 메일 클라이언트 개발에 참고하고 싶다면 '웹메일 클라이언트 개발하기' 태그 페이지에 방문하여 내용을 읽어보는 것도 좋다.이 글은 프로젝트 개발의 핵심 내용과 원리를 정리하고자 하는 글일 뿐, 강의를 하려..
웹메일들은 어떻게 메일을 보여주는가: 웹메일 클라이언트 개발하기 5
웹메일 클라이언트 개발일지가 벌써 다섯 편이나 작성되었다. 필자로서도, 기나긴 내용의 끝이 다가오기에 더 열정적으로 개발하고 있다. 그중에서도 이번 글은 웹메일 서비스에서 메일 리스트와 메일 상세, 즉 메일 데이터를 가공하여 사용자에게 보여주는 페이지를 작성하는 내용을 다룬다. 이 글에서 요하는 '사용자의 로그인 여부 확인' 등의 내용은 이전 글에서, 메일 데이터를 요청받고 응답하는 백엔드에 관한 내용은 이 글에서 확인해 볼 수 있다. 만약 당신이 필자가 개발하는 이 프로젝트에 관해 관심이 있거나, SMTP 및 POP3를 활용한 클라이언트 개발에 참고하려는 경우 '웹메일 클라이언트 개발하기' 태그 페이지에 방문해 보는 것도 좋다.이 글은 하나의 개발일지로서, 개발을 위해 필요했던 상식, 지식, 코드 등을..
로그인 페이지 구현해보기: 웹메일 클라이언트 개발하기 4
이번에도, 글을 시작하기 전에 이전 글을 한 번쯤 읽거나 훑어볼 것을 강력히 권한다. 또한, 이 프로젝트가 어떻게 진행되었는지 궁금하거나 과정에 대해 관심이 있다면, 여기에 글들을 정리해 두었으니 가볍게 읽어보는 것도 좋다. 이 글은 기초적 웹 기술(HTML+CSS, Node.js, Express.js)에 대한 지식을 요구하고, 그에 대한 예제 코드를 포함하고 있어 프로그래밍에 관심이 없거나 웹 기술을 경험해보지 못한 사람에게는 적절하지 않은 내용일 수 있다.저번 글에서 엔드포인트 개발을 완료했기에, 사용자에게 페이지를 표시하고 엔드포인트에 요청을 전송, 사용자가 원하는 명령을 처리하는 것이 주 목표이다. 로그인, 메일 목록, 메일 상세 정보, 메일 전송 등을 담당하는 페이지를 각각 만들 계획이다. 차례..
웹 우체국으로 편지 보내는 방법: 웹메일 클라이언트 개발하기 3
글을 읽기 전에, 이전 글을 읽어보기를 권한다. 간략하게나마 언급하자면, 이전 글에서는 Express.js, mailpop3 등을 이용하여 POP3 서버로부터 이메일 리스트를 받아와 RESTful API 형식으로 만들어내는 과정을 거쳤다. 이번에는 POST 요청을 받아 SMTP 서버를 통해 다른 이메일 주소로 메일을 전송하는 코드를 작성할 것이다. 만약, 당신이 이 과정에 대해 관심이 있고 지금 이 글을 통해 처음 접했다면, 웹메일 클라이언트 개발하기 태그 페이지를 방문해보는 것도 좋다.POP3 과정에서 사용한 라이브러리인 mailpop3는 필자가 사용하기 편하게 구조를 변경할 필요가 있었지만, SMTP 과정에서 사용할 라이브러리인 nodemailer는 그럴 필요 없이 편리하게 코드를 작성할 수 있도록 ..
메일은 어떻게 받아오는가: 웹메일 클라이언트 개발하기 2
이 글을 읽기 전에, 이전 글을 읽어보는 것을 권한다. 이전 글에서는 계기와 설정 과정만을 생각했다면, 이번 글부터 본격적으로 메일 클라이언트를 개발해 본다. 중점적으로 볼 내용은 엔드포인트 부분으로, 실질적인 메일 전송과 수신을 담당한다. 이 글은 웹메일이 실제 서비스에서 동작하는 원리에 대한 기초적 아이디어를 설명하고 있다. 구현해야 할 분량이 많지 않지만, 프로젝트의 엔드포인트인 만큼 중요한 위치에 있음에 유의하면서 코드를 작성해 본다.Step 4. 엔드포인트: 사용자 로그인로그인을 위해 'express-session'과 'memorystore' 라이브러리를 설치해 준다. 메모리에 크나큰 부담을 줄 정도로 세션을 발급할 것은 아니기에, MySQL이나 MongoDB와 같은 데이터베이스를 사용하지 않게..
내 도메인 주소에서 보내는 메일: 웹메일 클라이언트 개발하기 1
도메인 주소는 IP 주소에 비해 외우기 쉽다는 장점이 있어 주로 웹 페이지 등에 쉽게 연결할 수 있도록 사용된다. 도메인 주소 하나만으로도 개인이나 단체의 이름, 특성, 컨셉을 나타낼 수 있기도 하고, 도메인 주소를 부여함으로써 내 웹 페이지에 특별함을 추가해 줄 수도 있다. 시대가 가며 웹 개발을 아예 모르는 사람이더라도 'Velog'나 'Tistory' 등의 유명 블로그 플랫폼이나 'WordPress'와 같은 설치형 블로그를 쉽게 운영할 수 있게 되었기에, '나다움'이나 본인만의 개성을 강조하기 위한 다른 수단으로써 사용되는 것이 보통이 되었다.하지만 도메인 주소를 꼭 웹 페이지 운영에만 사용할 수 있는가 하면, 그렇지는 않다. 사실 이미 모두에게 친숙한 곳에서 도메인이 사용되는 곳이 있는데, 그것은..