찰리의 이야기

구글 스프레드시트 앱스크립트 체크박스 이메일 자동 보내기 스프레드시트의 체크박스만 눌러주면 자동으로 보내는 기능을 만들어보겠습니다. 그 전에 왜 스프레드 시트를 활용하는가?에 대해서 한번 생각해볼 것이 있습니다. 첫번째는 HTML을 이용할 수 있다는 점입니다. 현재 g-mail을 기본적으로는 HTML로 작성된 이메일을 보낼 수 없고 편법을 이용해야 합니다. 두번째는 보낸 내역을 기록으로 남기기 편하다는 것입니다. 어떤 것을 메일 보냈고, 보내지 않았는지 한눈에 확인 가능합니다. 세번째는 두번째와 연결해서 보낼 리스트를 쌓아둘 수 있다는 것입니다. 이메일을 시간차를 두고 순차적으로 보내야한다면? 스프레드시트는 미리 리스트를 쌓아둘 수 있습니다. 그럼 본격적으로 체크박스를 눌러서 이메일 발송하기를 구현해보겠..

구글 스프레드시트 앱스크립트 단체메일 개인화로 보내기 다수에게 이메일을 보내야하는데, 단체로 이메일을 보내려면 상대방으로 하여금 상당히 성의가 없어보이게 보내거나, 아니면 결국은 1:1로 하나하나 이메일을 보내야하는 어려움을 겪게 된다. 이를 구글 스프레드시트와 앱스크립트를 이용해서 구현해보았다. 구글 스프레드시트의 확장프로그램에는 앱스크립트(Apps Script)가 있는데, 아래처럼 확인해볼 수 있다. 구글 앱 스크립트는 구글 솔루션들과 서드파티 서비스간에 자동화를 쉽게 하기 위해서 만들어졌다. 그래서 이 기능을 만들때에도 지메일과 구글 드라이브를 쉽게 가져와서 자동화를 만들어 보는 것이다. 요약해보자면, 아래와 같은 내용으로 구성되어 있다. 1. 스프레드 시트에 이메일에 필요한 정보를 구성한다. 2...

Next.js 카카오맵 구현 구현하려는 웹에 카카오맵을 사용하려고 문서를 보고 실행해보았습니다. 그 과정에서 맞딱뜨린 여러 문제들과 해법들을 기록합니다. 닥히 Next.js의 케이스가 아닌 경우도 있습니다. 1. 꽉찬화면 height='100%' 지도의 전체화면이 안먹는 것입니다. width는 100%가 적용되는데, 아무리 부모 엘리먼트들의 높이를 100%로 주더라도 지도가 커지지 않습니다. 그러다가 발견한 해결책 'vh' vh란 viewport height를 말합니다. 그럼 뷰포트(viewport)란 뭘까요. 웹 브라우저의 현재 창에서 볼 수 있는 부분을 말합니다. 뷰포트가 의미있는 이유는 다양한 모바일 기기가 많은 현재, 현재의 모바일 브라우저의 화면 크기를 비율로 설정할 수 있기 때문에 유연하게 대..

Nest.js Script Component 스크립트 컴포넌트 본 글은 Next.js 문서를 번역한 글입니다. 원글 : https://nextjs.org/docs/basic-features/script 오역이 있다면 알려주세요. Script component 스크립트 컴포넌트 Next.js의 스크립트 컴포넌트는 개발자들이 third-party script 들의 로딩(loading) 우선순위를 설정할수 있어서 개발자의 시간을 절약하고 로딩 성능을 향상 시킬 수 있습니다. 웹사이트들은 종종 분석툴, 광고, 고객지원 위젯, 그리고 동의 관리 같은 것들을 위해 third-party script들을 필요로 합니다. 그러나, 이런 스크립트들은 로딩 성능에 부담을 주는 경향이 있고, 사용자 경험을 저하시킬 수 있습니..

리액트웹으로 코르도바 안드로이드 앱 만들기(react cordova android) 이번 시간에는 리액트 React로 만들어진 프로젝트를 코르도바를 이용해서 안드로이드 앱으로 변환해보는 내용을 다뤄보겠습니다. 우선 코르도바는 다음과 같은 디렉토리 구조를 가집니다. myapp/ //프로젝트 |-- config.xml |-- hooks/ |-- merges/ | | |-- android/ | | |-- windows/ | | |-- ios/ |-- www/ //웹 artifacts를 가집니다. 예를들어 html, css, js 파일들이 해당합니다. |-- platforms/ //프로젝트에 추가하는 플랫폼에 대한 모든 소스코드와 빌드 스크립트를 포함합니다. | |-- android/ | |-- windows/..