AMoon - 개발자의 각종 개발 정보 공유

좋은 레퍼런스는 많이 저장한 화면이 아니라, 지금 만드는 화면의 문제를 풀어주는 사례다. 랜딩페이지의 섹션, 앱의 사용자 흐름, 브랜드의 인터랙션은 서로 다른 곳에서 찾는 편이 빠르다.먼저 고르기랜딩페이지 구조는 Landbook·Lapa Ninja, 제품 UI 흐름은 Mobbin·Refero, 과감한 시각 표현은 Awwwards·Recent에서 시작해보자. 아래 캡처는 각 서비스의 첫 화면이므로, 개별 작품의 랜딩페이지와 혼동하지 않는다.이 글은 2026년 10월 1일 공식 공개 페이지를 기준으로 정리했다. 무료 탐색과 유료 기능의 경계는 바뀔 수 있으므로 가입·결제 전 각 사이트의 현재 안내를 확인한다. 기존 Godly 주소는 Recent로 이동하므로 2번 항목에 변경을 반영했다.01 Awwwards0..

웹페이지를 요약하는 AI를 넘어, 여러 사이트에서 자료를 모으고 결과물까지 만드는 AI 브라우저가 등장하고 있다. Aside를 볼 때는 모델 이름만큼이나 브라우저의 작업 문맥과 권한 설정을 함께 살펴볼 필요가 있다.이 글에서는 공식 자료를 바탕으로 Aside의 역할, 업무 흐름, 로그인과 메모리, 도입 전 확인할 비용·데이터 조건을 설명한다. 예시 요청과 개념도는 이해를 돕기 위한 것이며 실제 실행 화면을 대신한 캡처가 아니다.작성 기준일: 2026년 9월 29일. 지원 환경·플랜·설정은 배포본과 계정 조건에서 다시 확인해야 한다. [Aside 시작 가이드]이 글의 핵심Aside는 브라우저 문맥과 AI 모델을 연결해 업무를 수행한다.작은 목표와 구체적인 완료 기준으로 작업을 시작한다.로그인·파일 권한·외..

AI에게 문의를 보여주고 답변을 받는 일은 익숙하다. 그런데 프로그램을 만들다 보면 필요한 것은 긴 설명보다 “어느 경로로 처리할지”라는 작은 판단인 경우가 많다. Jev는 이런 질문에서 출발한 모델이다.이 글에서는 Jev의 질문 유형과 출력 구조를 먼저 이해하고, 발표 수치를 읽는 방법과 실제 검토 기준까지 연결한다. 어려운 학습 알고리즘이나 API 설치보다 무엇을 맡길지 판단하는 데 집중한다.작성 기준일: 2026년 9월 29일. 공식 자료 기반 소개이며 가격·접근 조건은 사용 전에 다시 확인해야 한다. [공식 발표]이 글의 핵심Jev는 코드가 사용할 작은 판단을 반환하는 모델이다.Noul·Choice·Score는 질문과 결과의 모양이 다르다.출력 형식의 보장과 판단 정확도는 구분한다.확신도·가격·속..

운영체제는 프로그램이 CPU·RAM·SSD·네트워크를 안전하게 쓸 수 있도록 연결하고 조율하는 기본 소프트웨어입니다.AI가 코드를 작성해 주더라도 실행 파일을 시작하고, 파일을 열고, 네트워크 통신을 하고, 권한을 확인하는 일은 운영체제의 규칙을 통과합니다. 운영체제를 이해하면 “내 코드가 왜 실행되지 않지?”라는 문제를 환경·권한·자원 관점으로 나눠 볼 수 있습니다.1. 운영체제는 왜 필요할까?CPU, 메모리, 저장장치, 네트워크 장치는 각자 다른 방식으로 동작합니다. 프로그램이 이 장치를 직접 제어하게 하면 프로그램끼리 충돌하거나 다른 프로그램의 데이터를 읽을 위험이 큽니다. 운영체제는 하드웨어를 공통된 방식으로 사용할 수 있게 하고, 여러 프로그램이 자원을 나눠 쓰도록 관리합니다.Windows, m..

MCP 완전정복 04Claude Code에 MCP Server를 연결하면 무엇이 달라질까요?프로젝트 파일만 다루던 코딩 에이전트가 이슈 추적기, 문서, 디자인, 데이터베이스 같은 외부 시스템의 도구와 컨텍스트를 사용할 수 있게 됩니다. 이번 글에서는 로컬 stdio 서버와 원격 HTTP 서버를 각각 등록하고, 범위·인증·연결 상태를 확인한 뒤 실제 요청으로 검증하는 과정을 따라갑니다.명령어는 2026년 9월 공식 Claude Code 문서를 기준으로 정리했습니다. 제품 업데이트에 따라 옵션이 달라질 수 있으므로 설치 전 해당 MCP Server의 공식 설정 안내도 함께 확인하세요.1. Claude Code와 MCP 연결 구조부터 보기Claude Code는 MCP Host 역할을 합니다. 등록한 서버마다 ..

SSD는 프로그램, 프로젝트 파일, 데이터베이스 파일처럼 전원을 꺼도 남아야 하는 데이터를 보관하는 저장장치입니다.AI가 만들어 준 코드를 내려받고, 의존성을 설치하고, 컨테이너 이미지를 받고, 로그와 빌드 결과를 쌓는 모든 과정은 저장장치를 사용합니다. SSD의 역할을 알면 “컴퓨터가 느리다”를 파일 읽기·쓰기, 용량, 백업까지 나눠 살필 수 있습니다.1. SSD는 무엇을 저장할까?SSD(Solid State Drive)는 운영체제, 앱, 소스 코드, 사진, 데이터베이스 파일처럼 장기 보관할 데이터를 저장합니다. RAM이 실행 중인 작업 공간이라면 SSD는 작업을 시작하기 전과 끝난 후에도 남아 있어야 할 파일의 보관함입니다.프로그램을 실행할 때는 SSD에 있던 코드와 데이터 일부가 RAM으로 올라갑니..

RAM은 프로그램이 지금 쓰고 있는 데이터를 잠시 올려 두는 빠른 작업 공간입니다.AI가 만든 코드든 직접 작성한 코드든 실행하려면 코드와 데이터가 메모리에 올라갑니다. 브라우저 탭을 많이 열었을 때, 개발 서버와 데이터베이스를 동시에 실행할 때, 로컬 AI 모델을 불러올 때 RAM이 부족하면 컴퓨터 전체가 버벅이거나 프로그램이 종료될 수 있습니다. 이 글에서는 RAM의 역할과 점검 방법을 정리합니다.1. RAM이란 무엇일까?RAM(Random Access Memory)은 CPU가 실행 중인 프로그램의 코드와 데이터를 빠르게 읽고 쓸 수 있도록 사용하는 주기억장치입니다. 운영체제가 프로그램을 실행하면 필요한 부분을 메모리에 배치하고, CPU는 그 공간을 계속 참조하며 일을 처리합니다.RAM은 전원이 꺼지..

AI가 작성한 코드도 결국 누군가의 CPU에서 실행되고, 필요한 경우 GPU·메모리·저장장치를 거쳐 결과를 냅니다.“이 코드는 왜 느리지?”, “GPU가 있으면 무조건 빨라지나?”, “AI 모델 실행에는 어떤 장치가 필요한가?” 같은 질문에 답하려면 CPU와 GPU의 역할부터 구분해야 합니다. 둘은 경쟁하는 부품이 아니라 서로 다른 종류의 일을 나눠 맡는 연산 장치입니다.1. AI가 코딩해도 CPU와 GPU를 알아야 하는 이유AI 코딩 도구는 함수, 테스트, 화면 코드를 빠르게 만들어 줄 수 있습니다. 하지만 그 코드가 실제로 실행되는 환경의 자원까지 대신 판단해 주지는 않습니다. 웹 서버의 응답이 느린 이유가 CPU 계산인지, 메모리 부족인지, 데이터베이스 대기인지, 네트워크 지연인지는 실행 결과와 지..

MCP 완전정복 03“MCP가 생겼으니 이제 API는 필요 없는 건가요?”결론부터 말하면 아닙니다. API는 서비스의 기능과 데이터를 프로그램에 제공하고, MCP는 그 기능과 데이터를 AI 애플리케이션이 공통된 방식으로 발견하고 사용하도록 연결합니다. Function Calling은 모델이 제공된 기능 중 무엇을 어떤 인수로 호출할지 제안하는 방식입니다.세 기술은 경쟁자라기보다 서로 다른 층에서 함께 작동할 수 있습니다. 이번 글에서는 각각의 역할과 실제 연결 구조, 상황별 선택 기준을 쉽게 비교합니다.1. API·Function Calling·MCP가 헷갈리는 이유세 기술 모두 “AI가 외부 기능을 사용한다”는 문맥에서 자주 등장합니다. 날씨를 조회하고, 문서를 검색하고, 일정이나 이슈를 생성하는 결과..

MCP 완전정복 02“MCP Client가 AI 앱이고, MCP Server가 외부 서비스 아닌가요?”절반은 맞지만 정확한 설명은 아닙니다. 사용자가 보는 AI 애플리케이션 전체는 Host이고, 그 안에서 특정 Server와 통신하는 구성요소가 Client입니다. Server는 외부 데이터와 기능을 MCP 방식으로 제공합니다.이번 글에서는 세 역할을 한눈에 구분하고, 왜 Server마다 전용 Client가 필요한지, 로컬과 원격 연결은 무엇이 다른지 최신 MCP 구조를 기준으로 알아보겠습니다.1. MCP 구조를 한 장으로 이해하기MCP는 Host → Client → Server 구조로 이해하면 쉽습니다. Host가 전체 작업을 조정하고, Host가 만든 Client가 특정 Server와 통신하며, Ser..