😊1주차 오리엔테이션 후기와 Figma 튜터 프로젝트 만들기

안녕하세요! 17기에 참여한 진여진입니다.
1주차 OT 정리 + 숙제 : 프로젝트 만드는 과정을 공유드립니다.
Figma & Replit 스터디 참여자 입장에서 작성했습니다.

앞서, 1주차 재미있고 유쾌하게 스터디를 진행해주신 허세임님 감사드립니다! 😍

🎯 1주차 OT배운 내용: 프롬프트 가이드

오리엔테이션에서 가장 인상 깊었던 건 프롬프트 가이드 PTCF 였어요.
그동안 모호하게 경험으로만 알고 있었던 내용을 체계적으로 정리할 수 있었습니다.
추가로 지피터스 공식 프롬프트 가이드북도 공부하는 시간을 가졌습니다.

ALT

훌륭한 보석 지침을 작성하는 방법

추가로 아래 가이드북들도 정말 유용했습니다:

• 구글 Gem 지침 가이드북

• 지피터스 프롬프트 가이드북

• GPTers 17기 인공지능과 LLM 사용 - 허세임

바로 실천에 옮겨 제 자신만의 프롬프트 가이드를 만들었어요!

메모장에 작성했고 작성한 글을 보며
목적성이 담긴 프롬프트를 작성하는 연습을 하려 합니다.

🚀 숙제: 나만의 프로젝트 만들기

스터디에서 부여받은 숙제는 "4주간의 의미있는 성장을 위해 나만의 프로젝트 만들기" 였어요.

ALT

오렌지 배경에 한국어 텍스트

💪 준비 과정

먼저 정확한 맥락 파악을 위해 스터디 자료들을 꼼꼼히 클리핑했습니다.
이 과정에서 4주 스터디의 방향성이 명확하게 잡혔어요!

💼 프로젝트 계획 수립

저는 GPT 대신 Claude를 활용하기로 했습니다. (MCP + GPT 구독을 안했기 때문이에요😅)

ALT

한국어 텍스트가있는 앱의 스크린 샷

프로젝트에 도움이 될 자료들을 정리했습니다:

• 스터디 커리큘럼

• 유용한 아티클 모음

• 스터디장님의 작성글 클리핑

ALT

Adobe Premiere Pro Korea

🖥️시스템 프롬프트 설계

Claude와 대화하며 시스템 프롬프트를 설계했습니다.
Figma와 Replit 두 가지 페르소나가 필요했기 때문에,
하나의 프로젝트에 2가지 페르소나가 출력되는 구조로 만들었어요.

최종 시스템 프롬프트는 PDF 문서에 정리했습니다.

자세한 대화 내용은 여기서 확인하실 수 있습니다 ⬇️
https://claude.ai/share/eb72a0e3-4ac7-4934-a70d-6eaf77a64646

💓 테스트 결과

1주차 스터디 내용을 테스트해봤습니다.

ALT

한국어 페이지의 스크린 샷

예상대로 잘 구현이 되었네요! 1주차 과제 준비를 위한 방법도 물어봤습니다.

자세한 대화 내용은 아래 링크를 참고해주세요 ⬇️
https://claude.ai/share/45acbcac-9353-473e-adb3-ebd3a74a9373

ALT

한국어 웹 사이트의 스크린 샷

1주차 OT에서 배운 내용을 활용해 역질문과 요구사항을 작성했더니:

ALT

한국 버전의 게임 스크린 샷

이렇게 구체적인 목표와 TODO 리스트를 만들어주네요!
앞으로 점진적으로 노력해 나가야겠습니다.

💡 배운 점

• 1주차 OT를 통해 프롬프트 작성법과 프로젝트 사용법을 체계적으로 배웠습니다

• 모호하게 경험으로만 알고 있던 프롬프트 가이드 PTCF를 확실히 이해했어요

• 시스템 프롬프트를 직접 만들고 맞춤형 학습계획을 세울 수 있게 되었습니다!

📚 참고 자료:

• 17기 스터디 커리큘럼 : Figma AI, Replit과 함께하는 나만의 웹앱 AtoZ

• 스터디장 Diane 님

  • AI로 디자인하는 UX UX 디자인의 모든 것

  • Figma Make 활용법 Cursor AI와의 비교

  • 디자이너 관점에서 본 Google Stitch UI 구현, Figma 연동

• 스터디장 Rose 님

  • Figma AI와 Replit으로 만든 온라인 명함 관리 프로토타입

오늘의 사례 게시글은 여기까지 작성하고,
1주차 OT 이후에 추가 내용을 업데이트하겠습니다.
다음 게시글도 기대해주세요! 😊