![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bpCzZa/btst6iw96M6/2DFgDYIkFnj9W4myP6KICk/img.png)
회의 끝에 간단한 배너와 이미지가 들어가는 형태로 이메일을 보내기로 했다. 찾아보니 이메일을 html로 마크업 해서 보내면 된다길래 그렇게 진행하기로 했다! 먼 옛날에는 table 태그로 마크업을 하곤 했단다... 처음엔 html 마크업이니 div 태그로 뚝딱뚝딱 만들면 될 것이라고 생각했다. 하지만 찾아보니 이메일 도메인마다 html과 css를 지원하는 형식이 달라 이메일을 보낼 땐 table 태그로 마크업을 해야 똑같은 메일을 보장할 수 있다는 사실을 알게 되었다. 소문의.. 테이블 코딩을 내가 하게 되는구나...🥺 정말로 div 태그로 했을 때는 원하는 모양이 나오지 않았다.. 서비스에 사용한 폰트도 적용해 메일을 보내고 싶었으나 gmail에서는 외부 글꼴을 지원하지 않아서 폰트 적용은 불가한 것으..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/8b4Ov/btslb6S7gut/VhP18QPbV4IYkTuhM2668k/img.png)
드디어 벌써 반년이 지나서 올해까치 프로젝트의 마지막인 이메일 보내기를 진행할 때가 되었다. 😀 이메일 자동화를 검색해 본 결과 파이썬에 이메일 라이브러리가 있어서인지 파이썬에 대한 결과가 가득했다. 내가 마침 파이썬을 할 줄 알아서 이메일 전송을 맡기로 했다. smtplib 모듈 파이썬으로 이메일을 전송할 때 smtplib 모듈과 email 모듈을 사용해 편하게 이메일을 전송할 수 있다. 파이썬 이메일 전송 코드 중에 제일 잘 설명된 코드를 토대로 필요한 부분만 수정했다. def send_email(받는 사람 이름, 메일 html 내용): import smtplib import re from email.mime.multipart import MIMEMultipart from email.mime.text..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/9LiIN/btrYza4PtaN/dOzkKCr5wjUKH3LESjMVTK/img.png)
얼마 전에 1월 동안 운영했던 올해까치를 서비스 종료했다. 리팩토링 막 배포했을 때는 긴 이미지 로딩으로 사용자 경험이 좋지 않았다. 프론트 assets/images 폴더에 이미지를 직접 넣어서 로딩하도록 했는데 같은 이미지인데도 웹에 업로드한 url로 가져오는 것이 로딩이 더 빨랐다. (이 부분에 대해서는 이유를 찾아봐야 할 것 같다.) 수정했어도 여전히 기대하던 속도보다 느려서 레이지 로딩을 적용하기로 했다. react progressive graceful image라는 라이브러리를 사용해 이미지가 완벽히 로딩되기 전에는 저용량의 placeholder를 보여주고 로딩이 완료되면 본 이미지를 보여주도록 했다. 기존 이미지는 아무리 줄여도 용량이 작아지지 않아서 디자이너님께 작은 사이즈의 이미지를 별도로..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/veTsT/btrUTJ4k6UF/O76BFNxaCkSQHIRFTD7PdK/img.jpg)
올해까치 올해까지?"올해까치" 까치와 함께 올해 목표를 세워보고 알찬 한해를 보내보세요. thisyearkkachi.netlify.app 프로젝트 소개 신년 목표를 세우고 6개월 뒤 리마인드 하고 싶은 사람을 위한 신년 목표 1개월 시즌 메일링 서비스 제작 기간 : 22.12.09 - 12.28 (약 3주) 서비스 기간 : 22.12.28 - 23.1.31 (약 1달) 팀원 : Design 1명, FE 2명, BE 1명 협업방식 툴 : 피그마, 노션 회의 : 첫 주는 기획 회의를 위해 2-3일에 한번 다 같이 회의 진행, 그 후 단체 회의는 1주에 한 번 진행. 포지션 별로 회의가 필요할 때 개별적으로 약속을 잡아 회의 진행 사용언어 및 개발환경 FE : Vite, React.js, Typescript,..
- Total
- Today
- Yesterday
- 비주얼스튜디오코드
- 코드잇
- vue
- scss
- 제로초
- 리액트
- 자바스크립트
- 깃
- CSS
- js
- Python
- git
- html
- 드림코딩
- 스파르타코딩클럽
- 코딩앙마
- 회고
- TS
- 파이썬
- 타입스크립트
- 제이쿼리
- Til
- Typescript
- map
- React
- 저스트코드
- vscode
- javascript
- 김버그
- 구름에듀
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |