Frontend × AI Engineering

Raincoat

사람을 위한 인터페이스를 만들고, 과정과 배움을 기록합니다.

AI와 함께 더 빠르게 실험합니다. 복잡한 문제를 단순한 화면으로 만듭니다. 실무에서 배운 것을 기록합니다.

포스트

총 49개

Database

Oracle SQL 기초 가이드

Oracle SQL의 시작. SQL 4가지 분류, 데이터 타입, 테이블 만들기(DDL)부터 SELECT·WHERE·ORDER BY 기본 조회까지 예제 중심으로 정리했습니다.

약 6분
Database

Oracle SQL 함수 가이드

Oracle SQL 함수 총정리. 문자·숫자·날짜·변환·NULL 처리 함수와 CASE/DECODE 조건 분기를 예시와 함께 정리했습니다. 자주 찾는 레퍼런스로 쓰세요.

약 6분
Database

Oracle SQL 가이드

INSERT·UPDATE·DELETE·MERGE 데이터 변경, 트랜잭션(COMMIT·ROLLBACK), 페이징, 뷰·시퀀스·인덱스와 주의사항 10가지까지. 운영에서 바로 쓰는 Oracle SQL을 정리했습니다.

약 7분
Database

Oracle SQL 조회 심화 가이드

집계(GROUP BY·HAVING), JOIN과 함정 2가지, 서브쿼리, 집합 연산, 윈도우 함수, WITH·계층 쿼리까지. Oracle로 복잡한 조회를 다루는 방법을 정리했습니다.

약 8분
React

nuqs로 URL 쿼리 파라미터 상태 관리하기

nuqs의 useQueryState·useQueryStates로 URL 쿼리 파라미터를 타입 안전하게 React state처럼 다루는 방법을 정리합니다. 파서 종류, 옵션, 검색·필터·페이지네이션 예제까지 한 번에.

약 7분
React

AG Grid Tooltip 사용법

AG Grid tooltipField, tooltipValueGetter, headerTooltip, tooltipShowMode, tooltipShowDelay 설정 방법을 JavaScript·React 예제와 함께 한 번에 정리합니다.

약 8분
Git

Git 기초 가이드

Git이 처음이라면 이 글부터. Git이 해결하는 문제, 작업 디렉터리·스테이징·로컬·원격 저장소 4개 공간, add/commit/push 5개 필수 명령어와 커밋 메시지 컨벤션을 정리합니다.

약 12분
Git

Git 브랜치 전략과 GitHub Flow

자주 쓰는 master/stage/production 3단계 브랜치 전략, 선택 배포(release)와 긴급 수정(hotfix)부터 GitHub Flow의 PR 병합 방식, 코드 리뷰, CI 자동화까지 정리합니다.

약 16분
Git

Git 복구 가이드

커밋 메시지 오타, 잘못된 브랜치에 커밋, reset --hard로 커밋 날림, rebase 꼬임, stash 분실까지. git reflog와 reset/revert로 사고를 복구하는 상황별 매뉴얼과 응급 치트시트를 정리합니다.

약 13분
Tools

개발이 편해지는 IntelliJ 플러그인 추천 (2026년 최신)

효과가 큰 IntelliJ 플러그인을 필수 / 권장 / 추가 추천 / 유료 / 내장으로 나눠 정리했습니다. Rainbow Brackets, GitToolBox, MyBatisX 등 바로 체감되는 플러그인을 소개합니다.

약 6분
Firebase

Firebase CLI 설치 가이드

Firebase CLI 최신 버전 설치부터 프로젝트 초기화·배포까지. npm install -g firebase-tools, firebase login, firebase init, deploy를 단계별로 정리합니다.

약 5분
Supabase

Supabase 무료 플랜 자동 정지 방지

Supabase Free 플랜 7일 비활성 자동 정지를 GitHub Actions cron으로 막는 방법. RPC 호출 + health check 폴백 구조로 안정적인 keep-alive를 구현합니다.

약 5분