면접 코파일럿 페이지 UI 초안 만들기(2주차)

쌍둥이자리와 함께 아이디어를 쌓아보세요


클로드 코드와 나눈 대화를 바탕으로 ai studio를 활용해 면접 코파일러 페이지 UI 초안을 아래와 같이 만들었습니다

기획과 발전은 알려주신 IPO를 사용해 묻고 답한 내용을 기반으로 진행했습니다

1. 기획

한국어로 된 문자 메시지의 스크린샷


화면에 한국어 문자


한국어로 된 텍스트 스크린샷



2. 페이지 구조

한국어 스크린샷


AI SUDIO가 좋은 점은 밑에 연관 질문이나 더 개선하면 좋을 질문으로 자동으로 제안해서 요구 사항을 더 자세히 입력하며 발전시킬 수 있었습니다 ㅎㅎ

HR 인터뷰 협동 스크린샷

영상에서 안내주신 GITHUB과 VERCEL에 저만의 공간도 만들어 첫 프로젝트를 저장하고 개시까지 성공했습니다!

  1. 실제 초안

My Google AI Studio App

Node.js와 npm 조건도 체크해 페이지 초안을 완성했습니다
(아래 포트폴리오 입력란에 오류가 있는데 영상에서 알려주신 포커스 모드를 사용하면 클릭한 영역에만 적용되는 추가 요구사항을 입력해, 추가 수정할 수 있다는 점이 편리한 것 같습니다)

한국어 텍스트가 있는 검은 화면
한국어가 적힌 파란색 버튼
한국어 텍스트가 있는 검은 화면
1
1개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요