솔직히 이건 예상 밖이었습니다. Gemini를 꽤 자주 쓰고 있다고 생각했는데, GEM이라는 기능의 존재를 제대로 파악한 건 최근의 일입니다. 매번 비슷한 형식의 글을 요청할 때마다 같은 조건을 처음부터 다시 설명하던 그 번거로움이, 사실은 해결책이 이미 있었던 문제였습니다. GEM은 반복 업무를 한 번만 설정해두면 이후에는 자동으로 처리해주는 Gemini의 핵심 기능입니다. 여기에 최근 추가된 슈퍼잼스(Super Gems)는 동영상 제작까지 자동화 범위를 넓혔고, 무료로 사용할 수 있습니다.GEM이 뭔지 몰랐던 저, 알고 보니 핵심을 놓치고 있었습니다Gemini를 쓰면서도 매번 프롬프트(prompt), 즉 AI에게 전달하는 지시문을 처음부터 직접 입력하는 방식으로만 써왔습니다. 여기서 프롬프트란 AI가..

웹 개발을 공부할 때 저는 코드를 직접 한 줄씩 치는 것이 개발자의 핵심 역량이라 믿었습니다. 그런데 최근 AI 코딩 도구를 실제로 써보면서 그 믿음이 조금씩 흔들리기 시작했습니다. 구현 자체는 AI가 대신해주는 시대가 이미 왔고, 이제 진짜 경쟁력은 다른 곳에 있다는 것을 체감했습니다.코딩 자동화, 실제로 써보니 이런 점이 달랐습니다일반적으로 AI가 코드를 작성해주면 개발자는 그냥 가져다 쓰면 된다고 생각하는 분들도 있는데, 제가 직접 써봤더니 현실은 꽤 달랐습니다. 클로드 코드(Claude Code)나 GPT 계열 코딩 도구를 써서 간단한 웹사이트를 만들어달라고 했을 때, 겉으로는 완성된 것처럼 보였지만 모바일 화면에서 레이아웃이 무너지거나 불필요하게 복잡한 코드가 덕지덕지 붙어 있는 경우가 있었습니..

코딩 한 줄 없이 GPT 5.5, 클로드 Opus 4.7, 제미나이로 각각 야구 게임을 만들었는데, 결과물의 완성도 차이가 생각보다 꽤 컸습니다. 제가 직접 결과를 보면서 느낀 건, 점수보다 중요한 게 따로 있다는 거였습니다.GPT 5.5로 만든 야구 게임, 9점짜리 결과물의 실체GPT 5.5는 신규 출시 모델입니다. 기존 GPT-4o 계열과 비교해 코딩 능력이 얼마나 달라졌는지 궁금했는데, 이번 야구 게임 제작이 꽤 좋은 테스트 케이스가 됐습니다.제작 방식은 이렇습니다. 먼저 GPT 5.5에게 야구 게임 제작용 프롬프트를 생성하도록 요청했습니다. 그 프롬프트를 코덱스(Codex)에 입력해 실제 코딩을 진행했습니다. 여기서 코덱스란 GPT 5.5 기반의 코딩 특화 버전으로, 자연어 지시만으로 실행 가능한..

클로드 4.6 업데이트 이후 챗GPT·제미나이에서 클로드로 갈아타는 사용자가 눈에 띄게 늘고 있습니다. 저도 오랫동안 제미나이를 주력으로 써왔는데, 직접 클로드를 써보고 나서 생각이 꽤 많이 바뀌었습니다. 단순히 "답변을 잘하는 AI"가 아니라 업무 방식 자체를 바꿀 수 있는 도구라는 인상을 받았기 때문입니다.제미나이에서 클로드로 넘어온 이유일반적으로 AI 도구를 바꾸는 데는 꽤 큰 이유가 필요하다고 생각하는 분들도 있는데, 저는 생각보다 작은 계기로 갈아탔습니다. 클로드 4.6 버전이 나왔을 때 호기심 반으로 글쓰기 작업 하나를 맡겨봤는데, 결과물의 결이 달랐습니다. 제가 늘 신경 쓰는 문장 흐름이나 톤을 별도로 설명하지 않았는데도 훨씬 자연스럽게 잡혀 있었습니다.클로드가 글쓰기에서 특히 강세를 보이는..

AI가 직접 컴퓨터를 조작하고 파일을 수정하고 이메일까지 보낼 수 있는 시대가 왔습니다. 오픈클로 같은 AI 에이전트를 처음 접했을 때, 솔직히 이건 예상 밖이었습니다. 질문에 답하는 챗봇과는 차원이 다른 이야기였으니까요.오픈클로로 달라진 자동화의 개념지금까지 쓰던 AI와 오픈클로의 차이가 뭔지, 한번 생각해보신 적 있으신가요? 제가 직접 써봤는데, 그 경계가 생각보다 훨씬 뚜렷했습니다.기존 챗봇은 질문을 던지면 텍스트로 답변을 돌려주는 구조입니다. 결국 그 답변을 가지고 실제로 행동하는 건 사람의 몫이었죠. 그런데 AI 에이전트(AI Agent)는 다릅니다. 여기서 AI 에이전트란, 사람이 목표를 지정하면 AI 스스로 계획을 세우고 컴퓨터에서 실제 행동까지 이어가는 시스템을 말합니다. 단순히 정보를 주..

클로드 코드에 "랜딩페이지 만들어줘" 한 줄 넣으면 보라색 그라데이션에 "혁신적인 솔루션"이라는 문구가 어김없이 나옵니다. 저도 처음엔 그게 왜 그런지 몰랐습니다. 직접 몇 번 써보고 나서야 문제가 도구가 아니라 순서에 있다는 걸 깨달았습니다. 카피를 먼저 잡고, 디자인을 따로 뽑은 뒤, 마지막에 코드로 옮기는 세 단계를 지키면 결과물이 확연히 달라집니다.카피라이팅 — 코드보다 먼저 써야 하는 이유코드를 먼저 짜면 어떻게 될까요? 제가 그렇게 해봤습니다. 클로드 코드에 서비스 개요를 한 단락 넣고 "랜딩페이지 만들어줘"라고 했더니 10분도 안 돼서 그럴듯한 페이지가 나왔습니다. 문제는 거기서부터였습니다. "이 문구는 좀 바꿔줘", "이 섹션 순서 바꿔줘"를 반복하다 보니 한 시간이 훌쩍 지나 있었고, 결..

포워드 디플로이드 엔지니어(Forward Deployed Engineer) 채용 공고가 작년 한 해에만 800% 늘었습니다. 저는 이 수치를 처음 봤을 때 솔직히 '이게 진짜 숫자인가?' 싶었습니다. AI 때문에 개발자 일자리가 줄어든다는 말이 무색하게도, 현장에서는 지금 이 순간에도 이름조차 생소한 직무들이 속속 등장하고 있습니다. 웹 퍼블리셔로 시작해 React 프로젝트를 거치며 프론트엔드 개발을 주로 해온 제가 이 변화를 보고 느낀 것들을 정리해 봤습니다.프로덕트 엔지니어와 포워드 디플로이드 엔지니어, 이 직무들의 정체는?프로덕트 엔지니어(Product Engineer)라는 말, 들어보셨습니까? 한국에서는 3년 전쯤부터 채용 공고에 이 단어가 등장하기 시작했습니다. 여기서 프로덕트 엔지니어란, 기획..

웹 퍼블리셔로 일하면서 화면만 만들면 된다고 생각했던 시절이 있었습니다. 그런데 React 프로젝트를 맡고 나서 처음으로 API를 직접 호출했을 때, 서버와 데이터베이스가 실제로 어떻게 연결되어 있는지 어렴풋이 느꼈습니다. 프론트엔드부터 백엔드, 데이터베이스까지 이어지는 IT 시스템의 전체 흐름을 제 경험을 토대로 풀어봤습니다.프론트엔드: 화면 너머에서 벌어지는 일저도 처음엔 프론트엔드는 그냥 화면을 예쁘게 만드는 일이라고 생각했습니다. HTML로 구조를 잡고, CSS로 스타일을 입히고, JavaScript로 버튼 클릭 같은 이벤트를 처리하는 것. 그게 전부라고 여겼습니다.그런데 React 프로젝트에서 회원정보 조회 기능을 구현하면서 생각이 바뀌었습니다. 화면에 데이터를 보여주려면 서버에 요청을 보내야 ..

1. npm -> package.json 설치됨명령어 : npm init 2. package.json 수정"test" : "webpack" 수정 3. webpack.config.js 파일 추가3. webpack 설치4.npm run build 실행 * 주의 npm run build 할 때 오류나면 script에 추가 해주면 됨

프리랜서를 언젠가는 해보고 싶었는데 이번에 도전을 하게 되었다. 말이 프리랜서이긴 하지만 정확히는 내가 일을 따내서 진행하는 프로젝트가 아닌 특정 프로젝트 계약해서 상주하는 프리랜서이다. 하던 일은 퍼블리셔이고 사실 프론트엔드 개발자로 전향하고 싶어서 신입 프론트엔드로도 들어갔었는데 한달정도 다니다가 관뒀다. 지금도 그렇지만 지금 시장상황이 너무 안좋아서 저 때에도 신입으로써 프론트엔드를 받아주는 곳은 거의 없었다. 이런 상황들과 배우고 싶은 마음도 컸어서 다른것은 조금 기준에 못미치더라도 저 기준 하나만 보고 들어갔다. 예를들어 이직임에도 연봉을 조금 낮추고 들어갔던것, 직원수, 복지 등 이 조건들을 낮추고 들어갔었다. 하지만 결국... 회식이랑 술 강요, 꼰대 문화가 너무 심해서 충격받고 도망쳤다. ..