W westc 님의 블로그

전체 글 880

챗GPT 시대, cursor로 1일 만에 웹명함 만든 후기와 실전 셋업 방법 정리 (목표, 프로젝트, 다듬기) 목차cursor를 선택한 이유와 웹명함 목표 정리하기cursor 설치부터 새 웹명함 프로젝트 열기까지챗GPT처럼 프롬프트를 써서 웹명함 형태 다듬기배포까지 1일 안에 끝내기: GitHub Pages 기준 실전 흐름cursor로 웹명함을 만들며 느낀 장점과 주의할 점결론: 하루 만에 만든 웹명함, 중요한 것은 도구보다 흐름챗GPT 스타일 프롬프트와 AI 코드 에디터 cursor를 활용해, 완전 초보 기준 하루 만에 웹명함을 만든 실제 과정을 정리합니다. 설치부터 프로젝트 생성, 프롬프트 작성, 배포까지 따라 하기 쉬운 흐름으로 안내합니다.처음 “웹명함”이라는 개념을 들었을 때, 저는 디자이너나 개발자만의 영역이라고 생각했습니다. 하지만 링크 하나만 공유해도 자기소개, 연락처, SNS, 포트폴리오까지 보여 .. 2025. 12. 14.
바이브코딩 툴에는 어떤 것들이 있을까, 전통 IDE 플러그인 vs 웹 기반 AI 툴 비교 (IDE, 에디터형, 경험) 목차전통 IDE 플러그인형 바이브코딩 툴의 특징웹 기반·독립 에디터형 바이브코딩 툴의 특징전통 IDE 플러그인 vs 웹 기반 툴, 실제 사용 경험에서의 차이입문자·주니어·시니어 개발자별 선택 기준결론: 요약 및 정리바이브코딩 흐름을 지원하는 대표적인 툴들을 전통 IDE 플러그인형과 웹 기반·독립 에디터형으로 나누어 살펴보고, 입문자와 개발자 관점에서 선택 기준과 활용 포인트를 정리합니다.생성형 AI가 코드를 도와주는 시대가 되면서 “어떤 도구로 바이브코딩을 시작해야 할까?”라는 질문을 하시는 분들이 많습니다. 검색을 해 보면 깃허브 코파일럿, 커서(Cursor), 제트브레인즈 AI 어시스턴트, 리플릿(Replit) AI, 코디움(Codeium) 등 이름만 들어도 복잡한 도구들이 한꺼번에 등장합니다. 겉으.. 2025. 12. 14.
노코드 툴 vs 바이브코딩, HTML·JS·CSS 웹도구 구현 성공 후 느낀 차이(느낌, 차이, 관점) 목차노코드 툴로 처음 만든 HTML·JS·CSS 웹도구의 느낌바이브코딩으로 같은 웹도구를 다시 만들며 느낀 차이노코드 vs 바이브코딩, 유지보수·확장성 관점에서 본 차이직장인·비전공자 입장에서의 선택 기준 정리결론: 요약 및 정리노코드 툴로 처음 간단한 웹도구를 만들었다가, 이후 바이브코딩으로 HTML·JS·CSS 구조로 다시 구현해 본 경험을 바탕으로 두 방식의 차이를 정리합니다. 개발 속도, 이해도, 유지보수 관점에서 어떤 느낌이 달랐는지 현실적으로 비교합니다.처음 웹도구를 만들어 보고 싶다는 생각이 들었을 때, 저는 당연히 노코드 툴을 떠올렸습니다. 버튼을 끌어다 놓고, 입력 폼을 배치하고, 조건을 설정하면 화면에 바로 결과가 나타나는 구조가 부담 없이 느껴졌기 때문입니다. 실제로 처음 만든 도구는.. 2025. 12. 13.
노코드도 어려웠던 제가 바이브코딩으로 처음 홈페이지 만든 이야기(도전, 시작, 시행착오) 목차노코드도 막막했던 제 첫 홈페이지 도전 배경바이브코딩과의 첫 만남, 기대와 불안이 섞인 시작프롬프트 한 줄로 화면을 만들며 겪은 시행착오처음 홈페이지를 완성하며 느낀 바이브코딩의 장점과 한계결론: 요약 및 정리노코드도 어려웠던 제가 바이브코딩을 활용해 생애 첫 홈페이지를 완성하기까지의 과정을 정리합니다. 프롬프트 작성, 시행착오, 배포와 느낀 점까지 문과 시각에서 솔직하게 공유합니다.처음 홈페이지를 만들어 보고 싶다는 생각은 오래전부터 있었지만, HTML과 CSS 화면을 보는 순간마다 저는 늘 브라우저를 닫았습니다. 알파벳과 특수문자가 빼곡한 코드 화면을 보면, 문과 출신인 제가 괜히 남의 영역을 침범하는 것 같은 느낌이 들었습니다. 그래서 비교적 쉬워 보이는 노코드 도구들을 여러 개 시험해 보기도 .. 2025. 12. 13.
바이브코딩에서 문과·비전공자가 알아야 할 준비 사항과 위험 요소 정리 (활용, 준비, 저작권) 목차바이브코딩의 개념과 문과도 활용할 수 있는 이유문과·비전공자가 바이브코딩을 시작하기 전 준비해야 할 것들바이브코딩의 위험 요소: 품질, 보안, 저작권, 의존성바이브코딩을 안전하게 활용하기 위한 실전 체크리스트결론: 요약 및 정리바이브코딩은 생성형 AI에게 자연어로 원하는 기능과 느낌을 설명하면, AI가 대신 코드를 만들어 주는 방식의 코딩 워크플로를 뜻합니다. 문과·비전공도 진입 장벽을 크게 낮출 수 있지만, 그만큼 준비해야 할 부분과 주의해야 할 위험 요소도 분명히 존재합니다.바이브코딩이라는 말은 아직 낯설지만, 실제로는 이미 많은 사람들이 일상에서 활용하고 있는 AI 코딩 방식과 크게 다르지 않습니다. 개발자가 일일이 코드를 타이핑하기보다, “이런 화면을 만들어 줘”, “여기 데이터를 불러와서 그.. 2025. 12. 13.
바이브코딩 혁명, 챗GPT 이후 코딩이 완전히 달라진 2025년 개발 현장(의미, 워크플로, 부담) 목차바이브코딩 혁명이란 무엇을 의미하는가챗GPT 이후 개발 워크플로의 변화개발자에게 주어진 기회와 새로운 부담문과·비전공자에게 열린 새로운 코딩 기회결론: 요약 및 정리 챗GPT 이후 등장한 바이브코딩이 개발자의 업무 방식과 문과·비전공자의 코딩 진입 장벽을 어떻게 바꾸고 있는지, 2025년 실제 개발 현장을 기준으로 정리합니다.코딩을 배워야 한다는 말은 익숙해졌지만, 정작 2025년 현재 개발 현장에서 코딩이 이루어지는 방식은 몇 년 전과 전혀 다른 모습에 가깝습니다. 많은 개발자가 더 이상 모든 코드를 직접 타이핑하지 않고, 생성형 AI에게 요구 사항과 제약을 설명한 뒤 초안을 받아 리팩터링하는 방식으로 일합니다. 이 흐름을 가리켜 흔히 “바이브코딩 혁명”이라고 부르며, 단순히 새로운 도구가 하나 늘.. 2025. 12. 13.