IT · AI
AI, 개발, 디지털 기기와 해양 데이터에 관한 글 111개를 최신순으로 모았습니다.
갤럭시 Z 폴드8(와이드) vs 울트라, 30만원 차이의 답
콘텐츠 감상용 폴드8과 생산성·카메라 중심 폴드8 울트라의 화면, 무게, 카메라, 가격 차이를 정리했습니다.
챗GPT 5.6 Sol·Terra·Luna, 비용 차이부터 고르는 법
GPT-5.6 Sol·Terra·Luna의 역할과 표준 API 토큰 비용, 같은 작업량 기준 예상 비용을 비교했습니다.
GPT-5.4 나왔다 — 컴퓨터를 직접 조작하는 AI가 됐다
OpenAI가 GPT-5.4를 공개했다. 100만 토큰 컨텍스트, 네이티브 컴퓨터 사용, 엑셀 연동까지. 뭐가 바뀌었는지 정리했다.
애플 3월 신제품 한눈에 보기 — 맥북 3종, 디스플레이 2종, 아이폰, 아이패드까지
2026년 3월 애플이 쏟아낸 신제품을 정리했다. 맥북 프로 M5 Pro/Max, 맥북 에어 M5, 맥북 네오, 스튜디오 디스플레이 XDR, 아이폰 17e, 아이패드 에어 M4까지.
맥북 에어 M5, 이번 주 공개된다 — 뭐가 달라질까
3월 4일 발표 예정인 맥북 에어 M5의 성능, 디자인, 가격 루머를 정리했다. M4 대비 뭐가 바뀌는지 비교해본다.
갤럭시 버즈4 vs 버즈4 프로, 뭐가 다를까?
삼성 갤럭시 버즈4와 버즈4 프로의 디자인, ANC, 음질, 배터리 차이를 직접 비교 정리했습니다.
맥북 프로 OLED, 터치스크린에 다이내믹 아일랜드까지 온다
애플이 2026년 말 출시 예정인 OLED 맥북 프로의 루머를 정리했다. 터치스크린, 다이내믹 아일랜드, M6 칩, 셀룰러까지 주요 변경점을 다룬다.
애플 보급형 맥북, 70만 원대에 나온다고?
애플이 A18 Pro 칩을 탑재한 저가형 맥북을 3월 4일에 공개할 예정이다. 예상 가격 699달러, 컬러풀한 디자인까지 현재 루머를 정리했다.
아이폰 18 시리즈, 달라지는 5가지 핵심 변화
아이폰 18 프로·프로맥스는 2026년 9월, 일반 모델은 2027년 초 출시 예상. 디스플레이 내장 Face ID, 가변 조리개 카메라, A20 칩까지 루머를 정리했다.
아이폰 폴드, 접히는 아이폰이 진짜 나올까?
애플 최초의 폴더블 아이폰, 아이폰 폴드가 2026년 9월 출시될 가능성이 높다. 주름 없는 디스플레이, 리퀴드 메탈 힌지, 예상 가격까지 루머를 정리했다.
맥북프로 M5 Pro·Max, 3월 출시설 진짜일까?
애플 맥북프로 M5 Pro, M5 Max 칩 탑재 모델이 2026년 3월 공개될 가능성이 높다. 예상 스펙, 가격, 디자인 변화까지 현재까지 나온 루머를 정리했다.
갤럭시북6 프로, 14인치와 16인치 뭘 사야 할까?
갤럭시북6 프로 14인치와 16인치 스펙 비교, 가격, 장단점 정리
갤럭시 S26, 뭐가 달라졌고 살 만한가?
갤럭시 S26 출시일, 스펙, 가격, 사전예약 혜택까지 정리했다
실시간 AI 음성 통역, 무료로 써보는 5가지 방법
영어 회의·강연을 실시간으로 한국어 자막처럼 보여주는 AI 통역 서비스 체험기
Python GUI 계산기, 윈도우 EXE와 맥OS 앱으로 만들기
Python으로 만든 GUI 계산기를 윈도우 단일 실행 파일과 맥OS 앱 패키지로 배포하는 방법
삼각형 게임 만들기 - 2,760줄로 구현한 전략 게임
점을 연결해 삼각형을 차지하는 웹 게임을 만들었습니다. AI 상대, 실시간 캔버스 렌더링, 소셜 공유 기능까지 담은 개발 경험을 정리했어요.
2025년 개발자 AI 도구, 뭘 써야 할까?
GitHub Copilot, Cursor, Claude Code부터 v0, Bolt.new까지. 직접 써본 개발자 관점에서 정리한 2025년 AI 코딩 도구 비교.
스마트오션빌리지 - 부산 바다를 데이터로 읽는 법
부산 해양환경 데이터 플랫폼 스마트오션빌리지 메인화면 사용법을 정리했습니다. 쓰레기 모니터링부터 미세먼지, 해양산업까지 한눈에 확인하세요.
HTML로 회원가입 폼 만들기 연습
HTML 기초 태그로 실전 회원가입 폼을 직접 구현하며 block·inline 차이와 input·select 활용법 정리
SchemaBrain으로 ERD와 SQL 튜닝을 한 번에 잡는 방법
ERD 자동화부터 인덱스 권장까지 실제 PostgreSQL 프로젝트에 적용한 후기
프리랜서를 위한 프라이버시 안전 RAG
프리랜서가 온프레 벡터DB와 암호화 전략으로 민감 자료를 지키면서 RAG 워크플로를 운영하는 방법을 단계별로 정리했습니다.
RAG 챗봇 만들기 1 - RAG가 뭔데? 왜 필요한 거야?
RAG(Retrieval-Augmented Generation)의 개념과 동작 원리를 비전공자도 이해할 수 있게 쉽게 설명합니다. 일반 챗봇과 RAG 챗봇의 차이점도 알아봐요.
RAG 챗봇 만들기 2 - 개발 환경 설정하기
RAG 챗봇을 만들기 위한 Python 설치부터 필수 라이브러리 설치까지. 비전공자도 따라할 수 있게 차근차근 설명해요.
RAG 챗봇 만들기 3 - 문서 준비와 텍스트 추출
PDF, Word, TXT 파일에서 텍스트를 추출하는 방법을 알아봐요. LangChain의 Document Loader를 활용해서 다양한 문서를 읽어올 거예요.
RAG 챗봇 만들기 5 - 임베딩 이해하기
텍스트를 벡터(숫자)로 바꾸는 임베딩에 대해 알아봐요. 왜 필요한지, 어떻게 작동하는지 쉽게 설명할게요.
RAG 챗봇 만들기 4 - 텍스트 청킹하기
긴 문서를 적절한 크기로 나누는 청킹(Chunking) 방법을 알아봐요. 왜 필요한지, 어떻게 나눠야 효과적인지 실습해볼게요.
RAG 챗봇 만들기 6 - 벡터 저장소 (파일 기반)
FAISS와 ChromaDB를 사용해서 벡터를 파일로 저장하고 검색하는 방법을 알아봐요. 간단한 프로젝트에 딱 맞는 방법이에요.
RAG 챗봇 만들기 7 - PostgreSQL + pgvector
PostgreSQL에 pgvector 확장을 설치해서 벡터를 저장하고 검색하는 방법을 알아봐요. 실무에서 많이 쓰는 방법이에요.
RAG 챗봇 만들기 8 - 검색과 응답 생성
관련 문서를 검색하고 LLM에게 전달해서 답변을 생성하는 RAG의 핵심 과정을 알아봐요. 드디어 챗봇이 대화할 수 있게 됩니다!
RAG 챗봇 만들기 9 - Streamlit으로 웹 UI 만들기
Streamlit을 사용해서 RAG 챗봇의 웹 인터페이스를 만들어봐요. 터미널이 아닌 브라우저에서 채팅할 수 있게 됩니다!
RAG 챗봇 만들기 10 - 실전 프로젝트 완성
10편의 시리즈를 마무리하며 전체 코드를 정리하고, 나만의 문서로 RAG 챗봇을 완성해봐요. 배포 방법도 알아볼게요!
갤럭시 버즈3 프로 EQ 설정 추천
갤럭시 버즈3 프로 언박싱 후기와 커스텀 EQ 세팅 추천까지. 노이즈캔슬링, 착용감, 음질까지 솔직하게 정리했어요.
갤럭시 워치 메탈스트랩 세척방법 (혐오 주의)
과탄산소다로 메탈 스트랩 깨끗하게 세척하는 방법을 알려드려요. 손목 트러블의 원인이 여기 있었네요.
IHO S-100이란? 디지털 항해 데이터 표준 쉽게 알기
국제수로기구(IHO)의 S-100 표준을 비전공자도 이해할 수 있도록 쉽게 설명합니다. S-57과의 차이점, 18개 구성 요소, 버전 5.2.0의 주요 개선 사항까지 정리했습니다.
IHO S-101 전자해도, 비전공자도 쉽게 이해하기
S-100 기반 차세대 전자해도 S-101의 구조, 특징, 그리고 기존 S-57과의 차이점을 쉽게 설명합니다.
IHO S-102 수심 데이터, 해저 지형을 3D로 보는 기술
S-100 기반 고해상도 수심 데이터 표준 S-102의 구조와 활용법을 비전공자도 이해할 수 있게 설명합니다.
IHO S-104 수위 정보, 실시간 조석 데이터 활용법
S-100 기반 실시간 수위 정보 표준 S-104의 구조와 활용법을 비전공자도 이해할 수 있게 설명합니다.
IHO S-111 해류 정보, 바다 흐름 실시간 파악하기
S-100 기반 실시간 해류 정보 표준 S-111의 구조와 활용법을 비전공자도 이해할 수 있게 설명합니다.
IHO S-124 항행 경고, ECDIS 긴급 알림 시스템
S-100 기반 항행 경고 표준 S-124의 구조와 활용법을 비전공자도 이해할 수 있게 설명합니다.
IHO S-127 해상 교통 관리, ECDIS 교통 법규
S-100 기반 해상 교통 관리 표준 S-127의 구조와 활용법을 비전공자도 이해할 수 있게 설명합니다.
IHO S-128 항해 제품 목록, 데이터 품질 관리
S-100 기반 항해 제품 카탈로그 표준 S-128의 구조와 활용법을 비전공자도 이해할 수 있게 설명합니다.
IHO S-129 용골 여유 수심, 대형 선박 안전 통과 기술
S-100 기반 용골 하부 여유 수심 관리 표준 S-129의 구조와 활용법을 비전공자도 이해할 수 있게 설명합니다.
LangChain 입문 1편 - LangChain이란?
LangChain이 무엇이고 왜 필요한지, 어떤 문제를 해결하는지 비전공자도 이해할 수 있게 설명합니다.
LangChain 입문 2편 - 환경 설정하기
Python 설치부터 LangChain 패키지 설치, OpenAI API 키 설정까지 처음 시작하는 분들을 위한 환경 구축 가이드
LangChain 입문 3편 - 프롬프트 템플릿
PromptTemplate과 ChatPromptTemplate으로 재사용 가능한 프롬프트 만들기
LangChain 입문 4편 - LCEL 체인 만들기
파이프 연산자로 프롬프트, 모델, 파서를 연결하는 LangChain Expression Language 완벽 가이드
LangChain 입문 5편 - LLM 연결하기
OpenAI GPT, Claude, Gemini, Ollama까지 다양한 AI 모델을 LangChain에 연결하는 방법
LangChain 입문 6편 - 출력 파서 사용하기
LangChain의 다양한 출력 파서를 배워 AI 응답을 원하는 형식으로 정확하게 변환하는 방법을 알아봅니다.
LangChain 입문 7편 - 대화 기억하기
AI가 이전 대화를 기억하도록 만들어 자연스러운 대화형 챗봇을 구현하는 방법을 배워봅니다.
LangChain 입문 8편 - RAG 만들기
RAG를 활용해 자신만의 문서를 기반으로 답변하는 스마트한 AI 시스템을 만드는 방법을 배워봅니다.
LangChain 입문 9편 - Agent 만들기
AI가 스스로 도구를 선택하고 실행하는 Agent 만들기, 커스텀 도구 개발까지
LangChain 입문 10편 - 실전 프로젝트
PDF 문서 기반 QA 챗봇을 만들며 LangChain 총정리, Streamlit으로 웹 UI까지
Nvidia GPU 비교 - RTX부터 A100, H100까지
RTX 3060부터 5090, 데이터센터 GPU까지 VRAM과 성능을 비전공자도 이해할 수 있게 상세 비교
TypeScript 입문 1편 - 왜 배워야 할까?
TypeScript가 무엇인지, 왜 필요한지, JavaScript와 어떻게 다른지 알아봅니다. 타입 시스템의 장점부터 실무 활용까지 한눈에 정리했습니다.
TypeScript 입문 2편 - 환경 설정하기
Node.js 설치부터 TypeScript 프로젝트 생성, tsconfig.json 설정까지. 실제로 따라하면서 TypeScript 개발 환경을 완성합니다.
TypeScript 입문 3편 - 기본 타입 익히기
TypeScript의 기본 타입인 number, string, boolean부터 array, tuple, enum, any, unknown까지. 실제 예제로 배우는 타입 시스템의 기초입니다.
TypeScript 입문 4편 - 함수에 타입 붙이기
TypeScript에서 함수를 타입 안전하게 작성하는 방법을 배웁니다. 매개변수 타입, 반환 타입, 선택적 매개변수, 함수 오버로딩까지 실전 예제로 익혀봅니다.
TypeScript 입문 5편 - 인터페이스 사용하기
TypeScript 인터페이스로 객체 타입을 정의하는 방법을 배웁니다. 선택적 속성, 읽기 전용 속성, 인터페이스 확장까지 실전 예제와 함께 익혀봅니다.
TypeScript 입문 6편 - 클래스 만들기
TypeScript 클래스의 기본 문법부터 접근 제한자, 생성자, getter/setter, 상속, 추상 클래스까지. 객체 지향 프로그래밍의 핵심을 배웁니다.
TypeScript 입문 7편 - 타입 별칭과 유니온
type 키워드로 타입 별칭을 만들고, 유니온 타입과 인터섹션 타입으로 유연한 타입 시스템을 구축하는 방법을 배웁니다. 리터럴 타입까지 한번에 정리합니다.
TypeScript 입문 8편 - 제네릭 이해하기
TypeScript 제네릭으로 재사용 가능한 타입 안전한 코드를 작성하는 방법을 배웁니다. 제네릭 함수, 인터페이스, 클래스, 제약조건까지 실전 예제로 익혀봅니다.
TypeScript 입문 9편 - 유틸리티 타입 활용
TypeScript 내장 유틸리티 타입인 Partial, Required, Readonly, Pick, Omit, Record 등을 실전 예제로 배웁니다. 타입 변환을 쉽게 하는 강력한 도구들입니다.
TypeScript 입문 10편 - 실전 프로젝트
TypeScript로 Todo 앱을 만들며 실전 개발 경험을 쌓습니다. React + TypeScript 시작하기, 타입 안전성 체크, 모범 사례까지 한번에 정리합니다.
CSS 입문 1편 - 기초와 선택자
CSS의 기본 문법부터 다양한 선택자 사용법까지, 웹 스타일링의 첫걸음을 시작합니다.
CSS 입문 2편 - 박스 모델 이해하기
margin, padding, border의 차이를 완벽히 이해하고, display 속성으로 레이아웃을 자유자재로 다룹니다.
CSS 입문 3편 - Flexbox로 정렬하기
CSS Flexbox로 복잡한 레이아웃을 간단하게 만드는 방법을 배웁니다. 정렬, 순서 변경, 반응형까지 한 방에!
CSS 입문 4편 - Grid로 레이아웃 잡기
CSS Grid로 복잡한 2차원 레이아웃을 쉽게 만드는 방법을 배웁니다. 갤러리부터 대시보드까지 모든 것이 가능해집니다.
CSS 입문 5편 - 색상과 폰트 다루기
색상 표현 방법부터 그라디언트, 폰트 스타일링까지 웹 디자인의 시각적 요소를 완벽하게 마스터합니다.
CSS 입문 6편 - 반응형 웹 만들기
미디어 쿼리와 유동 레이아웃으로 모바일부터 데스크톱까지 완벽하게 대응하는 반응형 웹사이트를 만드는 방법을 배웁니다.
CSS 입문 7편 - 애니메이션 효과 넣기
transition과 animation으로 웹사이트에 생동감을 불어넣는 방법을 배웁니다. 부드러운 호버 효과부터 복잡한 애니메이션까지!
CSS 입문 9편 - CSS 변수 사용하기
CSS 변수(Custom Properties)부터 calc(), clamp(), aspect-ratio까지 현대 CSS의 강력한 기능들을 마스터합니다.
CSS 입문 8편 - 고급 선택자 활용
복잡한 선택자부터 ::before, ::after 가상 요소까지, CSS의 숨겨진 강력한 기능들을 마스터합니다.
HTML 입문 1편 - 처음 시작하기
HTML이 무엇인지, 웹 페이지가 어떻게 만들어지는지 배우고, 첫 HTML 문서를 직접 작성해봅니다.
HTML 입문 2편 - 기본 태그 배우기
제목, 문단, 줄바꿈 등 가장 많이 쓰이는 HTML 기본 태그를 배우고 올바른 문서 구조를 익힙니다.
HTML 입문 3편 - 링크 만들기
a 태그로 링크를 만들고, 텍스트 서식을 다양하게 활용하여 풍부한 콘텐츠를 작성하는 방법을 배웁니다.
HTML 입문 4편 - 이미지 넣기
img, video, audio 태그로 이미지와 동영상, 오디오를 웹 페이지에 삽입하고 제어하는 방법을 배웁니다.
HTML 입문 5편 - 리스트와 테이블
순서 없는 목록, 순서 있는 목록, 정의 목록을 만들고 table 태그로 데이터를 표 형태로 정리하는 방법을 배웁니다.
HTML 입문 6편 - 입력 폼 만들기
form, input, button, select 등 사용자 입력을 받는 다양한 폼 요소를 배우고 실전 예제로 회원가입 양식을 만듭니다.
HTML 입문 7편 - 시맨틱 태그란?
header, nav, article, section, aside, footer 등 의미 있는 HTML5 시맨틱 태그로 웹 페이지를 구조화하고 접근성을 높이는 방법을 배웁니다.
HTML 입문 8편 - 페이지 레이아웃
HTML 시맨틱 태그와 간단한 CSS를 활용하여 실제 웹사이트처럼 헤더, 사이드바, 메인 콘텐츠, 푸터를 배치하는 방법을 배웁니다.
HTML 입문 9편 - SEO를 위한 메타 태그
검색 엔진 최적화를 위한 메타 태그 설정 방법과 SNS 공유시 멋진 미리보기를 만드는 Open Graph 태그를 배웁니다.
JavaScript 입문 1편 - 시작하기
JavaScript가 무엇인지, 왜 배워야 하는지부터 개발 환경 설정까지. 비전공자도 쉽게 따라할 수 있는 JavaScript 첫걸음을 시작합니다.
JavaScript 입문 2편 - 변수와 타입
JavaScript에서 데이터를 저장하는 변수 선언 방법(let, const, var)과 숫자, 문자열, 불리언 등 기본 데이터 타입을 실습 예제와 함께 배웁니다.
JavaScript 입문 3편 - 조건문 사용하기
JavaScript의 산술, 비교, 논리 연산자를 배우고 if, else, switch로 조건에 따라 다른 동작을 실행하는 방법을 실습합니다.
JavaScript 입문 4편 - 반복문과 배열
JavaScript의 for, while 반복문으로 같은 작업을 여러 번 수행하고, 배열로 여러 데이터를 효율적으로 관리하는 방법을 배웁니다.
JavaScript 입문 5편 - 함수 만들기
JavaScript 함수 선언과 호출, 매개변수와 반환값 사용법을 배우고, 스코프와 클로저 개념을 이해합니다.
JavaScript 입문 8편 - 이벤트 처리
클릭, 입력, 마우스 움직임 등 사용자 동작에 반응하는 이벤트 리스너를 배우고, 실전 예제로 인터랙티브한 웹사이트를 만듭니다.
JavaScript 입문 7편 - DOM 조작하기
JavaScript로 HTML 요소를 찾고, 내용을 변경하고, 스타일을 수정하는 DOM 조작의 기초를 배웁니다.
JavaScript 입문 6편 - 객체 다루기
JavaScript 객체로 관련된 데이터를 그룹화하고, 메서드로 객체의 동작을 정의하며, this 키워드를 사용하는 방법을 배웁니다.
JavaScript 입문 9편 - ES6 최신 문법
화살표 함수, 구조 분해, 스프레드 연산자, 템플릿 리터럴 등 ES6 이후 추가된 모던 JavaScript 문법을 배웁니다.
JavaScript 입문 10편 - API 호출하기
Promise, async/await로 비동기 작업을 처리하고, fetch로 실제 API를 호출해서 데이터를 가져오는 방법을 배웁니다.
Claude VSCode 사용법 - 바이브코딩 시작 가이드
Claude VSCode 사용법을 비개발자도 따라할 수 있게 정리했습니다. 가입, 결제부터 Claude Code CLI 설치, 바이브코딩 실전 활용까지 완벽 가이드입니다.
Git 사용법, IDE에서 바로 쓰는 실전편
Git이 처음이라 막막하신가요? 원격 저장소 설정부터 브랜치 전략까지, 개발 현장에서 바로 쓸 수 있는 Git 사용법을 정리했습니다.
Tailwind CSS 설치부터 활용까지 - React/React Native
CSS 작성이 귀찮으셨나요? Tailwind CSS를 쓰면 클래스 이름만으로 스타일링이 끝납니다. React와 React Native 설치 방법부터 실전 활용법까지 비전공자도 따라할 수 있게 정리했습니다.
TimescaleDB로 센서 로그 관리하기
8개 장비에서 1분마다 들어오는 로그 데이터, PostgreSQL에서 어떻게 효율적으로 관리할까요? TimescaleDB 하이퍼테이블 설정부터 집계 쿼리까지 실전 예제로 정리했습니다.
비개발자도 30분만에 만드는 Astro 블로그
코딩 경험 없어도 괜찮아요. 복사 붙여넣기만 할 줄 알면 나만의 블로그를 만들 수 있습니다.
Docker로 PostgreSQL 설치하기 (윈도우/맥)
비개발자도 쉽게 따라할 수 있는 Docker 설치부터 PostgreSQL 컨테이너 실행까지 상세 가이드입니다.
노트북 고르는 법, 구매 전 체크리스트
게이밍 노트북, 울트라북, 맥북 중 어떤 걸 사야 할지 고민이라면? 용도별 노트북 선택 기준과 2025년 추천 모델을 상세히 알려드립니다.
React 입문 2편 - 첫 프로젝트 만들기
Vite를 사용해서 React 프로젝트를 생성하는 방법을 단계별로 알아봅니다. Node.js 설치부터 프로젝트 실행까지 따라하기만 하면 됩니다.
React 입문 4편 - 컴포넌트 만들기
React의 핵심인 컴포넌트를 자세히 알아봅니다. 함수형 컴포넌트 작성법부터 컴포넌트 분리까지 실습과 함께 배워봅니다.
React 입문 8편 - 이벤트 처리하기
React에서 버튼 클릭, 키보드 입력, 폼 제출 등 다양한 이벤트를 처리하는 방법을 배웁니다. 실전 예제와 함께 이벤트 핸들링을 마스터해봅시다.
React 입문 11편 - Hooks 정리
React의 핵심 Hooks를 한 곳에서 정리합니다. useState, useEffect, useRef, useMemo, useCallback 등 실무에서 자주 쓰는 Hooks를 예제와 함께 배웁니다.
React 입문 1편 - React란?
React가 무엇인지, 왜 전 세계 개발자들이 React를 선택하는지 알아봅니다. React의 핵심 개념과 장점을 쉽게 설명합니다.
React 입문 3편 - JSX 문법 익히기
React에서 UI를 작성하는 JSX 문법을 배웁니다. JavaScript 안에서 HTML처럼 쓰는 방법과 주의할 점들을 정리했습니다.
React 입문 5편 - Props 전달하기
React에서 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달하는 Props에 대해 배웁니다. 실전 예제와 함께 Props 사용법을 익혀봅시다.
React 입문 6편 - State로 상태 관리
React에서 컴포넌트의 상태를 관리하는 useState 훅을 배웁니다. State의 개념부터 실전 활용까지 예제와 함께 알아봅니다.
React 입문 7편 - State와 Props 연결하기
React에서 State와 Props가 어떻게 함께 작동하는지 알아봅니다. 부모-자식 컴포넌트 간의 데이터 흐름과 State 끌어올리기 패턴을 배웁니다.
React 입문 9편 - 입력값 다루기
React에서 입력 폼을 다루는 방법을 배웁니다. Controlled Component 패턴과 다양한 폼 요소 처리법을 실전 예제와 함께 알아봅니다.
React 입문 10편 - useRef 사용하기
React에서 DOM에 접근하거나 렌더링 없이 값을 저장하는 useRef 훅을 배웁니다. useRef의 두 가지 활용법을 실전 예제와 함께 알아봅니다.
개발자 번아웃, 내가 극복한 방법 - 6개월간의 회복 기록
매일 코드만 보다가 어느 날 갑자기 노트북을 열기 싫어졌습니다. 전형적인 번아웃이었죠. 6개월간 시행착오 끝에 찾아낸 회복 방법과 번아웃 예방법을 공유합니다.
ChatGPT로 자기성찰하는 법
AI를 활용해 자기성찰을 체계화하고, 진짜 내 모습을 발견하는 실전 가이드. 질문 프롬프트, 일기 분석, 패턴 발견까지 모든 것.