728x90 전체 글45 기획부터 Figma 문서화까지, 바이브 코딩으로 완성한 PoC 개발기 이 글은 바이브 코딩으로 웹 목업을 제작하는 데서 그치지 않고, Flutter 구현과 Figma 문서화까지 실제 프로덕트 사이클을 한 차례 진행한 경험을 바탕으로 작성했습니다.요즘 개발 분야에서 ‘바이브 코딩(Vibe Coding)’이라는 말을 자주 접한다.자연어로 원하는 기능을 설명하고, AI가 생성한 코드를 바탕으로 애플리케이션을 만들어 가는 방식이다. 몇 번의 프롬프트만으로 그럴듯한 화면이 만들어지는 모습은 분명 인상적이다.하지만 실제 프로젝트에 적용하려면 조금 다른 질문이 생긴다.바이브 코딩은 빠르게 데모 화면을 만드는 단계를 넘어, 실제 프로덕트 개발 과정에서도 유용할까?이번 PoC에서는 이 질문을 직접 확인해 보기로 했다. 기획과 디자인을 함께 진행하며 웹 목업을 만들고, 검증된 결과를 Flu.. 2026. 8. 20. 로그인된 크롬이 AI의 손이 됐다: ChatGPT 데스크톱 앱을 사용해야하는 이유 요즘 ChatGPT 데스크톱 앱을 쓰면서 가장 크게 체감한 변화는 답변의 품질이 아니라 ‘실제로 일을 끝내는 범위’다.크롬 확장 프로그램을 연결하면 ChatGPT는 별도의 테스트 브라우저가 아니라 내가 평소 사용하는 크롬의 열린 탭과 로그인 세션을 활용할 수 있다. 화면을 읽고, 필요한 항목을 찾고, 클릭하고, 입력하고, 여러 탭의 정보를 비교할 수 있다.이 차이는 생각보다 크다. 로그인된 브라우저가 곧 AI의 작업 환경이 된다.로그인이 필요한 순간, AI는 더 이상 문 앞에서 멈추지 않는다웹 자동화가 답답했던 가장 큰 이유는 로그인 이후의 화면을 다루기 어려웠기 때문이다. Google Analytics, 관리자 대시보드, 사내 도구처럼 공개 검색으로는 접근할 수 없는 정보는 사용자가 직접 열어 보여줘야.. 2026. 8. 19. Flutter vs React Native in 2026: 성능보다 중요한 선택 기준 크로스 플랫폼 앱 개발을 검토하면 가장 먼저 나오는 질문이 있습니다.Flutter와 React Native 중 무엇이 더 좋은가?몇 년 전에는 렌더링 성능, 안정성, 네이티브 기능 지원 여부가 주요 비교 기준이었습니다.하지만 2026년에는 두 프레임워크 모두 실제 서비스를 운영할 만큼 충분히 성숙했습니다.이제 절대적인 승자를 찾기보다 우리 프로젝트와 팀에 어느 쪽이 더 잘 맞는지 판단하는 것이 중요합니다.Flutter의 강점은 일관된 UI다Flutter의 가장 큰 장점은 플랫폼이 달라도 비교적 동일한 디자인을 구현할 수 있다는 점입니다.Flutter는 운영체제의 기본 UI 컴포넌트에 크게 의존하지 않고 자체 위젯과 렌더링 시스템을 사용합니다. 그 덕분에 iOS와 Android에서 화면이 조금씩 다르게 보.. 2026. 8. 14. React 개발자가 반드시 알아야 하는 보안 가이드 (XSS, JWT, CSRF, CSP) React는 대표적인 프론트엔드 라이브러리 중 하나이며, 기본적으로 XSS(Cross Site Scripting)와 같은 대표적인 웹 취약점을 방어하도록 설계되어 있습니다. 그래서 많은 개발자가 "React를 사용하면 보안도 어느 정도 해결된다."라고 생각하기도 합니다.하지만 실제 서비스에서는 이야기가 조금 다릅니다.사용자가 작성한 HTML을 출력하거나, JWT를 LocalStorage에 저장하거나, 서버에서 입력값 검증을 하지 않는 순간 React의 기본 보호 기능만으로는 애플리케이션을 안전하게 지킬 수 없습니다.이번 글에서는 React 프로젝트를 운영하면서 반드시 알고 있어야 하는 보안 요소들을 정리해 보겠습니다.1. React는 왜 XSS 공격에 비교적 안전할까?대표적인 웹 공격 중 하나가 XSS(.. 2026. 7. 10. 2026년, 3년 차 개발자의 상반기 회고 (feat. wiiee) 상반기를 한 문장으로 표현한다면"할 수 있는 것은 많아졌지만, 만들어낸 것은 선명하지 않았던 상반기" 였다. 1. 개발은 빨라졌지만, 무엇을 만들지는 더 어려워졌다기술적으로 크게 어려움을 겪은 일은 없었다. 아무래도 서비스 사용자와 직접 부딪칠 기회가 많지 않았기 때문인 것 같다.AI를 개발에 활용하는 방식에도 생각보다 빠르게 적응했다. 바이브 코딩을 통해 식물 앱 ‘모두의 식물’, 길 찾기 게임 ‘길막의 달인’, 보드게임 ‘십이지크라운’까지 총 3개의 앱을 출시했다.처음에는 AI가 만들어낸 디자인을 원하는 수준으로 구현하는 과정이 쉽지 않았다. 하지만 화면과 기능을 작은 컴포넌트 단위로 나누어 작업하면서 점차 해결할 수 있었다. AI를 잘 활용하는 것도 결국 문제를 얼마나 명확하게 나누고 전달하느냐.. 2026. 6. 24. Vercel Hobby 플랜에서 협업자 배포 막히는 문제, 우회 경험 상황Next.js 프로젝트를 혼자 개발하다가 다른 개발자와 협업을 시작했다. GitHub 레포에 권한을 주고 같이 작업하는 건 문제없었는데, 문제는 배포였다.협업자가 push를 하면 Vercel에서 이런 에러가 떴다. The Deployment was blocked because the commit author does not havecontributing access to the project on Vercel.Hobby teams do not support collaboration.Please upgrade to Pro to add team members.Vercel Hobby 플랜은 팀 협업을 지원하지 않는다. 즉, Vercel에 연결된 GitHub 계정 이메일로 작성된 커밋만 자동 배포가 허용된다.. 2026. 4. 3. 이전 1 2 3 4 ··· 8 다음 728x90