소비하는 사람에서 생산하는 사람으로

[개발일지] tt_running_app 1일차 - Claude Code로 Flutter 앱 기획부터 시작하기

[개발일지] tt_running_app 1일차 - Claude Code로 Flutter 앱 기획부터 시작하기 안녕하세요. 이번 시리즈는 Flutter를 처음 접하는 개발자가 AI 코딩 도구인 Claude Code를 활용하여 안드로이드 앱을 처음부터 만들어가는 과정을 기록한 개발일지입니다. 단순히 결과물을 공유하는 것이 아니라, AI와 함께 기획하고 결정을 내리고 코드를 작성하는 과정 자체를 담고자 합니다.Claude Code란 무엇인가Claude Code는 Anthropic이 만든 CLI 기반 AI 코딩 도구입니다. VSCode와 같은 IDE에 익스텐션 형태로 연동하여 사용할 수 있으며, 단순히 코드를 생성해 주는 것을 넘어 파일을 직접 읽고 수정하며, 터미널 명령어를 실행하고, 프로젝트 전체 맥락을 이..

리액트 19 달라진 것들 | 새로운 훅과 기능 한번에 정리해드립니다

리액트 19 달라진 것들 | 새로운 훅과 기능 한번에 정리해드립니다2026년 현재 React 최신 버전은 19.2.4입니다. React 19는 단순한 마이너 업데이트가 아닙니다. 기존에 번거롭게 처리하던 비동기 상태 관리, 폼 처리, 데이터 페칭 방식이 크게 바뀌었습니다.프론트엔드 개발자라면 반드시 알아야 할 React 19의 새로운 훅과 기능들을 실전 예제와 함께 정리해드립니다.🆕 React 19 신규 훅 한눈에 보기훅역할대체 대상useActionState비동기 액션 상태 관리useFormState (폐기)useFormStatus상위 form 상태 접근Context + props drillinguseOptimistic낙관적 UI 업데이트수동 상태 관리use비동기 리소스 읽기useEffect + us..

Claude Code vs Codex CLI 비교 2026 | 터미널 AI 코딩 툴 어떤 게 나을까

Claude Code vs Codex CLI 비교 2026 | 터미널 AI 코딩 툴 어떤 게 나을까챗GPT와 클로드를 브라우저에서 쓰는 건 이제 익숙한 분들도 많습니다. 그런데 요즘 개발자들 사이에서 뜨고 있는 게 바로 터미널에서 바로 AI와 코딩하는 방식입니다.이른바 바이브 코딩(Vibe Coding) - AI한테 원하는 걸 말하면 코드를 짜주고, 파일도 수정하고, 명령어도 실행해주는 방식입니다. 대표적인 툴이 Anthropic의 Claude Code 와 OpenAI의 Codex CLI 인데, 둘을 직접 비교해봤습니다.🛠️ 기본 정보 비교 항목 Claude CodeCodex CLI 개발사AnthropicOpenAI출시2025년 초2025년 중반설치 명령어npm install -g @anthropi..

챗GPT vs 클로드 차이점 2026 | 실제로 써보고 느낀 솔직 비교

챗GPT vs 클로드 차이점 2026 | 실제로 써보고 느낀 솔직 비교AI 툴을 처음 쓰려는 분들이 가장 많이 하는 질문이 있습니다. "챗GPT랑 클로드 중에 뭐 써야 해요?"둘 다 무료로 쓸 수 있고, 둘 다 대화형 AI인데 막상 비교해보면 성격이 꽤 다릅니다. 실제로 두 가지를 모두 써본 입장에서 솔직하게 비교해봤습니다.🤖 챗GPT vs 클로드, 기본 정보부터 항목 ChatGPT Claude 개발사OpenAIAnthropic무료 모델GPT-4o miniClaude sonnet (제한적)유료 플랜Plus $20/월Pro $20/월강점범용성, 플러그인글쓰기, 긴 문서 처리웹 검색가능가능✍️ 글쓰기는 클로드가 한 수 위블로그 글, 이메일, 보고서 등 글쓰기 작업에서는 클로드가 확실히 자연스럽습니다. 문..

구글 애드센스 티스토리 연동 방법 2026 최신판 | 승인부터 광고 게재까지

구글 애드센스 티스토리 연동 방법 2026 최신판 | 승인부터 광고 게재까지티스토리 블로그를 제대로 운영해 보고싶고, 수익화도 해보고 싶어서 한번 정리해보고자 합니다.티스토리 블로그를 운영하면서 수익화를 생각한다면 가장 먼저 떠오르는 게 바로 구글 애드센스죠. 막상 신청하려고 보면 어디서부터 시작해야 할지 막막한 분들을 위해, 2026년 기준으로 전 과정을 정리했어요.📋 애드센스 신청 전 체크리스트신청 전에 아래 조건을 먼저 확인하세요. 준비가 덜 된 상태로 신청하면 반려될 확률이 높아요.글 수: 최소 20~30개 이상 (글이 적으면 반려 가능성 높음)글 품질: 복사·붙여넣기 없는 독창적인 내용, 글당 800자 이상개인정보처리방침 페이지: 티스토리 내 별도 페이지로 필수 등재블로그 운영 기간: 최소 2..

윈도우 파일 이름 일괄 변경하는 법 | 초보도 5분 만에 끝내는 방법

윈도우 파일 이름 일괄 변경하는 법 | 초보도 5분 만에 끝내는 방법사진 정리하다가 파일 이름을 하나하나 바꿔본 적 있으신가요? 100장짜리 사진 폴더 앞에서 멍하니 앉아있던 기억, 저도 있어요.사실 윈도우에서 파일 이름을 한꺼번에 바꾸는 방법이 여러 가지 있어요. 프로그램 설치 없이 되는 방법부터, 더 세밀하게 바꿀 수 있는 방법까지 단계별로 정리했습니다.✅ 방법 1 - 탐색기로 간단하게 (프로그램 없이)가장 쉬운 방법이에요. 파일 이름을 "사진 (1), 사진 (2), 사진 (3)..." 형식으로 바꿔줘요.순서:바꾸고 싶은 파일들을 Ctrl+A 로 전체 선택 (또는 드래그로 선택)F2 키 누르기원하는 이름 입력 후 엔터자동으로 이름 (1), 이름 (2) 형식으로 일괄 변경 완료!💡 예시: 여행사진 입..

파이썬으로 파일 정리 자동화하기 | 실제 코드로 폴더 한번에 정리

파이썬으로 파일 정리 자동화하기 | 실제 코드로 폴더 한번에 정리다운로드 폴더, 바탕화면... 파일이 쌓이다 보면 어느 순간 감당이 안 되죠. 저도 그랬어요. 그래서 직접 파이썬 스크립트를 만들어서 자동으로 정리하도록 했더니, 매번 손으로 옮기던 시간이 확 줄었어요.이 글에서는 파이썬 기초만 알아도 바로 쓸 수 있는 파일 자동 정리 코드를 소개할게요.🛠️ 준비물파이썬 3.x 설치 (없으면 python.org 에서 무료 다운로드)별도 라이브러리 설치 불필요 (기본 내장 모듈만 사용)📁 어떻게 정리되나요?실행하면 지정한 폴더 안의 파일들을 확장자별로 자동 분류해서 각각의 폴더로 이동시켜요. 정리 전 정리 후downloads/ down..

HTTP/2와 HTTP/1.1의 차이점은 무엇인가요?멀티플렉싱 - 한번의 연결로 여러 요청을 동시에 처리하는 기능- 하나의 TCP연결에서 여러개의 요청과 응답을 동시에 처리가능- 서버가 응답을 기다리지 않고 병렬로 요청- 웹 페이지 로딩속도 개선헤더 압축- HPACK 알고리즘 사용- 중복된 헤더는 한번만 보냄- 데이터 크기가 줄어들어 속도가 빨라짐서버 푸시 - 클라이언트가 요청하지 않아도 미리 서버에서 응답을 보내줌- 서버가 클라이언트에 요청을 받으면 추가로 필요한 응답을 미리 보내줌- CSS, JS, 이미지 등을 자동 전송- 네트워크 응답시간을 줄여 웹사이트 로딩 속도 개선HTTPS의 동작 원리를 설명해주세요.SSL/TLS 핸드셰이크 과정을 단계별로 설명해주세요.클라이언트가 서버에 접속 요청 (Clie..

HTTPS와 HTTP의 차이점암호화 : HTTP는 평문, HTTPS는 SSL/TLS 프로토콜을 사용한 암호화무결성 : HTTP는 변조될 가능성, HTTPS는 메세지 인증 코드(MAC) 또는 Hash값으로 데이터가 변경되지 않음을 보장인증 : HTTPS는 SSL/TLS 인증서를 사용하여 웹사이트의 신뢰성을 검증하고, 사용자는 피싱사이트를 예방 구글 검색엔진 등에서 검색순위를 높이는 SEO 가점을 부여, 브라우저에서 자물쇠를 통해 http/https를 구분하여 보여줌SSL/TLS 프로토콜SSL (Secure Sockets Layer), TLS (Transfer Layer Security)는 인터넷 통신을 암호화 하여 보안을 강화하는 프로토콜(약속) 이며 TLS는 SSL의 개선된 버전이다.HTTP의 주요 메서..

Javascript 작동 원리에 대해서, Event Loop Javascript는 싱글스레드 기반으로 동작 Node.js는 이벤트 루프를 기반으로 하는 싱글스레드 자바스크립트가 동작하는 환경과 자바스크립트를 해석하고 실행시키는 엔진에 대해 알아보겠습니다. Javascript Engine ? Javascript를 해석하는 Javascript Engine과 웹 브라우저에 화면을 그리는 Rendering Engine은 다른것입니다. Rendering Engine은 HTML과 CSS로 작성된 마크업 관련한 코드들을 콘텐츠로서 웹 페이지에 'rendering'하는 역할을 합니다. Javascript Engine이란 Javascript로 작성한 코드를 해석하고 실행하는 인터프리터 입니다. 주로 웹 브라우저에서 이용..