DEVOCEAN

Cursor IDE 사용해 보기

얼마전 주변에서 cursor cursor해서.. Cursor IDE가 뭐지? 하고, 궁금함에 cursor.com에 가서 툴을 다운로드 하였습니다.

월 $20 유료 버전이 있지만, 우선 Free로 2주간, 2,000개 completions가 가능하다고 하니, 무슨 툴인지 알아볼 수는 있겠군. 하며 설치를 하였습니다.

설치했더니 덩그러니, open project만 표시되고.. 음 뭐지.. 이게 뭐야하는 실망감.

IDE 인데.. chat이 있는 ide인가.. 이걸로 뭘 할 수 있지.

그래서, 그냥 처음이니, 테트리스를 한번 만들어 볼까 하고

" tetris 폴더를 만들고, 그 안에 테트리스 만들어줘" 라고 했습니다.

cursor가 작업을 하기 시작합니다.

그리고는 금방 브라우저에서 즐길 수 있는 테트리스가 만들어졌습니다. (요청할 때, 브라우저에서 할 수 있도록 javascript로 만들어줘 라고 하면 더 정확하게 나옵니다.)

이 부분에서도 깜짝 놀랐습니다. 직접 일부 코드를 수정해 보려고 index.html에 P-tag만 넣었는데..

바로 title에 수정한 이름이 자동 입력이 됩니다. ... 머지... 내가 이걸 넣을 지 어떻게 알고... (전뇌가 연결된 줄).... 추천이 나올 때 tap 버튼을 누르면 입력이 됩니다.

하지만, 수정이 잘못 되었죠... ㅠㅠ 그래서, 제목을 테트리스 위에 넣어 달라고 하고..

또, 테트리스 한줄, 두줄 사라질 때마가 차별화해서 점수도 주고, 점수를 최대 10명까지 높은 순서로 기록해서 브라우저 local storage에 저장해 달라고 해 봤습니다.

그리고 조회까지...

제가 수정한 코드 및 요구사항까지 모두 반영을 하였습니다. 그리고 다음 같이 진행 과정도 상세하게 설명하며 보여줍니다.

이제 JavaScript 파일을 수정하여 요청하신 기능들을 추가하겠습니다:

점수 시스템 변경 (한 줄: 100, 두 줄: 200, 세 줄: 300, 네 줄: 400)

고득점자 목록 관리 및 표시

Local Storage를 이용한 점수 저장 및 로딩

게임 오버 시 이름 입력 모달

...

요청하신 모든 기능이 성공적으로 추가되었습니다! 이제 테트리스 게임에 다음과 같은 새로운 기능들이 포함되었습니다:

제목 표시: "Timjoo's Tetris" 제목이 게임 보드 위에 표시됩니다.

새로운 점수 시스템:

한 줄 제거: 100점

두 줄 제거: 200점

세 줄 제거: 300점

네 줄 제거: 400점

고득점자 목록 관리:

게임 종료 시 이름을 입력하여 점수를 저장할 수 있습니다.

최대 10개의 고득점이 저장됩니다.

고득점자 목록은 화면 좌측에 표시됩니다.

이름, 날짜, 점수 정보가 포함됩니다.

로컬 스토리지 저장:

고득점자 목록은 브라우저의 로컬 스토리지에 저장됩니다.

브라우저를 닫았다가 다시 열어도 기록이 유지됩니다.

게임 오버 모달:

게임 종료 시 모달 창이 표시됩니다.

최종 점수와 이름 입력 필드가 포함됩니다.

게임을 실행하려면 tetris 폴더의 index.html 파일을 웹 브라우저에서 열어주세요. 별도의 설치나 설정이 필요하지 않습니다.

즐거운 게임 되세요! 추가적인 기능이나 수정이 필요하시다면 말씀해 주세요.

.. 근데, 직접 접수를 올리면서, 테스트 하기가 귀찮아졌습니다. 그래서, 테트리스 자동으로 수행하는 기능을 추가 요청했습니다.

두둥!! 바로 자동 플레이 기능이 추가됩니다.

아.. 정말 깜짝 놀란 하루 였네요.

현재는 신규 개발하는 화면 기획, 설계에 활용을 시도 중인데, 정말 이런 자동 코딩 ide를 사용하는 이와 사용하지 않는 이의 생산성 차이는 점점 크게 벌어질 것 같습니다.

강추 드립니다!

PS.) cursor로 간단하게 만든, 테트리스, 갤러그, 세계시간, 계산기 코드를 공유합니다.