회의 끝에 간단한 배너와 이미지가 들어가는 형태로 이메일을 보내기로 했다. 찾아보니 이메일을 html로 마크업 해서 보내면 된다길래 그렇게 진행하기로 했다! 먼 옛날에는 table 태그로 마크업을 하곤 했단다... 처음엔 html 마크업이니 div 태그로 뚝딱뚝딱 만들면 될 것이라고 생각했다. 하지만 찾아보니 이메일 도메인마다 html과 css를 지원하는 형식이 달라 이메일을 보낼 땐 table 태그로 마크업을 해야 똑같은 메일을 보장할 수 있다는 사실을 알게 되었다. 소문의.. 테이블 코딩을 내가 하게 되는구나...🥺 정말로 div 태그로 했을 때는 원하는 모양이 나오지 않았다.. 서비스에 사용한 폰트도 적용해 메일을 보내고 싶었으나 gmail에서는 외부 글꼴을 지원하지 않아서 폰트 적용은 불가한 것으..
드디어 벌써 반년이 지나서 올해까치 프로젝트의 마지막인 이메일 보내기를 진행할 때가 되었다. 😀 이메일 자동화를 검색해 본 결과 파이썬에 이메일 라이브러리가 있어서인지 파이썬에 대한 결과가 가득했다. 내가 마침 파이썬을 할 줄 알아서 이메일 전송을 맡기로 했다. smtplib 모듈 파이썬으로 이메일을 전송할 때 smtplib 모듈과 email 모듈을 사용해 편하게 이메일을 전송할 수 있다. 파이썬 이메일 전송 코드 중에 제일 잘 설명된 코드를 토대로 필요한 부분만 수정했다. def send_email(받는 사람 이름, 메일 html 내용): import smtplib import re from email.mime.multipart import MIMEMultipart from email.mime.text..
얼마 전에 1월 동안 운영했던 올해까치를 서비스 종료했다. 리팩토링 막 배포했을 때는 긴 이미지 로딩으로 사용자 경험이 좋지 않았다. 프론트 assets/images 폴더에 이미지를 직접 넣어서 로딩하도록 했는데 같은 이미지인데도 웹에 업로드한 url로 가져오는 것이 로딩이 더 빨랐다. (이 부분에 대해서는 이유를 찾아봐야 할 것 같다.) 수정했어도 여전히 기대하던 속도보다 느려서 레이지 로딩을 적용하기로 했다. react progressive graceful image라는 라이브러리를 사용해 이미지가 완벽히 로딩되기 전에는 저용량의 placeholder를 보여주고 로딩이 완료되면 본 이미지를 보여주도록 했다. 기존 이미지는 아무리 줄여도 용량이 작아지지 않아서 디자이너님께 작은 사이즈의 이미지를 별도로..
올해까치 올해까지?"올해까치" 까치와 함께 올해 목표를 세워보고 알찬 한해를 보내보세요. 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
- 김버그
- 회고
- 구름에듀
- 파이썬
- javascript
- Python
- map
- scss
- 코드잇
- React
- CSS
- 스파르타코딩클럽
- 코딩앙마
- 리액트
- 제로초
- html
- vscode
- 자바스크립트
- 타입스크립트
- 깃
- 저스트코드
- vue
- 비주얼스튜디오코드
- TS
- js
- git
- Typescript
- Til
- 제이쿼리
- 드림코딩
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |