한 줄 핵심 요약 — 이 글을 다 읽으면 무엇을 얻어갈 수 있는지 적어주세요.

🗓️ 날짜 & 카테고리

• 날짜: 2026-04-23
• 카테고리: #일기
• 한 줄 배경: 매니저님과 수강 철회에 대하여... 면담..

🧠 오늘 배운 것

마인드 셋

이번주부터 9to21로 교육을 받고 있는데,,, 체력적으로나 멘탈적으로 9시에 출결을 찍는게 스트레스 였음.. 그래서 매니저님을 오늘 오전에 찾아가 면담 신청을했다. 수강 철회하고 싶다. 말씀드렸더니

왜 철회를 하고싶은지. 원래 이걸 알고 들어왔을텐데, 무엇이 철회라는 생각에 이르게 했는지.

같이 본질적인 질문을 해주셨다. 사실 나는 그로스/퍼포먼스 마케터 쪽에 관심이 있었고, 그곳에 강점이 있다고 생각해서 신청을 하게 된 것이었다. 근데 콘텐츠 마케팅 과정이라고 홍보를 해서 그런지 이 곳에는 콘텐츠 마케터를 희망하는 친구들이 많은 것 같았다. 그래서 멋쟁이사자처럼에서 그로스 마케터 과정이 있길래 이래저래 알아봤는데, 사실 교육의 질은 비슷할것 같았고, 나에게는 교육기간과 하루에 할당하는 시간이 매력적으로 느껴졌다. 그래서 이래저래 알아보고 철회를 하려고 했던것이었다.

근데 매니저님과 얘기를 끝내고 혼자 좀 생각을 해보니까, 마케터 JD를 이전에 조사한적이 있었는데, 사실 요구조건에 이것저것이 많이 쓰여져 있었다. 결론은 모든걸 할 줄 아는 마케터를 구하는 듯 했다. 그래서 1000시간이 길긴 하지만, 그래도 여기서 이것저것 다 해보는 것이 도움이 많이 될 것 같았다는 생각이 들었다.

철회하지 않고, 여기서 100일만 죽었다 생각하고 해봐야겠다. ㅈㅅ...사실 존나 짧은 기간임. 그리고 생각해보면 80% 출석률만 넘기면 되는데, 그럼 20일의 휴가가 있는거임ㅋ 해보자.

내가 맡은 광고 리라이팅

지금 생각해보면 어려운 동영상광고를 선택한것 같기도한데,,, 그냥 일단 해보자,,ㅎ.ㅎFlow라는 프로그램을 써서 해봄..!

토큰이 아까워서 깔짝 해보기만했다,,,ㅎㅎ

💬 오늘의 한 마디

다시 초심잡고 열심히 해보자 -!! 아자아자아자

• 날짜: 2026-04-22
• 카테고리: 온보딩
• 한 줄 배경: 오늘 어떤 상황에서 이걸 배우게 됐는지 (ex. 광고 세팅 중에 / 아티클 읽다가 / 미팅 중에)

☑️ 오늘 할 일 ✔️ 커리어스터디 2시간 ✔️ 이번주 금요일에 발표할 표지,제목 정하기 ✔️ 5기 전체 스크럼 ✔️ 아티클 스터디 ✔️ 혜령,현전 튜터님들 커리어세션

🧠 오늘 배운 것

핵심 개념 or 발견

오늘,,, 너무 피곤,,

• 자료 제목

• 날짜: 2026-04-21
• 카테고리: #온보딩

☑️ 오늘 할 일 ✔️ 커리어스터디 2시간 ✔️ VOD수강 2시간 ✔️ 커리어세션 2시간

커리어스터디 1.

STEP1. 끌린직무 1번 더 보기. (10:00-11:00)

어제 wanted에서 찾아봤는데, 경력직 쪽을 찾아봐서 좀 더 어렵게 느껴졌던것 같다.. 그래서 오늘은 _잡코리아_에서 신입도 지원가능한 마케터 직종을 찾아보기로했다!

• 마스터마인딩그룹

  이 직무가 만드는 결과물은? (캠페인? 콘텐츠? 광고 성과? 데이터?) => 콘텐츠 마케팅 채녈 운영자 이 직무의 하루는 어떤 모습일까? (회의? 데이터 분석? 콘텐츠 제작?) => 데이터 분석 및 콘텐츠 제작 ⚠ 아니 뭐 다 할거 같긴하네,,

• 애드이피션시[경력직]

  이 직무가 만드는 결과물은? (캠페인? 콘텐츠? 광고 성과? 데이터?) => 분석, 앱 마케팅, 운영 이 직무의 하루는 어떤 모습일까? (회의? 데이터 분석? 콘텐츠 제작?) => 광고캠페인 기획, VOC 분석, 데이터 분석

• 메가스터디[인턴]

  이 직무가 만드는 결과물은? (캠페인? 콘텐츠? 광고 성과? 데이터?) => 디지털 광고 운영, 콘텐츠 기획 이 직무의 하루는 어떤 모습일까? (회의? 데이터 분석? 콘텐츠 제작?) => 회의, 제작, 기획

• 현대렌탈케어 [경력]

  이 직무가 만드는 결과물은? (캠페인? 콘텐츠? 광고 성과? 데이터?) => 콘텐츠, 캠페인 이 직무의 하루는 어떤 모습일까? (회의? 데이터 분석? 콘텐츠 제작?) => 성과분석, 콘텐츠기획, 실행

• 하이버

  이 직무가 만드는 결과물은? (캠페인? 콘텐츠? 광고 성과? 데이터?) => 광고 성과, 캠페인 이 직무의 하루는 어떤 모습일까? (회의? 데이터 분석? 콘텐츠 제작?) => 데이터 분석

STEP2. 광고 분석

내가 고른 광고는 내가 타겟팅이 됐던 좋은 광고를 선정했다. 썹픽 주문 가이드 광고

1. 내가 고른 광고를 차분히 다시 봅니다.

   • 영상이면 한 번은 소리를 끄고 봐보세요

2. 아래 3가지 질문에 답을 적어봅니다. (애매해도 OK, 추측이어도 OK)

   • 누구에게? (타겟) — 어떤 사람을 떠올리며 만들어졌을까? → 주문을 어려워 하는 사람들 → 주문을 매번 똑같이 하는 사람들 → 따로 주문사항이 없는 사람들 → 할머니/할아버지들

   • 무엇을? (메시지) — 전하려는 핵심 한 줄은? → 주문을 간단히 할 수 있다.

   • 어떻게? (채널·포맷) — 어디서 봤고, 어떤 형식이었지? → 찾아보다가 알게됨,,

3. "내가 느낀 점"을 솔직하게 쓴다. 완전 후킹돼서 한번 더 가볼 것 같다. 기존에는 "다 넣어주세요" 라고 말해야하는 방식이었는데, 베스트 조합으로 넣어주실 것 같아 비교해보고 싶은 마음이 들것 같다.

🧠 오늘 배운 것 핵심 개념 or 발견

💡 일은 부업이고 나를 알아가는것이 본업이다 _출처: 강튜터님 커리어섹션 강의 중... _

🔄 기존에 알고 있던 것과 비교 기존에 알던 것: -

💫 알게된 것:

마케터의 사고법

• ‘나’ 중심에서 ‘고객’ 중심으로
• ‘현상’이 아닌 ‘본질’ 질문하기
• ‘숫자’를 ‘스토리’로 읽기
• ‘점’이 아닌 ‘선’으로 연결하기
• ‘완벽’보다 ‘최적’찾기

💬 오늘의 한 마디 오늘 히주님이랑 얘기하다가 새로 유행하는 노래에 대해 알게됐다 ㅋ 한로로X싸이 뭐 그런건데, 암튼 웃긴다 ㅋ 중독성도 있다. 그래서 오늘 취준로그에 bgm으로 올림ㅋ

✅ 마케터 JD 훑기 ✅ 팀과 친해지기 ✅ 광고 후보 선정

1. 마케터 JD 훑기

내가 관심있는 마케터의 종류

• 글로벌 인플루언서 마케팅
• 콘텐츠 마케터
• 퍼포먼스
• 그로스

글로벌 인플루언서 마케팅

유어유니콘(크런틴) https://www.wanted.co.kr/wd/353192

부스터스 https://www.wanted.co.kr/wd/355680

소울블렌드(인턴) https://www.wanted.co.kr/wd/352857

데이바이미(잇더핏) https://www.wanted.co.kr/wd/346490

콘텐츠 마케터

지바이크(GCOO) https://www.wanted.co.kr/wd/355200

베스트미(패션/뷰티) https://www.wanted.co.kr/wd/334309

클래스101 https://www.wanted.co.kr/wd/354052

퍼포먼스 마케터

자리컴퍼니(자리톡) https://www.wanted.co.kr/wd/320452

미스터픽(첫차) https://www.wanted.co.kr/wd/341140

그로스 마케터

팀스파르타 https://www.wanted.co.kr/wd/353242

퍼스트클래스 https://www.wanted.co.kr/wd/339210

🌈 정리

인플루언서 마케터

-> 광고콘텐츠 기획 및 제작, SNS체널운영, 인플루언서 발굴 및 컨택 콘텐츠 마케터

콘텐츠 마케터

-> 영상 편집 툴 활용 역량, 콘텐츠로 유의미한 성과

퍼포먼스 마케터

-> AARRR의 유저 플로우에 대해 통합적으로 사고할 수 있는 사람, SQL활용 가능자, 데이터 기반 사고에 익숙한 자, 데이터 기반의 가설 수립 및 의사결정 가능자

그로스 마케터

-> 가설과 데이터 기반으로 핵심문제를 정의하고 최적의 해결책 도출 가능자, Meta, Google, 검색광고 등 광고 캠페인을 직접 운영해본자, Amplitude, GA4 제품분석을 실무에 활용해본 자

팀과 친해지기

-> 팀 이름: 마블리 👶

광고 후보 선정

• 나에게 공감갔던 광고 서브웨이 광고
• 거슬렸던 광고

“봄 피부, 무너지기 전에 잡으세요”

⇒”봄이 오기 전, 피부부터 새로고침”

• 이유: 불안감 자극 방식에서 긍정적,능동적 행동 느낌으로 단어 변경

“백설기케어”

⇒ “속부터 채워주는 깊은 보습 케어”

• 이유: 처음보는 사람은 백설기 케어가 뭔지 모름;;;

오늘 VOD 강의

1-1 마케팅의 본질 과제

✏️ 여러분이 생각한 마케팅은 ‘무엇’인가요?

내가 생각하는 마케팅은 프로포즈이다. 그 이유는 소비자의 마음을 사기때문이다.

✏️ 마케터의 포장지 입히기 (심폐소생술)

• 아이템 : 할머니가 신으시던 보라색 슬리퍼
• 상황 : 재고가 1,000개 쌓여있습니다. 이 슬리퍼를 트렌드에 민감한 성수동 20대 ‘패션 피플’들에게 팔아야 합니다. 어떻게 포장할 수 있을까요?

마케터의 포장 : 신혼부부 화장실 청소 필수템, No.5

🚀 "결제의 새 얼굴" - 토스 FacePay가 던지는 메시지

1. 타겟팅: 결제를 하는 모든 사람들(현금,카드,애플/삼성페이)
2. 핵심 메시지: "얼굴로 결제할게요"
3. 강점 분석:

• 애플/삼성페이: 디바이스를 주머니에서 꺼내야 하는 단점
• 카드결제: 카드를 가지고 다녀야 하는 귀찮음
• 현금: 당장 사야할 물건의 현금이 없으면 구매 불가
• 위 모든 문제점을 "얼굴"로 해결 가능.
• 얼굴은 항상 지니고 있기 떄문에 따로 챙길 필요가 없다는 편리함 강조.

4. 강력한 행동 유도 (CTA):

• 얼굴로 결제
• 결제의 미래

5. 이 광고의 설득력 + 추가점

• 보안
• 얼굴인식의 정확도
• 불안감

💡 마치며 나는 이 광고에 추가점으로 안정성을 뽑았지만, 다른 팀원분은 편리함을 얘기하셨다. 내 입장: 토스는 금융 플랫폼이기 때문에 안정성을 추가점으로 뽑았다. 히주님 입장: "안정성"은 불안한 사람들에게 사용을 설득하지만, "편리함"은 모든 사람에게 사용할 이유를 더해준다.

이 말에 설득당해 편리함을 더 강조하면 좋겠다고 했다 ^^

https://www.youtube.com/watch?v=YPPWBVNbh6o&start=0

온라인 광고 용어 정의

증분 대비 비용 지표 = Cost

💡 CPI (Cost Per Install): 설치 당 비용 ✅ 비용 / 설치 수

💡 CPM (Cost Per Mile): 노출 당 비용 ✅ (비용 / 노출 수) * 1000

💡 CPE (Cost Per Engagement): 상호작용 당 비용 ✅ (비용 / 상호작용(좋아요,공유,댓글 등))

💡 CPC (Cost Per Click): 클릭 당 비용 ✅ 비용 / 클릭 수

💡 CPA (Cost Per Action): 전환 당 비용 ✅ 비용 / 전환 수

💡 CAC (Cost Acquisition Cost): 고객 획득 비용, 객단가 ✅ 비용 / 고객 수

증분 대비 비율 지표 = Rate

💡 CTR (Click Through Rate): 클릭률 ✅ 클릭 수 / 노출 수 * 100

💡 CR 또는 CVR(Conversion Rate): 전환률 ✅ 전환 수 / 클릭 수 * 100

증분 대비 수익 지표 = Return

💡 ROI (Return On Investment): 투자 수익률 ✅ 순이익 / 투자비용

💡 ROAS(Return On Ad Spend): 투자대비 광고 수익 ✅ 광고 수익 / 광고 비용

출처: 링크 마케팅이란 무엇인가?

마케팅은 고객들, 협력자들, 그리고 더 나아가 사회 전반에게 가치 있는 것을 만들고, 알리며, 전달하고, 교환하기 위한 활동과 일련의 제도 및 과정들이다.

마케팅을 논할 때 공통적으로 포함시키는 키워드:

1. 소비자의 필요와 욕구

필요: 기본적인 만족의 결핍을 느끼고 있는 상태 욕구: 필요를 만족시킬 수 있는 구체적인 제품이나 서비스에 대한 바람 특정 제품이나 서비스에 대한 욕구가 구매의사와 능력이 뒷받침될때 이것을 수요 라고 말한다.

2. 소비자의 만족과 가치

가치: 가격을 고려한 대안의 고객만족 수준 소비자는 최종적으로 그들의 필요와 욕구를 충족시키기 위해 가치가 가장 큰 제품이나 서비스를 선택하게 된다.

3. 교환

교환: 소비자가 가치 있는 제품이나 서비스를 대가를 지불하고 획득하는 행위

4. 시장

시장: 어떤 제품이나 서비스의 실제 또는 잠재적 구매자들의 집합

💡 마케팅이란? 기업이 서비자에게 제품이나 서비스를 팔아 해치우기 위해 하는 모든 활동이다.

마케팅이란 무엇인가?

출처: 링크

실제로 이와 같은 사건을 겪었다. 전 회사에서 flutter 모바일 개발자로 있었을 당시, 사장님 왈;

"좋은 소프트웨어가 곧 마케팅이다"

라고 하셨었다. 그래서 회사가 위기에 빠졌고, 나는 실업자가 됐다.... 그 당시엔 개발자 였으므로, 섹시하고 달콤한 말 이었던 것 같았다... 좋은 소프트웨어를 만드는 것이 곧 마케팅이었으니... 개발자입장에서는 매력적인 말이었다. 그러나 멍청한 소리였다.

마케팅은 제품이나 서비스를 소비자에게 판매하기 위한 필요한 전략과 실행 활동의 집합이다.

마케팅의 요소

1. 시장조사(Market Research)

• 마케팅의 출발점.

  2. 고객 세분화

• 소비자들을 특정 기준에 따라 그룹으로 나누는 과정

  3. 타깃 마케팅

• 특정 그룹 고객을 선택하여 그들에게 맞춤형 마케팅 메시지를 전달하는 것

  4. 마케팅 믹스

• 제품,가격,홍보,유통 등의 요소들을 종합적으로 고려해 마케팅 전략을 수립하는 것

  5. 브랜딩

• 제품이나 서비스에 대한 인식과 이미지를 형성하는 과정

마케팅이란? - 다양한 정의, 마케팅과 브랜딩의 차이, 마케팅의 필요성

출처: 링크

마케팅이란? 제품 또는 서비스를 판매하거나 브랜드 인식을 높이기 위해 수행되는 모든 활동.

마케팅의 목적? 고객과 상호 작용하여 그들의 요구를 충족시키고 만족시키는 것.

마케팅과 브랜딩의 차이와 공통점

공통점: 둘 다 제품이나 서비스를 고객에게 판매하기 위한 전략적 활동, 소비자와의 관계를 중시한다.

차이점: 마케팅 -> 제품이나 서비스에 대한 고객의 인식이나 평가에 큰 영향을 미치는 이름,로고,디자인,명성 등의 인지적인 층면을 강조. 브랜딩 -> 제품이나 서비스와 관련된 모든 면에서 고객의 인식과 인지적인 가치를 형성

대표적인 마케팅 전략

1. 타깃 마케팅

2. 콘텐츠 마케팅

3. 소셜미디어 마케팅

4. 인플루언서 마케팅

1. 트렌드 서핑: 밈(Meme)의 바다에서 살아남기

광고의 생명은 '공감'과 '재미'라고 생각합니다. 요즘 유행하는 밈들을 리서치하며 팀원들과 머리를 맞댔습니다.

배운 점: 밈은 유통기한이 짧다. 하지만 적절한 타이밍에 사용하면 폭발적인 유입을 만들어낸다.

느낀 점: 단순히 웃긴 걸 찾는 게 아니라, 우리 캠프의 '강점'과 밈의 '맥락'을 연결하는 과정이 마치 알고리즘 최적화 작업 같았습니다.

2. 팀장님과의 각기(각자기획)

저희 팀은 총 4명인데 2분은 개인사정으로 참석이 어려워 팀장님과 둘이 캔바에서 각자 기획한 것을 결과물로 뽑아내는 작업을 진행했습니다.

결과: 팀 분위기가 좋으니 결과물도 만족스럽게 뽑혔습니다. 역시 '사람'이 가장 큰 자산이라는 걸 다시 한번 깨달았습니다.

3. 오늘의 뼈아픈 깨달음: "설명이 필요하면 끝이다"

기획안을 만들며 가장 경계했던 문장이 있습니다.

"설명이 필요한 유머는 실패한 유머다."

기획자가 "이거 이런 의미예요!"라고 설명하는 순간, 그 광고는 대중의 마음에서 로그아웃(Logout)됩니다.

마케터의 숙명: 내가 아는 재미가 아니라, 타겟이 바로 이해하는 재미를 찾아야 한다는 것.

직관적인 UI/UX가 중요한 것처럼, 메시지도 한눈에 들어와야 한다는 소중한 교훈을 얻었습니다.

아티클정리 https://velog.io/@ssorry_choi/STEP-1%EB%A7%88%EC%BC%80%ED%8C%85-%EA%B0%9C%EB%A1%A0

"수요일의 합격자, 금요일에 드디어 등판하다!"

1. 🏃‍♂️ 지난 48시간의 요약: "의리와 설렘 사이" 사실 저는 이번 주 수요일, 내일배움캠프 최종 합격했습니다! (자축 🎉) 하지만 바로 합류하지 못했던 사정이 있었는데요. 우선 내일배움카드를 새로 발급받아야 했고, 전 회사에서 "도와달라"는 간절한 SOS가 왔고, 개발자로서의 의리를 저버릴 수 없어 수요일과 목요일은 전 직장의 이슈를 해결하며 보냈습니다. 2일간의 '원격 의리'를 마치고 드디어 오늘, 금요일에 제대로 된 첫 발을 뗐습니다!

2. 🤝 9조와의 첫 대면: "늦게 온 만큼 더 뜨겁게" 오늘 드디어 제가 소속된 9조 팀원분들과 처음 인사를 나눴습니다. 수, 목요일에 자리를 비웠던 터라 혹시나 흐름을 놓쳤을까 걱정했는데, 다들 따뜻하게 맞아주셔서 정말 감사했습니다.

😊 첫인상: 열정 넘치는 9조! 다들 학습 의지가 대단해서 좋은 자극을 받았습니다. 🎯나의 다짐: 이틀 늦게 합류한 만큼, 더 열심히 팀에 기여하는 '에이스'가 되겠습니다.

3. 📝 TIL 오늘은 내일배움캠프 브랜드 배너 만들기 기획을 했습니다. 2인 1조가 되어 재밌는 아이디어를 내면서 기획을 해봤습니다. 처음으로 누끼 따서 그림도 그려봤어요호호,,항상 주변에 그림 잘 그리는 친구들이 있었어서 개발자였던 저는 그림 그릴 일이 없었지만,,이제는 제가 그려서 남들을 이해시키는 역할도 해야겠죠,,,호호 열심히할게-!

3월 목표

• 새로 입사한 디자이너랑 팀웤 잘 다지기
• F45 시작했는데 꾸준히 잘 다니기
• 살 뺴기

3월에도 목표 잘 지켰다! F45 5일 내내 가면서 땀 싸고오고,, 살도 2kg정도 빠졌다.

openapi-generator dart-dio

이번달에는 openapi-generator 로 바꾸는 작업을 한달동안 진행했다. http통신하는 부분을 Flutter 에서 Dio 라는 패키지를 사용하고 있었기 떄문에, openapi-generator에서 dart-dio generator를 사용해서 진행했다.

Config Options에서 보면 serializationLibrary에서 default가 built_value로 되어있는데, 나에겐 어려웠다 익숙하지 않았다. 그래서 처음에 고생을 좀 많이 했던것 같다.

built_value로 하다보니 단점이 있었다. ModelClass에서 컴파일 에러가 아닌 런타임 에러가 발생한다는 것이다. built_value 는 null체크가 안되기 때문에, 테스트를 더 빡시게 해야하는 단점이 있다.

그래서 json_serializable로 바꿔봤는데, 이것도 문제가 있었다. enum 으로 적용된 것들이 엔드포인트 호출할때, value값으로 바뀌어야 하는데 아직 베타버전이라 value로 바꿔주는 코드가 없어서 enum 문자 그대로 파라미터로 들어가기 때문에 엔드포인트 호출이 아예 되지 않는 문제점이 있어서 현재로서는 사용할 수가 없다.

나중에 json_serializable이 정식으로 배포가 된다면 바꿔야 될 것 같다. null데이터가 생기는 순간, 회색화면이 떠버리기 때문,,,ㅎ

4월목표

• 식단관리 꾸준히 하기(feat.닭가슴살)
• flutter 개념 공부한것들 노션에 정리하기
• flutter 강의 완강하기
• prompt engineering 공부하기

우선, 프로젝트 root에 .github 폴더를 만들고 .github/workflows 폴더를 생성한다. 그 안에 deploy_android.yaml 파일을 생성해준다. yaml 파일의 특성중 하나는 들여쓰기가 곧 문법인 셈으로, 들여쓰기를 잘해야한다.

deploy_android.yaml 파일이 실행될 이름을 지어준다.(required)

name: 🌈 Develop Android Deploy 
on: 
  pull_request: 
    branches: [develop]    # develop 브랜치에 pull_request를 할때마다 실행하겠다는 의미

결과화면

jobs 작성(required/optional)

environment를 설정한는건 optional, ubuntu를 돌리는건 required.

jobs:
  deploy_android:
    name: DEV EXPERT 💙 ANDROID DEPLOY 🚀
    environment: dev
    runs-on: ubuntu-latest
    steps:

여기서 environment를 dev로 했는데, 이렇게 한 이유는 githubActions의 secrets key 의 변수명을 똑같이 하고 값만 dev/prod 다르게 하기 위함이다. 이렇게 함으로써 장점은 코드에서 변수명을 하나만 작성함으로써 코드가 좀 더 간결해진다는 장점이 있다. 이를 세팅하기 위해선 github.com 에서 {{해당 프로젝트}}/settings/Environments에서 세팅할 수 있다.

githubActions.secrets에서 보면 아래 이미지처럼 변수 이름은 같지만 environment에 따라서 값이 달라지는 걸 볼 수 있다.

build를 위한 작업(required)

        - name: Checkout
          uses: actions/checkout@v3

        - name: Setup Java ☕️
          uses: actions/setup-java@v1
          with:
            java-version: 15.x 

        - name: Clone Flutter repository with version 3.7.1 🐤
          uses: subosito/flutter-action@v2
          with:
            flutter-version: '3.7.1'
            channel: stable
        - run: flutter doctor -v    

• actions/checkout $GITHUB_WORKSPACE 아래있는 해당 레파지토리의 접근할 수 있도록 하는 라이브러리
• actions/setup-java java를 설치하는 라이브러리. android를 빌드하기 위한 기본 설정이다.
• subosito/flutter-actions flutter sdk를 설치하는 라이브러리. subosito는 해당 라이브러리를 배포한 사람의 id이다.

.env파일을 생성한다.(optional)

        - name: Create .env File
          uses: iamsauravsharma/create-dotenv@v1.2.2
          with:
            env-prefix: 'envkey_'
            file-name: '.env'
            directory: '/home/runner/work/{{YOUR_PROJECT_NAME}}/{{YOUR_PROJECT_NAME}}/'
          env:
            IS_SERVER: true
            envkey_AMPLITUDE_API_KEY: ${{secrets.AMPLITUDE_API_KEY}} 

• iamsauravsharma/create-dotenv .env 파일을 해당 flutter 프로젝트의 root에 생성하는 라이브러리

Android key endode

        - name: Download Android keystore
          id: android_keystore_dev
          uses: timheuer/base64-to-file@v1.2
          with:
            fileName: keystore-dev.jks
            fileDir: '/home/runner/work/{{YOUR_PROJECT_NAME}}/{{YOUR_PROJECT_NAME}}/android'
            encodedString: ${{ secrets.ANDROID_KEYSTORE_JKS }} 

keystore-dev.jks 파일을 BASE64로 인코딩해서 githubActions.secrets에 저장한다. 해당 인코딩 명령어는 terminal에서 openssl base64 -in ./keystore.jks를 입력한다.

• timheuer/base64-to-file base64로 encode 된것을 파일로 decode 하는 라이브러리

key-dev.properties 생성

        - name: Create key-dev.properties
          run: |
            echo "storeFile=${{ steps.android_keystore_dev.outputs.filePath }}" > android/keystore-dev.properties
            echo "storePassword=${{ secrets.ANDROID_KEYSTORE_PASSWORD }}" >> android/keystore-dev.properties
            echo "keyPassword=${{ secrets.ANDROID_KEY_PASSWORD }}" >> android/keystore-dev.properties
            echo "keyAlias=${{ secrets.ANDROID_KEY_ALIAS }}" >> android/keystore-dev.properties

ubuntu에서 command를 활용해 keystore-dev.properties를 만들어준다.

Build Application

        - name: Build application 🥕
          run: |
            cd /home/runner/work/sprint-expert-mobile-application/sprint-expert-mobile-application/
            flutter clean
            flutter pub get
            flutter packages pub run build_runner build --delete-conflicting-outputs
            flutter build appbundle --flavor dev -t lib/main_dev.dart

Sign AAB(Android App Bundle)

        - name: ✅ Sign AAB 
          id: sign
          uses: r0adkll/sign-android-release@v1
          with:
            releaseDirectory: build/app/outputs/bundle/devRelease
            signingKeyBase64: ${{ secrets.ANDROID_KEYSTORE_JKS }}
            alias: ${{ secrets.ANDROID_KEY_ALIAS }}
            keyStorePassword: ${{ secrets.ANDROID_KEYSTORE_PASSWORD }}
            keyPassword: ${{ secrets.ANDROID_KEY_PASSWORD }}

• r0adkll/sign-android-release 배포를 위해 aab파일로 sign하는 라이브러리

Upload AAB(Android App Bundle)

        - name: ✅ Upload AAB
          id: uploadArtifact
          uses: actions/upload-artifact@v3
          with:
            name: app-dev-release.aab
            path: build/app/outputs/bundle/devRelease/app-dev-release.aab
            retention-days: 5

• actions/upload-artifact aab파일을 업로드 하는 라이브러리. 아래처럼 githubActions에 들어가보면 aab파일이 업로드되어 있다.

Upload Google Play

        - name: Deploy to Play Store (INTERNAL) 🚀
          uses: r0adkll/upload-google-play@v1
          with:
            serviceAccountJsonPlainText: ${{ secrets.ANDROID_SERVICE_ACCOUNT_JSON }}
            packageName: ${{secrets.AOS_PACKAGE_NAME}}
            releaseFiles: build/app/outputs/bundle/devRelease/app-dev-release.aab
            track: internal
            status: draft

• r0adkll/upload-google-play Google Play콘솔에 업로드하는데, 내부테스트 > 초안작성 식으로 업로드 한다. track 과 status를 정해야한다.

이렇게하면 Android CI/CD 완성이다

2월 목표 재활 열심히하기

2월 목표 잘 지킨것 같다. 재활도 아침마다 진짜 열심히 했다. 2월말부터 F45를 시작했다. 이정도로 운동 할 수 있는것도 재활을 잘 했기 때문이라 생각한다. 어쨌든 컨디션, 건강 관리도 실력이다..!

인증서버 분기처리

2월에 있었던 다사다난한 일 중 가장 큰 일은 인증서버를 분기처리 한 것 이다. backend 작업이 많았지만 그래도 frontend에도 바뀌는 것들이 있었고, 적용되는 것들이 있어서 테스트도 좀 빡셌고, 적용을 하면서 헷갈리는 것들도 많았다.

분기처리를 하면서 더 좋아진 점은 원래 googleLogin/appleLogin 부분이 하나여서 불편함이 있었다. 앱은 2개인데 backend에서 login을 받는 부분이 하나이기 때문에 씹히는(?), 겹치는(?) 그니까 세션이 계속 남아있는 이슈가 있었다. 이 부분이 깔끔하게 해결이 되었다.

Github Actions 으로 CI/CD 적용

2월 마지막주에는 github actions으로 CI/CD를 적용했다. 이걸 하게된 계기는 앱이 하나 더 생기면서 배포하는 일도 잦아질것이기 때문이다. 그리고 예전에 github actions로 배포를 했었는데 그때당시엔 어떻게하는지 잘 이해도 안된 상황에서 붙이기에 급급했지만 지금은 그래도 어느정도 시간도 있었고 해서 다시한번 해봐야겠다는 생각으로 붙이게 되었다. 다음 포스팅에서 안드로이드와 ios 부분 정리를 해봐야겠다.

3월 목표

• 새로 입사한 디자이너랑 팀웤 잘 다지기
• F45 시작했는데 꾸준히 잘 다니기
• 살 뺴기

Widgetbook

Widgetbook이란, flutter의 Storybook버전이라고 할 수 있다. 디자인 시스템을 디자이너와 논의할 수 있는 창구이다. 개발자가 개발한 UI를 보면서 디자이너가 피드백을 더 줄 수 있다. 그런데 모바일쪽은 디바이스마다 크기가 다르기 때문에 피드백을 주기가 좀 더 까다로울 수 있다. 그리고 디버깅을 하면서 피드백을 해줄 수 있는 환경이 아니기 때문에, 웹으로(?) 각자의 모니터에서 볼 수 있는 것이 필요하다. 그래서 디자인 해준것을 각 컴포넌트로 잘게 쪼개서 개발하는 것이 중요하다. 새로 만든 expertApp에서 widgetbook을 적용해보았고 배포까지 했다.

🎨 ExpertApp Widgetbook

Widgetbook Cloud를 쓰면 디자이너랑 직접 배포한 사이트에서 커뮤니케이션도 할 수 있다길래 WidgetBook 대표랑 미팅을 신청해뒀는데, 지금 계속 밀리고 있다. 1월에 바로 트라이얼 신청하면 무료로 2주 쓰게해준댔는데... 2월로 미팅이 미뤄짐...ㅋ

23년 01월에 추가한 새로운 기능

• 영양제 등록 로직 수정
• 대시보드에서 당/나트륨 총량 추가
• 엑스퍼트앱이랑 연동해서 프로그램,피드백,서베이 조회할 수 있도록 추가
• 엑스퍼트앱 베타테스트 시작

2월 목표

1. 재활 열심히하기

Google Fitness

헬스케어 앱 특성상 Google Fitness, Apple Health 앱 연동은 필수인 것 같다. 처음 기능을 추가할땐, Apple이 심사 및 기능붙이는게 더 빡셀 줄 알았는데 Google Fitness 에서 더 허덕였다.

과정

1. Google Fitness 를 연동하기 위해선 우선 GCP(Google Play Console Developer Project)에서 Fitness API를 연결해야 한다.
2. OAuth 동의화면 을 인증해야한다. 이 과정이 4-6주가 걸린다고 나와있는데 더 걸렸던것 같다. (이게 이메일로 연락이 오는데, 이메일을 항상 잘 확인해야한다...! )
3. OAuth 동의화면 을 심사 맡길때 Youtube에 데모영상도 올려야 한다.ㅋ
4. 사용자 인증정보를 등록하는 과정에서 OAuth2.0 클라이언트 ID를 추가해주어야 한다. -> 여기서 계속 얼탔었는데,,, Debug모드에서는 잘만되던게, 출시해놓은 버전에서는 안되는 것,,,후,,, -> 클라이언트ID를 추가할때 package_name과 SHA-1인증서 지문을 입력해야되는데, SHA-1인증서를 터미널에서 나온 SHA-1인증서 값을 추가했던것,,, 그래서 내 맥북에서는 잘만됐던것..! -> GooglePlayConsole > 설정 > 앱무결성 여기서 확인할 수 있고 여기에 있는 SHA-1을 등록해야 한다..!!

앱 이전

앱 구독으로 수익을 창출하고 있다. 그런데 앱을 출시한지 1달쯤(?) 되던날 갑자기 android에서 인앱결제가 안된다는 VOC가 날아왔다. 그래서 찾아보니, 법인으로 등록했어야 하는 결제 프로필을 개인사업자로 등록 해놨던것...!

이를 해결하기 위해 참고했던 링크이다. 앱 이전 관련 링크 내가 우려했던 점은 별점,리뷰,package_name 이 날아가거나 달라지진 않을지에 대한 우려가 컸다. 하지만 앱 이전을 해도 아무것도 변한것은 없었다..! (휴,,,다행!)

22년 09월에 추가한 새로운 기능

• 매니저 평가하기 기능
• Localization 반영
• Image Share 기능
• 오류신고 부분에서 Tag 추가

10월 목표

1. 바바라 민토 논리의 기술 1독
2. 주 3회 이상 운동하기

올린뒤 빌드 하자 나타나는 에러메세지들,,,

에러메세지를 보면 flutter SDK의 path에 .pub-cache 쪽에서 발생하는 에러임을 발견할 수 있다.

아래 에러를 포함해 Xcode's output에는 .pub-cache에 관련된 에러가 발생함을 알 수 있다.

해결방법

flutter pub cache clean -> 이 명령어는 flutter sdk에 남아있는 라이브러리들의 cache를 지워주는 명령어다.

위 명령어 입력하고 flutter pub get 한 뒤 다시 빌드하니까 잘됨!

    <!--[if gte IE 10]><!-->
    <script>
      if (!navigator.cookieEnabled) {
        window.addEventListener('DOMContentLoaded', function () {
          var cookieEl = document.getElementById('cookie-alert');
          cookieEl.style.display = 'block';
        })
      }
    </script>
    <!--<![endif]-->


    </head>
    <body>
      <div id="cf-wrapper">
        <div class="cf-alert cf-alert-error cf-cookie-error" id="cookie-alert" data-translate="enable_cookies">Please enable cookies.</div>
        <div id="cf-error-details" class="cf-error-details-wrapper">
          <div class="cf-wrapper cf-header cf-error-overview">
            <h1 data-translate="block_headline">Sorry, you have been blocked</h1>
            <h2 class="cf-subheadline"><span data-translate="unable_to_access">You are unable to access</span> cocoapods.org</h2>
          </div><!-- /.header -->

          <div class="cf-section cf-highlight">
            <div class="cf-wrapper">
              <div class="cf-screenshot-container cf-screenshot-full">

                  <span class="cf-no-screenshot error"></span>

              </div>
            </div>
          </div><!-- /.captcha-container -->

          <div class="cf-section cf-wrapper">
            <div class="cf-columns two">
              <div class="cf-column">
                <h2 data-translate="blocked_why_headline">Why have I been blocked?</h2>

                <p data-translate="blocked_why_detail">This website is using a security service to protect itself from online attacks. The action you just performed triggered the security solution. There are several actions that could trigger this block including submitting a certain word or phrase, a SQL command or malformed data.</p>
              </div>

              <div class="cf-column">
                <h2 data-translate="blocked_resolve_headline">What can I do to resolve this?</h2>

                <p data-translate="blocked_resolve_detail">You can email the site owner to let them know you were blocked. Please include what you were doing when this page came up and the Cloudflare Ray ID found at the bottom of this page.</p>
              </div>
            </div>
          </div><!-- /.section -->

          <div class="cf-error-footer cf-wrapper w-240 lg:w-full py-10 sm:py-4 sm:px-8 mx-auto text-center sm:text-left border-solid border-0 border-t border-gray-300">
      <p class="text-13">
        <span class="cf-footer-item sm:block sm:mb-1">Cloudflare Ray ID: <strong class="font-semibold">709b2d329b0c826f</strong></span>
        <span class="cf-footer-separator sm:hidden">&bull;</span>
        <span class="cf-footer-item sm:block sm:mb-1"><span>Your IP</span>: 13.105.49.65</span>
        <span class="cf-footer-separator sm:hidden">&bull;</span>
        <span class="cf-footer-item sm:block sm:mb-1"><span>Performance &amp; security by</span> <a rel="noopener noreferrer" href="https://www.cloudflare.com/5xx-error-landing" id="brand_link" target="_blank">Cloudflare</a></span>

      </p>
    </div><!-- /.error-footer -->

해결방법은 podfile에 다음 라인을 추가하는 것이다.

platform :ios, '11.0' source 'https://github.com/CocoaPods/Specs.git' // 여기부분 추가! use_frameworks!

링크

const : compileTime 에서, 생성이 된다.

• complie될때 생성이 되므로, 리소스를 아낄 수 있다.
• 앱이 실행된 이후에 값 변경이 불가능 하다.

final : RunningTime 에서 생성이 된다.

• 앱이 실행된 이후에 값 변경이 가능하다.

TextField(
  inputFormatters: [
    FilteringTextInputFormatter.deny(RegExp(r'[/\\]')),
  ],
)

검색을 하다보면, 늘 그렇듯이 내가 원하는 입맛에 딱 맞는 코드는 안나오는게 국룰. 이 글을 보는 독자들도 딱 입맛에 맞는 것은 아니겠지만, 최대한 큰 틀에서 설명 해보고자 한다.

우선 TextField 위젯 안에는 inputFormatters라는 파라미터가 있다.

final List<TextInputFormatter>? inputFormatters;

TextInputFormatter 는 abstract 클래스로 구성되어있다.

abstract class TextInputFormatter {
  /// Called when text is being typed or cut/copy/pasted in the [EditableText].
  ///
  /// You can override the resulting text based on the previous text value and
  /// the incoming new text value.
  ///
  /// When formatters are chained, `oldValue` reflects the initial value of
  /// [TextEditingValue] at the beginning of the chain.
  TextEditingValue formatEditUpdate(
    TextEditingValue oldValue,
    TextEditingValue newValue,
  );

그래서 ㅇㅉㄹㄱ,,, 그러니까, TextInputFormatter를 참조하는 FilteringTextInputFormatter 클래스가 있다.

FilteringTextInputFormatter(
    this.filterPattern, {
    required this.allow,
    this.replacementString = '',
  }) : assert(filterPattern != null),
       assert(allow != null),
       assert(replacementString != null);

따라서, FilteringTextInputFormatter를 사용하면 된다.

✏️ Ex. 숫자만 입력가능하게

• FilteringTextInputFormatter.digitsOnly

• FilteringTextInputFormatter.allow(RegExp(r'[0-9]'))

Full Code

TextFormField(
          keyboardType: TextInputType.number,
          inputFormatters: [
            FilteringTextInputFormatter.digitsOnly
          ],
        ),

또는
TextFormField(
          keyboardType: TextInputType.number,
          inputFormatters: [
            FilteringTextInputFormatter.allow(RegExp(r'[0-9]'))
          ],
        ),

이런식으로 사용할 수 있다.

내가 적용하고자 했던것.

✏️ 1. 4자리의 숫자(1000단위까지만)

final inputFormatter = FilteringTextInputFormatter.allow(RegExp(r'^[1-9]{1}.{0,5}'));

✏️ 2. 1000단위 부터는 ,(separator) 붙이기.

class UnitInputFormatter extends TextInputFormatter {
  UnitInputFormatter(this.unit);
  final Unit unit;
  static const separator = ',';
  TextEditingValue formatEditUpdate(
      TextEditingValue oldValue, TextEditingValue newValue) {
    String oldValueText = oldValue.text.replaceAll(separator, '');
    String newValueText = newValue.text.replaceAll(separator, '');

    if (newValue.selection.baseOffset == 0) {
      return newValue;
    }
    if (oldValue.text.endsWith(separator) &&
        oldValue.text.length == newValue.text.length + 1) {
      newValueText = newValueText.substring(0, newValueText.length - 1);
    }

    // Only process if the old value and new value are different
    if (oldValueText != newValueText) {
      int selectionIndex =
          newValue.text.length - newValue.selection.extentOffset;
      final chars = newValueText.split('');

      String newString = '';
      for (int i = chars.length - 1; i >= 0; i--) {
        if ((chars.length - 1 - i) % 3 == 0 && i != chars.length - 1)
          newString = separator + newString;
        newString = chars[i] + newString;
      }

      return TextEditingValue(
        text: newString.toString() + unit.enumToString(),
        selection: TextSelection.collapsed(
          offset: newString.length - selectionIndex,
        ),
      );
    }

1번 변수를 만들고, 2번 클래스를 만든 뒤,inputFormattes에 추가해줌.

TextField(
    inputFormatters: [
                  calorieInputFormatter,
                  CalorieUnitInputFormatter(Unit.kcal),
                 ]
              ),

Use the factory keyword when implementing a constructor that doesn’t always create a new instance of its class. For example, a factory constructor might return an instance from a cache, or it might return an instance of a subtype. Another use case for factory constructors is initializing a final variable using logic that can’t be handled in the initializer list.

-> factory키워드는 클래스의 새로운 인스턴스를 항상 생성하지 않는 생성자를 실행할 때 사용하세요. 예를들면, factory 생성자는 캐시에서 인스턴스를 반환하거나, subtype의 인스턴스를 반환할 수 있습니다. factory 생성자의 다른 사용법은 initializer 리스트에서 처리할 수 없는 로직을 사용하여 final 변수를 초기화 하는 것입니다.

Singleton Pattern [링크]

In software engineering, the singleton pattern is a software design pattern that restricts the instantiation of a class to one “single” instance. This is useful when exactly one object is needed to coordinate actions across the system. The term comes from the mathematical concept of a singleton.

-> Software Engineering에서, 싱글톤 패턴은 클래스의 인스턴스화를 하나의 "단일" 인스턴스로 제한하는 소프트웨어 디자인 패턴입니다. 시스템 전체에서 작업을 조정하는데 정확히 하나의 object가 필요할 때 유용합니다. 이 용어는 싱글톤의 수학적 컨셉에서 비롯됩니다.

Singleton 클래스 형식

class Singleton{
  static final Singleton _instance = Singleton._internal();

  factory Singleton(){
    return _instance;
  }

  Singleton._internal(){ // 클래스가 최초 생성될 때, 1회 발생
    // 초기화 코드  
  }
}

Singleton Example

class Me{
  static final Me _instance = Me._internal();
  static final String _name = "ssorry_choi";

  factory Me(){
    return _instance;
  }

  static String get name => _name;

  Me._internal(){ // 클래스가 최초 생성될 때, 1회 발생
    // 초기화 코드  
  }
}

void main() {
  var jacob = Me();
  var choi = Me();

  if(jacob == choi){
    print('Same Person!');
  }else{
    print('Different Person!');
  }
}

result : 'Same Person!'

Singleton vs Class

class Singleton{
  static final Singleton _instance = Singleton._internal();
  int count=0;

  factory Singleton(){
    return _instance;
  }

  Singleton._internal(){
    //초기화 코드
    print('Created Singleton Class!');
    count = 0;
  }
}

class Normal{
  int count=0;
  Normal(){
    // 초기화 코드
    print('Created Normal Class!');
    count = 0;
  }
}

void main() {
  var normalOne = Normal(); //첫번째 일반 클래스 생성
  var normalTwo = Normal(); //두번째 일반 클래스 생성

  var singleOne = Singleton(); //첫번째 싱글톤 클래스 생성
  var singleTwo = Singleton(); //두번쨰 싱글톤 클래스 생성, But 이미 클래스가 생성되었기 때문에
                               //인스턴스만 넘겨주며, 초기화 코드가 실행되지 않는다.

  print('singleton One: ${singleOne.count}, Two : ${singleTwo.count}');
  print('normal One : ${normalOne.count}, Two : ${normalTwo.count}');

  //각 클래스의 count 값 1씩 증가
  normalOne.count++;
  normalTwo.count++;

  singleOne.count++;
  singleTwo.count++;


  print('\n\n===각 클래스 count값 1씩 증가 후===\n\n');
  print('singleton One: ${singleOne.count}, Two : ${singleTwo.count}');
  print('normal One : ${normalOne.count}, Two : ${normalTwo.count}');

}

Created Normal Class! Created Normal Class! Created Singleton Class!

singleton One: 0, Two : 0 normal One : 0, Two : 0

===각 클래스 count값 1씩 증가 후===

singleton One: 2, Two : 2 normal One : 1, Two : 1

일반 클래스는 2번 생성됐지만, Singleton 클래스는 한번만 초기화 코드가 돌아간 것을 볼 수 있다.

Unhandled Exception: Scaffold.of() called with a context that does not contain a Scaffold.

No Scaffold ancestor could be found starting from the context that was passed to Scaffold.of(). This usually happens when the context provided is from the same StatefulWidget as that whose build function actually creates the Scaffold widget being sought.
There are several ways to avoid this problem. The simplest is to use a Builder to get a context that is "under" the Scaffold. For an example of this, please see the documentation for Scaffold.of():
  https://api.flutter.dev/flutter/material/Scaffold/of.html
A more efficient solution is to split your build function into several widgets. This introduces a new context from which you can obtain the Scaffold. In this solution, you would have an outer widget that creates the Scaffold populated by instances of your new inner widgets, and then in these inner widgets you would use Scaffold.of().
A less elegant but more expedient solutio<…>

이 에러가 발생한 이유는, 해당 context가 scaffold가 있는 context가 아니라는 이슈이다.

따라서 globalKey값으로 scaffold의 context를 전달해줌으로써 해결이 가능하다.

☠️ 에러 발생한 코드

...
@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(child:Text('Scaffold Error')),
      floatActionButton: FloatActionButton(
        onTap: _showSanckBar,
      ),
    );
...
 void _showSnackBar() {
    SnackBar snackBar = SnackBar(
      content: Text('Scaffold Error!!'),
      action: SnackBarAction(
        label: 'OK',
        onPressed: () {
          Scaffold.of(context).hideCurrentSnackBar();
        },
      ),
    );
    Scaffold.of(context).showSnackBar(snackBar);
  }

✅ 해결방법

...
GlobalKey<ScaffoldState> _key = GlobalKey<ScaffoldState>();

@override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _key,
      body: Container(child:Text('Scaffold Error solved')),
      floatActionButton: FloatActionButton(
        onTap: _showSanckBar,
      ),
    );
...
void _showSnackBar() {
    SnackBar snackBar = SnackBar(
      content: Text('Scaffold Error solved!!'),
      action: SnackBarAction(
        label: 'OK',
        onPressed: () {
          _key.currentState.hideCurrentSnackBar();
        },
      ),
    );
    _key.currentState.showSnackBar(snackBar);
  }

GlobalKey값을 가지고 해결할 수 있다!