명령 줄의 뉴토끼 325 개발! ? Amazon Q Cli

내가 그것을 결정하기로 결정한 이유
환경 준비
현장
시도한 후 생각

내가 그것을 결정하기로 결정한 이유

원래, 직장의 주니어는 "AWS는 Amazon Q Cli로 뉴토끼 325을 할 때 티셔츠를 얻을 수있는 캠페인을 진행하고 있습니다"

재미있어 보이므로 시도해 봅시다! 내가 그것에 대해 생각하고있는 것처럼, 나는 모든 사람들이 Jaws-ug 요코하마에서 한 번에 뉴토끼 325을 만들기 위해 모인 이벤트를 찾았고, 함께 재미를 원했기 때문에 참여했습니다

Amazon Q Cli로 뉴토끼 325 빌드 및 T 셔츠 🏆👕

https : //communityaws/content/2xioduo0xhkhhuapqpvuiqbfgmac/build-games-with-뉴토끼 325-q cli-and-score-a-t-shirt

Amazon Q Cli를 사용하여 뉴토끼 325을 구축하고 블로그 나 비디오로 구축 한 방법을 공유하고 티셔츠를 사용할 수 있습니다 시작하려면 전체 기사를 읽으십시오

Jaws-ug Yokohama #85 Amazon Q Cli와 함께 뉴토끼 325 빌드 뉴토끼 325 (2025/06/09 19 : 00 ~)

https : //jawsug-yokohamaconnpasscom/event/355243/

# 소개 (중요한 문제) * 사이트에서만 개최됩니다 나를 위해 뉴토끼 325을 즐기세요! ! ! * Amazon Q Cli와 함께 빌드 뉴토끼 325에 가입하고 특별한 티셔츠를 얻으십시오! * 누구나 일본어를 쓸 수 있으므로 일본어 블로그를 쓴 AWSJ의 Inada와 Kanamori는 손님이되기로 결정했습니다! * AWSJ의 Kinoppi와 Katz도 참여할 것입니다! 공식 페이지 일본어 블로그 ## 준비 * PC 및 AWS

환경 준비

물론 뉴토끼 325 Q Cli를 실행하기위한 환경이 있어야합니다
MAC 환경을 사용하는 AWS 커뮤니티에는 많은 사람들이 있다고 생각하지만 이번에는 WSL2의 뉴토끼 325 Q Cli (Linux 2 용 Windows Subsystem)를 Windows 환경에 설치합니다
뉴토끼 325 Q Developer CLI 설치 안내서 AWS 커뮤니티를 사용하여 아무런 문제없이 설치할 수있었습니다
나는 또한 vscode에 뉴토끼 325 Q 확장을 설치했습니다
설치 후

Q 로그인

Q 로그인

로 q에 로그인하십시오
회사 프로 라이센스가 있었으니프로 라이센스와 함께 사용선택되었습니다

? 로그인 방법 선택›

? select로그인메소드 ›

use for 무료withBuilderid

❯ use with프로라이센스

그 후

? 시작 URL 입력›

1	? enter시작URL ›

당신은 IAM Identity Center URL에 대한 요청을받을 것이므로이 지역 코드를 입력하십시오
표시된 URL을 클릭하면 장치 인증 화면으로 전송되며 요청을 승인하면 로그인됩니다

Q또는Q 채팅Q 뉴토끼 325를 시작합니다

지금

/q

로 끝내겠습니다 기본 Claude 37 Sonnet의 기본 Claude 37 Sonnet (또는 더 정확하게 Claude Sonnet 4입니까?)을 사용하고 싶습니다
다음 명령을 실행하여 기본 모델간에 전환 할 수 있습니다

Q 설정 chatDefaultModel Claude-4-Sonnet

1	Q 설정채팅DefaultModel 클로드-4-Sonnet

지금 준비되었습니다!

온라인

AWS SA의 설명이 끝나 자마자 작업을 시작했습니다
당신이 만든 뉴토끼 325의 제목은 "AWS 뉴토끼 325 타이핑 마스터"!
이 뉴토끼 325은 AWS CLI 명령을 학습하는 동안 타이핑을 연습 할 수있는 개념을 기반으로합니다
결국 AWS 관련 뉴토끼 325을 만들고 싶었으므로 이런 종류의 뉴토끼 325을 선택했습니다

처음에는 간단하게 시도했지만 HTML + JavaScript로 만들어졌으며 흥미롭지 않아서 React로 만들기 위해 정책을 변경했습니다
나는 vscode의 WSL 터미널의 다음 명령을 사용하여 먼저 React 프로젝트를 만들었습니다

npm 생성 vite@최신 aws뉴토끼 325-typing-master---template react-ts

1	NPM생성vite@최신aws뉴토끼 325-타이핑-마스터 -- --템플릿React-TS

이후 Q 뉴토끼 325를 시작하고 프롬프트를 입력하십시오 내가 입력 한 프롬프트는 다음과 같습니다
우리는 여기에 몇 가지 사양을 제공 한 다음 자유롭게 생각하게합니다

나는 AWS 뉴토끼 325 명령을 배우고 동시에 타이핑을 연습 할 수있는 아름다운 React (TypeScript)를 기반으로 타이핑 소프트웨어를 만들고 싶습니다

aws뉴토끼 325| 명령을 배우고 동시에 입력을 연습 할 수있는 소프트웨어 입력React(TypeScript)베이스를 기반으로 아름다운 화면으로 만들고 싶습니다

프로젝트의 내용을 읽고 문제를 해결하기위한 오류를 적절하게 해결하십시오

일부 조건은 다음과 같습니다

* 뉴토끼 325 화면의 모양aws뉴토끼 325영감을 받으려면

* 먼저 여러 모드를 선택할 수 있습니다

* 올바른 명령을 입력 한 후 명령이 무엇을하는지에 대한 간단한 설명

* 입력중인 문자의 색상을 변경하거나 커서 표시 등의 일반적인 시각적 피드백을 제공합니다

* 입력 상황에 따라 점수가 추가되어야합니다

* 뉴토끼 325이 끝난 후 랭크 점수10상단 위치를 입력하면 입력 된 이름과 점수를 등록 할 수 있으며 등록 후 순위 화면이 표시됩니다

이 지시만으로도 여러 가지에 대해 생각하고 계속 만들었습니다
완료하는 데 10 분도 걸리지 않았다고 느꼈습니다!
나는 React로 그것을 만들도록 지시 받았다 그래서 나는 그들이 구성 요소, 후크, 서비스 등을 올바르게 분리 할 수 있다는 것에 정말 놀랐다
나는 또한 첫 번째 움직임만으로 제대로 작동하는 무언가를 얻었습니다

그 후

명령의 변형을 늘리십시오
https://d1awsstaticcom/webteam/architection-icons/q1-2025/asset-package_02072025dee42cd0a6eacc3da195199357fb546f803zip
뉴토끼 325 명령을 입력 할 때 키 입력 사운드가 있는지 확인하십시오

를 수행 한 후 완성 된 화면입니다 등!
물론, 나는 1 밀리미터에 대한 수정을하지 않았습니다
AWS 아이콘이 자동으로 다운로드되며 SVG를 제거한 후에는 청소됩니다

그것을 시도한 후 생각

먼저, 나는 Jaws-ug Yokohama의 모든 사람들과 즐거움을 즐기면서 너무 재미있었습니다
다른 사람들이 만든 뉴토끼 325 발표 섹션에서 모두 흥미 롭습니다 (AWS 지향적 인 앱이 많았 기 때문에 AWS에 대한 사랑도 느꼈습니다) 그것은 단어입니다
간단한 프롬프트를 단순히 던지면 앱을 쉽게 만들 수 있다는 것이 무섭다고 생각했지만 동시에, 나는 더 많은 것이 더 많이 만들어지는 미래를 느꼈습니다

이번에는 간단한 뉴토끼 325 이었지만 더 복잡한 뉴토끼 325을 만드는 방법을 시험해보고 싶습니다! !