zesty의 유쾌한 Innovation

Cursor Ai vs Github Copilot 비교

Cursor AI와 GitHub Copilot의 장단점을 비교

항목	Cursor AI	GitHub Copilot
주요 기능	코드 작성, 리팩토링, 디버깅 지원, 자연어로 설명된 코드 자동 생성	코드 자동 완성, 코드 스니펫 제안, 다양한 프로그래밍 언어 지원
사용 환경	독립적인 IDE(통합 개발 환경)로 동작하여 주로 웹 기반으로 제공됨	Visual Studio Code, GitHub 플랫폼, JetBrains 제품 등 다양한 IDE에서 플러그인 형태로 제공
언어 지원	다양한 언어 지원 (Python, JavaScript, Go 등 주요 언어)	다수의 언어 지원 (JavaScript, Python, Ruby, Go, TypeScript, Java 등 다양한 언어)
인터페이스	사용자 친화적 인터페이스, 코드 맥락을 시각적으로 제시하는 기능 포함	Visual Studio Code 등 친숙한 IDE 내에서 사용, 간단한 팝업 및 자동 완성 인터페이스 제공
장점 – 효율성	코드 리팩토링과 디버깅을 직접 지원하여 개발 속도를 크게 향상시킴	코드 작성 중 자동 완성을 제공하여 빠른 개발 가능
장점 – 학습 곡선	시각적이고 직관적인 UI 덕분에 쉽게 적응 가능	GitHub과 Visual Studio Code 환경에 익숙한 사용자는 빠르게 적응 가능
장점 – 코드 품질	코드의 컨텍스트를 더 깊게 이해하고 코드 블록을 재작성하거나 개선하는 제안 제공	주로 짧은 코드 완성에 중점을 두고 있어 간단한 작업에서는 효율적이고 빠르게 결과를 제공
단점 – 복잡성	상대적으로 복잡한 기능(리팩토링, 디버깅 등)이 있어 처음 사용자는 적응 시간이 필요할 수 있음	대규모 코드 컨텍스트에 대한 이해가 부족하여 때때로 잘못된 코드 제안 가능
단점 – IDE 종속성	독립적인 IDE로 작동하기 때문에 기존 개발 환경과 통합하기 어려울 수 있음	특정 IDE (주로 Visual Studio Code 및 JetBrains)와 강하게 연계되어 있음
단점 – 비용	유료 구독 모델로 운영되며, 무료 버전의 기능이 제한적일 수 있음	무료 체험 후 유료 구독 필요 (무료 버전은 제한된 기능 제공)
단점 – 보안	외부 서버와의 연결이 필요하여 코드 보안에 대한 우려가 있을 수 있음	사용자의 코드가 외부 서버로 전송되어 분석되기 때문에 보안과 개인정보 보호 문제가 있을 수 있음
추천 사용자	코드 품질 향상과 디버깅, 리팩토링을 적극적으로 활용하려는 개발자	코드 자동 완성을 통해 빠르게 결과를 얻고자 하는 개발자

개발자가 아니라서 비교하기 쉽지는 않지만 이런 툴들이 만이 나오므로 해서 생산성이 오르지 않을까 하는 기대를 해본다.

Vercel의 v0 간단 사용기

FRONTEND AI 간단 사용후기

FRONTEND AI . 잠시 쉬는 기간에 여러가지 트렌드를 분석해보는 시간

Producthut(producthut.com) 에 올라온 리스트중에 눈에 띄는 서비스가 있었으니 그 서비스가 FRONTEND AI라는 서비스이다 . 이미 사용하고 있는 이미지를 캡쳐해서 업로드를 하던지 자신이 원하는 화면에 대한 프롬프트를 작성하면 바로 화면을 생성해주면서 그 화면을 여러가지 언어의 code로 뽑아서 개발자 또는 퍼블리셔가 바로 사용할 수 있게 만들어주는 서비스이다

우선 한번 써봅시다 .

접속주소는 https://www.webcrumbs.org/frontend-a i

비슷한 이미지를 캡쳐해서 올리는 방법도 있고 프롬프트를 작성해서 화면을 만드는 방법도 있으나 예전 프로젝트 화면설계서를 캡쳐해서 생성해 보았다.

이미지로 생성한 결과 이렇게 나옴

이렇게 나온 화면을 코드화 할 수 있음

내가 자주 쓰는 vue로 코드를 생성하려고 봤는데 자동 생성을 해서 그런지 불필요한 코드들이 많이 보여서 개발자나 퍼블리셔의 손을 거치지 않으면 안될꺼 같았다 .뭐 아직 초기 버전이라서 좀 더 좋아질꺼라 예상되며 간단한 목업 정도의 프로젝트는 가능하다고 생각되네 . 이게 더 정교해지고 다듬어지면 퍼블리셔와 디자이너가 할일이 줄어들겠네 . 점점 더 문명의 발달로 압박을 받고 있는 퍼블리셔,디자이너,기획자 .

다들 분발합시다 .!!

Figma 플러그인 ugic.ai 간략 사용기

FLUX.1 – 이미지 생성 AI

미드저니가 유료로 바뀌면서 이미지를 생성할 곳을 찾아가 발견한 이미지생성 AI FLUX.1

한번 만들어볼까 ?

해당 사이트로 접속 https://huggingface.co/black-forest-lab

2. flux.1[schnell] 클릭

3. Enter your prompt에 작성 (영문으로)

나는 영어를 잘 못해서 이렇게 파파고한테 부탁해봄 . “한국 가로수길을 걷고 있는 긴머리 젊은 여성의 모습을 사진으로 만들어줘” = > Create a photo of a young woman with long hair walking down a tree-lined street in Korea.

4. 결과 보기

내가 원하는(?) 여성의 모습은 아니였지만 프롬프트 하나로 이렇게 원하는 이미지를 생성할 수 있다는 사실이 놀라울 뿐이다.다만 기술의 발달로 인해 딥fake영상처럼 개인의 프라이버시를 무시하고 범죄에 악용되는 상황에 대해서는 대비가 필요하다고 생각된다 . 영어를 좀 더 잘하면 괜찮은 결과물이 나올라나 ?

영어 공부를 해야겠다 .

Visily.ai 간단 사용기

Vercel의 v0 간단 사용기

midjourney 로 만든 회사 탈출 이미지

https://www.midjourney.com/

midjourney 가 유료가 되기전에 맘껏 써보자는 취지에 여러가지 이미지를 만들어보았다 .

이번 프로젝트가 너무 정신적으로나 육체적으로나 힘들어서 빨리 drop하고 나오고 싶었는데, 책임감이란 명목아래 프리랜서임에도 불구하고 정직원처럼 미련하게 일하고 있었던 나의 모습에 화가나서 해당 이미지가 어떻게 나올까 기대하면서 ..

midjourney에게 회사에서 손을 흔들면서 탈출하는 귀여운곰의 모습을 만들어달라고 프롬프트에 영어로 자세하게 작성을 했으나 정장 나온 이미지는 푸우가 손흔드는 모습이네 . 실패다 .

프롬프트를 잘 사용하는 방법부터 익혀야겠구만 .

Figma 플러그인 ugic.ai 간략 사용기

zed editer

https://zed.dev

요즘 틈틈히 개발공부를 하고 있다 . 대학을 졸업하고나서는 내가 필요할때만 가끔 코드를 짜고는 했는데 IT 트랜드가 너무 빨리 변하다보니 개발자랑 커뮤니케이션 하기가 힘들어서 안되겠다는 생각을 하게 되었다 .내가 직접 개발을 할 정도의 실력은 안되지만 그래도 개발자랑 대화할 수 있는 정도는 되어야지 하는 생각이 들어 시간일 날때마다 틈틈히 개발 트랜드를 들여다 보고 있다.

AI관련 내용을 찾아보다 보니 새로운 에디터(zed)가 눈에 보여서 한번 써보고 개발자가 아닌 기획자의 눈으로 느낀점을 써본다 .

zed editer

1. 빠른 속도와 가벼운 성능

가장 큰 장점 중 하나는 매우 빠르고 가벼운 성능을 제공하는듯 . 내 맥북프로가 오래되었음에도 불구하고 원활하게 잘 실행이 되네 .큰 파일을 열면 시간이 걸릴줄 알았는데 VSCODE보다 더 빠르게 파일을 불러와서 대만족

2. 강력한 협업 기능(?)

실시간 협업 기능이 강력한 장점이라고 이야기는 하는데 나는 개발자가 아니라서 크게 와 닿지는 않네 . 아마 코드 리뷰나 페어 프로그래밍을 할 때, 동료와 함께 실시간으로 코드를 편집하고 논의할 수 있는 기능이 있는것으로 예상이 되는데 사용할줄 몰라서 우선 패스

3. 사용자 친화적인 인터페이스

직관적이고 사용자 친화적인 유저인터페이스. ATOM EDITER를 만든 곳에서 만들어서 그런지 크게 거부감이 없었고 VSCODE를 사용하고 있는 사람이면 학습없이도 바로 사용할 수 있을 정도임 . 그리고 기본적으로 VSCODE에서 사용하는 옵션을 사용할 수 있어서 금방 세팅하여 사용할 수 있었음.

좀 더 사용해봐야겠지만 내가 사용하는 한도내에서는 VSCODE로도 충분할것 같음 .

Cursor Ai vs Github Copilot 비교

Vercel의 v0 간단 사용기