mirabo01 님의 블로그

요즘 모바일 앱을 만든다고 하면React Native를 한 번쯤은 반드시 듣게 된다.웹 개발을 조금이라도 해봤다면“JavaScript로 앱을 만든다”, “React로 모바일을 만든다”는 말이어느 정도는 감이 올 것이다.하지만 막상 시작하려고 하면 이런 생각이 든다.React랑 뭐가 다른 거지?웹이랑 앱은 완전히 다른 거 아니야?이걸로 실제 서비스가 가능한가?이 글은React Native를 처음 접하는 사람을 기준으로,개념부터 왜 쓰이는지까지 차분하게 정리한 글이다.이 글이 필요한 사람모바일 앱 개발을 처음 시작하려는 경우React는 해봤지만 React Native는 처음인 경우Flutter, Native와 비교하며 고민 중인 경우React Native란 무엇인가React Native는**JavaScrip..

변수와 타입을 어느 정도 익히고 나면, 다음으로 자연스럽게 넘어가는 주제가 제어문과 반복문이다.Go는 “문법이 단순하다”는 평가를 많이 받지만, 이 부분에서 특히 그 특징이 잘 드러난다.다른 언어를 경험해본 사람이라면 익숙한 개념들이지만,Go에서는 의도적으로 제거된 문법과 명확하게 제한된 규칙들이 있다.처음엔 불편하게 느껴질 수 있지만, 실제로 써보면 코드 흐름이 정리된다는 느낌을 받게 된다.이 글은 Go의 if, switch, for 문을 중심으로왜 이렇게 설계됐는지, 실제로 쓰면서 느끼는 포인트를 함께 정리한다.if 문: 조건식은 단순하게Go의 if 문은 다른 언어와 큰 차이는 없지만, 몇 가지 중요한 제한이 있다.if x > 10 { fmt.Println("x is greater than 10..

처음 GitHub 레포지토리를 만들면막상 다음 단계에서 이런 생각이 든다.이 로컬 폴더를 GitHub 레포랑 어떻게 연결하지?git remote는 언제 쓰는 거지?매번 검색해서 복붙하는데, 정리된 게 없네이 글은GitHub에서 새 레포지토리를 만든 직후, 로컬에서 처음 한 번 설정하는 과정을실무 기준으로 차분하게 정리한 포스팅이다.Git을 이미 조금 써본 사람이라도처음 세팅 단계는 은근히 헷갈리는 경우가 많다.이 글이 필요한 사람GitHub 레포지토리를 이제 막 만든 경우로컬 프로젝트를 기존 GitHub 레포와 연결하려는 경우git remote, origin 개념이 애매한 경우전체 흐름 먼저 보기GitHub 레포지토리 생성 후로컬에서 해야 할 작업은 크게 보면 이 순서다.GitHub에서 레포지토리 생성로..

Go 언어를 공부하려고 자료를 찾아보면 “단순하다”, “컴파일이 빠르다”, “동시성에 강하다” 같은 설명을 자주 보게 된다.하지만 막상 시작해보면 가장 먼저 부딪히는 건 변수 선언 방식과 타입 시스템이다.다른 언어와 비슷해 보이면서도 미묘하게 다른 규칙들이 있어서, 초반에 정리를 잘 해두는 게 중요하다.이 글은 Go를 처음 접하는 사람, 혹은 문법을 한 번 훑어보고 정리하고 싶은 사람을 대상으로 한다.특히 변수 선언 방식과 타입 관련 문법을 중심으로 정리해본다.Go에서 변수를 선언하는 기본 방식Go에서 변수를 선언하는 방법은 크게 두 가지다.var 키워드를 사용하는 방식var a intvar b string = "hello"var 변수명 타입 형태가 기본이다초기값을 주지 않으면 타입의 zero value..

Cursor는 AI 기반 코딩 도구 중에서도 빠르게 확산된 편집기이지만, 실제로 써보면 단순히 월 구독료만 보고 판단하기 어려운 구조라는 점이 먼저 눈에 들어옵니다.특히 최근 Cursor는 개인 플랜과 팀 플랜을 나누고, 일부 모델 사용은 포함된 사용량 안에서 처리되며, 그 이상은 모델 사용량 기반 과금으로 이어질 수 있는 구조를 갖고 있습니다. 따라서 “한 달에 얼마냐”만 보는 것보다 내가 어떤 모델을 얼마나 자주 쓰는지를 함께 봐야 실제 비용을 더 정확하게 이해할 수 있습니다.이 글에서는 Cursor 공식 가격 페이지와 공식 문서를 기준으로, 현재 요금제 구조, 추가 과금이 붙는 방식, 그리고 개발자 기준으로 어떤 플랜이 맞는지를 정리해보겠습니다.이 글이 필요한 사람Cursor를 처음 유료로 써보려는..

최근 AI 모델 경쟁이 치열합니다. 구글의 Gemini 3와 오픈AI의 ChatGPT 5.2는 둘 다 최첨단 모델로 평가받고 있지만, 설계 철학과 강점이 조금씩 다릅니다. 이 글에서는 핵심 기능, 성능 특성, 활용 사례를 중심으로 개발자와 실사용자 관점에서 차이를 정리합니다.두 모델의 기본 방향ChatGPT 5.2는 OpenAI가 “전문 지식 업무”에 초점을 맞춰 공개한 최신 GPT 계열 모델입니다. 코드 작성, 논리적 추론, 긴 문맥 처리에 강점을 보이며 업무 생산성 중심으로 설계됐습니다. (OpenAI)Gemini 3는 구글이 자사의 생태계와 결합해 내놓은 모델로, 멀티모달(텍스트·이미지·오디오·비디오) 이해 능력이 두드러집니다. 검색, 워크스페이스 등 구글 서비스와 통합되는 점도 장점입니다. (Da..

Cursor 2.2 업데이트 정리: 디버깅, 비주얼 에디터, 멀티 에이전트 강화2025년 12월 10일, AI 기반 코드 에디터 Cursor가 2.2 버전으로 업데이트되었습니다. 최신 버전은 특히 디버깅 경험 강화, 시각적 개발 도구 추가, 그리고 여러 에이전트 협업 기능 개선에 초점을 맞추고 있습니다. 이번 글은 주요 변화와 실전 활용 관점에서 정리합니다. 왜 Cursor 2.2가 중요한가Cursor는 VS Code 기반에 AI 에이전트를 결합한 코드 에디터로, 명령어 한 줄로 기능을 구현하거나 코드를 수정하는 등 AI 주도적 개발 흐름을 강조해 왔습니다. 2.0, 2.1 버전에서도 플랜 모드, 멀티 에이전트 구조, AI 리뷰 기능 등이 강화됐지만, 여전히 디버깅과 시각적 작업 흐름에서 개선 여지가 많..

구글 Antigravity란 무엇인가: 2025년 11월 공개된 AI 편집기 정리2025년 11월, 구글은 Antigravity라는 새로운 AI 기반 편집기(IDE)를 공개했습니다.기존의 AI 코드 보조 도구와 달리, Antigravity는 에이전트 중심(Agent-First) 개발 환경을 전면에 내세운 것이 특징입니다. 단순히 코드를 추천해주는 수준을 넘어, 개발 작업 자체를 하나의 단위로 위임할 수 있는 구조를 갖추고 있습니다.이 글에서는 Antigravity가 어떤 편집기인지, 기존 AI IDE와 무엇이 다른지, 그리고 실제로 어떤 개발자에게 적합한 도구인지 중심으로 정리합니다. AI 기반 개발 도구를 검토 중인 실무 개발자라면 참고할 만한 내용입니다.Antigravity의 기본 개념Antigrav..

React를 쓰다 보면 언젠가 꼭 맞닥뜨리게 되는 고민이 있습니다.“이 상태를 어디에 두는 게 맞을까?”처음에는 각 컴포넌트 내부에서 useState로 관리하면 되지만,점점 컴포넌트가 깊어지고, props로 데이터를 계속 내려주다 보면코드가 복잡해지고 관리가 어려워집니다.이때 등장하는 게 바로 Context API입니다.상태를 전역으로 공유할 수 있게 도와주는,React 기본 내장 기능이자 상태 관리의 시작점이라고 할 수 있습니다.props drilling이 문제였던 시절예전에 프로젝트를 할 때,로그인한 사용자의 정보를 여러 페이지에서 보여줘야 했습니다.헤더, 사이드바, 마이페이지 등 거의 모든 컴포넌트가 이 정보를 필요로 했죠.처음엔 상위 컴포넌트에서 props로 내려주었는데,중간에 연결만 담당하는 컴..

처음 도커를 쓸 때는 docker build가 돌아가는 게 신기했습니다.그런데 어느 순간, 작은 수정 하나 하고 빌드할 때마다 5분씩 걸리기 시작했죠.CI/CD 파이프라인에서 빌드가 병목이 되면서 배포도 느려졌습니다.이 문제를 해결하면서 배운 게 “도커 이미지 최적화”였습니다.이미지가 느려지는 이유도커 이미지는 레이어(layer)의 집합입니다.각 RUN, COPY, ADD 명령이 하나의 레이어를 만듭니다.그래서 불필요한 레이어가 많아지면 이미지 크기가 커지고, 빌드도 느려집니다.예를 들어 이런 Dockerfile을 보면 문제가 명확합니다.FROM node:18WORKDIR /appCOPY . .RUN apt-get updateRUN apt-get install -y vimRUN npm installCMD..