쓸데없는 IT 쓸데없는 IT

AI가 만든 코드를 바로 배포하면 안 됩니다. 주방에서 나온 음식을 손님 테이블에 올리기 전에 맛을 봐야 합니다. 그리고 AI가 만든 코드는 직접 실행해봐야 합니다. 코드를 만든 사람 눈으로 보면 문제가 잘 안 보입니다. 손님 입장에서 음식을 먹어봐야 진짜 문제가 드러납니다. 사용자 시나리오 테스트가 그 역할을 합니다. 로컬 실행로컬 실행은 내 컴퓨터에서 직접 코드를 돌려보는 것입니다. 배포 전에 문제를 찾는 가장 기본적인 단계입니다. 실행 방법을 모를 때는 AI에게 직접 묻습니다. 단계설명환경 준비AI가 알려준 실행 명령어를 터미널에 그대로 입력합니다.브라우저 확인localhost 주소를 열어 화면이 뜨는지 확인합니다.직접 눌러보기버튼, 입력창, 링크를 하나씩 눌러보며 반응을 확인합니다..

AI와 오래 대화를 나누다 보면 식당 요리사가 바빠서 주문을 헷갈려하는 것 같은 때가 있습니다. 아까 가르쳐준 내용을 잊어버리거나 엉뚱한 코드를 가져오기도 합니다. 이것은 AI의 기억 장부가 꽉 찼기 때문입니다. 이럴 때는 장부를 깨끗이 비우고 새 대화창을 열어주는 것이 좋습니다. 언제 장부를 닫고 새 대화창을 열어 새 주문을 넣어야 할 타이밍이 있습니다. 새 주문이 필요한 신호AI에게는 한 번에 기억하는 양(콘텍스트 윈도우)이 정해져 있습니다. 대화가 너무 길면 주방 조리대 위에 주문서가 쌓여서 요리가 뒤죽박죽이 됩니다. 이상한 신호예시똑같은 실수이미 고친 부분을 다시 틀리게 작성합니다.내 말 무시하기약속했던 이름이나 규칙을 따르지 않습니다.설명이 길어짐대답은 늦어지고 쓸데없는 말이 많아집니다엉뚱한..

주문했는데 음식이 잘못 나왔다면 어떻게 해야 할까요? 재주문을 하거나 환불을 받거나 해야할 것입니다. 코딩은 우선 에러 메시지 그대로 전달합니다. 단계적 수정 요청을 합니다. 그리고 AI가 짜준 코드를 검증하는 가장 좋은 방법은 로컬에서 직접 돌려보는 것입니다. 직접 실행해보는 게 제일 확실하고 빠릅니다. 재주문원하는 음식이 잘못 나왔으면 우선 재주문을 해야 합니다. 에러 로그는 문제의 원인을 알려주는 기록장입니다. 어떤 상황에서 문제가 생겼는지 알려줘야 합니다. 여러 문제를 한 번에 모아서 재주문하면 범위가 커집니다. 하나를 고치고 확인한 후 다음 문제를 재주문하는 것이 좋습니다. 재주문뭐가 문제인지 정확히 말합니다.에러 로그를 보여줍니다.문제 발생 순서를 설명합니다.필요한 부분만 수정 요청합니다...

웹 서비스의 구조를 식당에 대비해서 알았으니 이제는 AI 요리사에게 직접 첫 주문을 할 차례입니다. AI에게 무작정 코딩해 줘라고 하면 원하는 방향의 요리가 나오지 않습니다. 주문서(프롬프트)를 잘 쓰면 원하는 결과물이 바로 나옵니다. 주문AI에게 주문을 넣을 때 너무 모호하게 하지 말아야 합니다. 음식이 이상하면 피드백해야 합니다. 정확한 피드백이 빠른 수정을 합니다. 주문모호한 주문명확한 주문맛있는 요리 하나 해주세요.매콤한 소스에 소고기 스테이크를 웰던으로 해주세요.쇼핑몰 사이트 만들어 주세요.Next.js로 쇼핑몰 베스트 상품 사이트를 만들어 주세요.상품 검색 기능과 카테고리 필터를 넣고 모바일에서도 잘 보이게 만들어 주세요. 효과적인 주문서 3단계 주문서 3단계주방 환경사용할 언어와..

바이브 코딩은 AI에게 대략적인 방향과 느낌(Vibe)만 던져주면 코드를 알아서 짜주는 방식을 말합니다. 예전에는 직접 코드를 작성해야 했다면 이제는 요구사항을 설명하고 결과물을 만들어가는 방식으로 개발할 수 있습니다. 프로그램은 식당과 비슷합니다. 우리가 식당 구조를 알고 있어야 AI에게 정확히 일을 시킬 수 있습니다. 바이브 코딩바이브 코딩(Vibe Coding)은 프로그래밍 문법을 직접 하는 대신에 사람이 일상적인 프롬프트로 AI에게 원하는 느낌(Vibe)과 기능만 지시하여 소프트웨어를 개발하는 방식을 뜻합니다. 전 OpenAI의 공동 창립자이자 AI 연구원인 안드레 카파시(Andrej Karpathy)가 처음 제시한 용어입니다. 바이브 코딩자연어 중심 개발같이 원하는 느낌과 의도를 말하면 AI가 ..

별도의 서버 설정 없이 프론트엔드와 백엔드를 자동 배포해 주는 것이 서버리스입니다. 코드만 올리면 클라우드 제공업체가 알아서 실행과 배포를 처리해 주는 방식입니다. 그중 하나가 Next.js를 오픈 소스로 개발한 Vercel입니다. Git 서버와 연동하여 서버에 파일을 업데이트하면 자동으로 Vercel에서 배포가 시작됩니다. 간단한 프론트엔드 작업이라면 Vercel이 최고의 선택이 됩니다. VercelVercel는 서버리스 방식 클라우드 컴퓨팅 서비스를 제공합니다. Vercel압도적인 편리Git 저장소만 연결하면 빌드, 배포, SSL 등의 설정이 자동으로 완료됩니다.강력한 엣지 네트워크전 세계적으로 분산된 서버를 통해 빠른 사이트 로딩 속도를 제공합니다.Next.js 최적화SSR, ISR, 이미지 최적..

윈도우에서 Node.js 개발을 위해 Node.js를 따로 설치하는 번거로움이 있습니다. Docker를 설치하면 내 컴퓨터를 깨끗하게 유지하면서도 독립된 상자 안에서 실행할 수 있습니다. Node.js를 Docker에 담아 실행하면 환경 충돌 없이 관리할 수 있습니다. 윈도우에서 리눅스 환경을 지원하기 위해 WSL2를 켜야 합니다. Node.jsNode.js는 크롬 V8 자바스크립트 엔진으로 만들어진 오픈소스 자바스크립트 런타임입니다. 웹 브라우저 안에서만 실행되던 자바스크립트를 브라우저 밖에서도 실행할 수 있게 하였습니다. JavaScript로 백엔드 개발을 가능하게 하는 기술입니다. https://nodejs.org/ko Node.js — Run JavaScript EverywhereNode.js®..

클로드 코드 요금제는 개인용과 팀용으로 나누어집니다. 개인은 프로와 맥스가 있으며 팀은 스탠다드와 프리미엄이 있습니다. 클로드 코드의 요금제는 사용량에 따른 차이입니다. 요금제에 따라 사용량 제한 존재합니다. 프로는 월 22 달러이고 Max는 월 110 ~ 220 달러입니다. 팀 요금제는 인당 월 20 달러 또는 100 달러입니다. Claude Tuner를 설치하면 사용량과 자신에 맞는 요금제 파악을 할 수 있습니다. Claude Code개발자를 위한 AI 코딩 에이전트입니다. 코드 전체를 이해하고 구현, 테스트, 실행, 버그 수정까지 자동화할 수 있는 도구입니다. 터미널, VS Code, IDE, 웹 브라우저 등 다양한 환경에서 사용할 수 있습니다. 단순 자동완성 도구보다 초기 설정과 활용법 익히는..

배치 프로젝트는 대량 데이터 처리나 정기 작업을 자동화하는 데 최적화되어 있습니다. Spring Boot 공식 사이트에서 제공하는 Spring Initializr를 이용해서 프로젝트를 생성할 수 있습니다. Initializr는 프로젝트의 기본 구조와 Maven 설정과 Spring Boot 버전 및 필요한 라이브러리까지 모두 자동으로 설정해서 압축 파일로 받을 수 있습니다. Spring InitializrSpring Initializr는 스프링 기반으로 자동으로 생성해 주는 웹 도구입니다. 여기에서 프로젝트를 생성할 수 있습니다. https://start.spring.io 순서1. 언어와 스프링 부트 버전 및 프로젝트 메타 정보를 입력하고 GENERATE 버튼을 클릭하면 됩니다. Project 빌..

Shift를 두 번 누르면 전체에서 검색합니다. Ctrl + N을 클릭하면 클래스를 검색합니다. Shift + F6을 클릭하면 이름을 변경합니다. Ctrl + Shift + F10을 클릭하면 현재 파일 실행합니다. https://www.jetbrains.com/help/idea/mastering-keyboard-shortcuts.html IntelliJ IDEA keyboard shortcuts | IntelliJ IDEA www.jetbrains.com 기본단축키기능Shift + ShiftSearch Everywhere. 파일 , 클래스 , 액션 , 설정 모두를 검색합니다.Alt + Enter빠른 수정 제안합니다.Alt + 1Focus the Project tool windowCtrl + Tab열린..