프로그래밍/프로젝트93 구글시트 자동 메일 보내기 기능 구현(Apps script) 우리 회사는 구글시트를 업무에 주로 활용한다 영업팀에서 행사 일정 등 알려주는 시트를 작성한 후 구글챗을 통해서 올렸다고 수동으로 알려주는데 번거롭기도 하여서 입력하면 자동으로 메일로 알려주는 기능을 구현하여 팀원들과 사용하였다 1. 구글시트에서 앱스스크립트 열기 확장 프로그램 - 앱스 스크립트를 킨다 2. 코드 작성 var lastEditedCell = null; function onEdit(e) { // e 객체가 정의되어 있는지 확인 if (!e || !e.range) { return; } var range = e.range; var sheet = range.getSheet(); // 수정된 셀의 행과 열 var row = range.getRow(); var col = range.getColumn(.. 2024. 3. 18. 이벤트 텍소노미(Event Taxonomy)란 오늘 GA4 스터디를 진행하면서 각자 '이벤트 텍소노미'를 진행했다 이벤트: 사용자의 행동으로 발생한 결과, 사건 텍소노미: 이벤트들을 특정 규칙에 따라 분류한 데이터 분류체계 이벤트 텍소노미는 쉽게 말하면 '지표'이다 어떤 데이터를 보고 싶은지 정의하는 작업이다 예를들면 sns공유하는 것을 체크하는 것이 있다 카카오톡에 공유하는 것을 카운트하는 이벤트를 세팅할 수 있다 공유를 진행했을 때 'share_sns'라는 키워드를 만들어서 세팅하는 방법이 있다 위처럼 어플에서 소셜 공유를 진행한다면 아래와 같이 속성을 지정하여서 ga4에 지정할 수 있다 이벤트 이름 share_sns 속성 이름 속성 값 유입경로 kakaotalk 공유 일시 2024년 3월 7일 9:50 ga4 내 세팅하고, 주기적으로 구글데이터.. 2024. 3. 7. 구글 시트 업데이트 시 메일 자동 발송(Apps script) 0. 배경 행사 내용 업데이트 등 비주기적으로 소식이 업데이트될 때, 매번 업데이트 소식을 공유하는 것이 번거롭게 느껴질 때가 있다 그래서 행사 시트를 담당자가 입력하면 관계자에게 바로 알림 메일이 발송되는 프로그램을 만들어서 사내 공유했다 ㅎㅎ 1. 완성했을 때 상황 2. 방법 1. 구글 시트 생성 2. 바뀌는 항목 설정 (아래의 코드에서는 a열로 설정) 3. 앱스스크립트 열기 4. 코드 작성 5. 원하는 상황의 트리거 설정 6. 세팅 후 실제로 잘 동작하는 지 확인하기 3. 코드 var lastEditedCell = null; function onEdit(e) { var range = e.range; var sheet = range.getSheet(); // 수정된 셀의 행과 열 var row = r.. 2024. 2. 29. 구글에서 강아지상 이미지 크롤링하기(실패코드..) 참고 코드 # write_data.py 파일을 쓰기 모드로 열어 내용 쓰기 f = open("C:/doit/새파일.txt", 'w') for i in range(1, 11): data = "%d번째 줄입니다.\n" % i f.write(data) f.close() beautiful soup #!/usr/bin/env python3 # Anchor extraction from HTML document from bs4 import BeautifulSoup from urllib.request import urlopen with urlopen('https://en.wikipedia.org/wiki/Main_Page') as response: soup = BeautifulSoup(response, 'html.pa.. 2024. 1. 13. 홈페이지 검색결과에 표시되는 웹사이트 파비콘 변경하기 회사 홈페이지를 구글에 검색했을 시 파비콘이 나오도록 하는 방법을 수정하면서 (완전 똑같은 방법은 아니지만) 개인 블로그의 파비콘도 바꿔야겠다고 생각이 들어서 방법을 찾아보았다 1. 수정 전 현재 화면 2. 먼저 파비콘 이미지를 구하기 - 나는 여기 사이트에서 찾았다 사주에 '불'이 없어서 붉은 색상 로고를 선정하였다(완전tmi..) 3. 이미지 변환 사이트에서 144*144 크기로 변환하기 - 구글 가이드를 보면 아래와 같이 나와있어서 맞춰서 이미지 크기를 조절한다 파비콘은 너비/높이가 48px의 배수인 정사각형이어야 합니다 (예: 48 x 48px, 96 x 96px, 144 x 144px 등). SVG 파일에는 크기가 지정되어 있지 않습니다. 모든 유효한 파비콘 형식이 지원됩니다. - 파일 명은 f.. 2024. 1. 4. 술자리에서 많이하는 숫자 맞추기 게임 웹페이지 만들기 0. 배포 링크 - 오늘 회사 연차라 오전에 간단히 프로젝트 진행함(여유ㅎ) 1. 화면 이미지 모음 - 낮은 숫자를 입력하면 -> 'up!'이라고 나옴 - 낮은 숫자를 입력하면 -> 'down!'이라고 나옴 - 기회는 단 5번뿐 - 답을 맞히면 '정답입니다!'라고 나오도록 만듦 2. 코드 2-1. index.html 숫자 맞추기 게임 결과가 나온다 남은 찬스: 5번 Go! 리셋! - vs코드에 'html:5'나오는 것으로 자동완성해서 시작했는데 로 나오는 거 신기함 --> 영어 베이스인 듯 2-2. main.js //랜덤 번호 지정 //유저가 번호 입력 그리고 go라는 버튼 누름 //만약 랜덤번호 맞추면, 맞췄습니다 //랜덤번호 up //reset 버튼 누르면 게임 리셋 //5번의 기회를 다쓰면 게임 끝.. 2024. 1. 2. 2달간 거의 밤샌 홈페이지 개발 후기 오늘 회사에서 진행하던 홈페이지 개발이 막을 내렸다(오늘 배포 완료) 1. 호스팅사도 기존 별도 솔루션에서 카페24로 바꿨고 2. 홈페이지 디자인도 새롭게(좀 더 젋은 mz느낌으로) 바꿨다 나는 개발담당이자 PM역할을 수행했다 느낀점 1. 진짜 힘들었지만 끝이 나는구나 진짜 2개월동안 누굴 만나던 일이야기밖에 할게 없고 집에와서도 새벽까지 일하고, 회사가서도 일만하고... 일의 연속이었다 평균적으로 새벽1-2시까지 일했다 주말에도 작업을 하거나, 어떻게 해결할지 고민하고... 2. 시력이 0.7가 낮아졌다...(실화?) 계속 컴퓨터를 많이 봐서... 올해 7월에 스마일라식을해서 양안 도수가 1.2였는데 왼쪽이 1.2에서 0.5가 되었다 ㅠㅠㅠ 심각성을 깨닫고 치료중이다 ㅠㅠ 엉엉 3. 마인드컨트롤 능력 .. 2023. 12. 15. html, css 표 만들기 사이트 추천(완전 편리 그 자체) 회사에서 표를 그리는 일이 있었는데 다른 건 그렇다 치더라도 표의 셀 합치기?를 어떻게 구현해야 하는지 조금 찾아보는 시간이 있었는데 -> 물론 태그와 rowspan 및 colspan 속성을 사용하여 구현 가능하다 //예시코드 합쳐진 셀 가로로 합쳐진 셀 아래로 합쳐진 셀 아래로 합쳐진 셀 일반 셀 일반 셀 일반 셀 가로로 합쳐진 셀 하지만, 더 쉽게 아래의 사이트를 통해서 정말 쉽게 구현이 가능하다.... 쉽게 표 만들 수 있는 사이트 를 찾았다...! (행복 그 자체) 1. 테이블을 세팅 진행 2. 첫 번째 빨간 네모가 셀 합치기, 두 번째 빨간 네모가 셀 분할, 세 번째 빨간 네모가 테마다 나머지는 다른 문서(엑셀이나 한글 등)와 비슷한 아이콘이라서 사용하는데 큰 어려움이 없다(예: 볼드처리, 가운.. 2023. 12. 12. 카페24 디자인에서 카카오맵 api 적용해서 지도 구현 완성된 화면 - 원하는 위치에 마커 생성 - 원하는 장소의 로고 삽입 - 원하는 장소의 홈페이지 연결 - 원하는 장소의 정보 위치, 장소 한 줄 소개 기능 구현 구현 방법 1) 개발자 사이트에 들어가서 내 애플리케이션2) 애플리케이션 추가하기 3) 나의 앱 키(JavaScript 키) 메모해 두기(빨간 부분)4) vs코드 키고 카카오 api가이드 보기5) (맘 편하게) 마커 생성하기 소스 코드 활용하기 6) 위 코드에서 발급받은 APP KEY를 사용하세요여기 부분에 자신의 메모해 놓은 자바스크립트 키를 넣는다(아까 빨간 부분) 7) 자신이 원하는 지역의 지도 중심좌표가 필요한데(중요 / 여기서 시간 많이 까먹음) 이 화면에서 확인이 가능하다여기에서 자신이 원하는 장소를 클릭해서 위도와 경도를 확인한다 8.. 2023. 12. 11. 이전 1 2 3 4 5 6 7 8 ··· 11 다음
