사용기 Archives - 2 중 2 번째 페이지 - zesty의 유쾌한 Innovation

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 간단 사용기