지난 일요일 실습 시간에 배웠던 내용을 복기해보고자, 직접 뉴스레터를 기획하고 작성해보았습니다. 커서(Cursor)를 활용해 뉴스레터를 디자인하고, React 기반 이메일로 발송하는 전 과정을 다시 따라 해보는 시도를 했어요. 실습 땐 금방 끝났던 것 같았는데...(버디이신 성준님이 제 바로 옆에 계셔서 그랬더라구요), 막상 혼자 해보니 기억도 가물가물하고 낯선 도구에 멘붕의 연속이었습니다 😵
진행 방법
사용한 도구들
💻 커서(Cursor)
🌐 HTML Web Editor: https://url.kr/p/html-editor — 실시간 HTML 렌더링 확인
🎨 Really Good Emails: https://reallygoodemails.com/ — 레이아웃/디자인 참고
🧪 Litmus PutsMail: https://putsmail.com/ — 이메일 발송 테스트
진행 과정 요약
여행가J님의 실습 노트를 바탕으로 뉴스레터 기획 및 문구 작성
커서에서 컴포넌트들을 조립하며 뉴스레터 구성 시도
HTML 에디터에서 실시간 렌더링 체크 → 오류 발생 시 디버깅 반복
React 기반 이메일을 Litmus PutsMail 통해 발송하며 실제 수신 확인
결과와 배운 점
📌 뉴스레터 구성만으로도 시간이 많이 걸린다!
기획, 콘텐츠, 톤앤매너 잡는 데 생각보다 리소스 소모가 큼
여행가J님의 SPT GPT 활용하여 페르소나 설정하고, 벤치마킹할 뉴스레터 레퍼런스들도 전달
거의 10번도 넘는 내용수정과 인간+AI 가 만들어낸 최종 결과물로 지침용 프롬프트 생성 요청함.
앞으로 이 지침을 활용한 좀 더 단축된 시간으로 뉴스레터 작성할 예정
🌀 커서는 초보에게 낯선 도구
초보는 무엇이 어디 있는지도 몰라서 어려움 겪음
오류 발생시 GPT의 안내가 종종 맞지 않거나 막막할 때도 많았음 😢
대체 이건 뭐고, 여긴 어디고, 나는 무얼 하고 있나를 생각하지 말고 그냥 해야하는듯한....
😤 멘붕과 짜증의 연속…
매번 뭔가가 안 되고, 에러가 나고, 용어도 생소해서 한참 헤맴 (뭘 몰라서 그런것 같음...)
💪 그래도 끝까지 해보니 결국 된다! (하지만 안예쁘다 ㅠㅠ)
무작정 피해 다니기보다, 부딪혀 보면서 하나씩 익히는 것이 답
일단, 정상적으로 나온다에 의의를 두었지만...(예쁘게 만들고 싶어요!!!)
커서를 좀 배워 보겠습니다.
도움 받은 글
여행가J님, 개발자F님의 실습 자료와 안내
🙋♀️ 저 같은 초보분들께: 피하지 말고 그냥 해보세요.
어차피 삽질할 거면 빨리 삽질을 끝내는게... 나을것 같아요 ㅠㅠ
