profile
자신만의 속도로
태그 목록
전체보기 (820)algorithm(148)python(147)baekjoon(113)JavaScript(83)CodingTest(78)programmers(59)React(58)react.js(49)CSS(38)Lv1(36)git(33)bruteforce(29)masterclass(26)reactnative(22)hooks(22)master-class(22)Silver1(20)silver3(20)Lv2(17)dynamicprogramming(16)greedy(15)silver4(15)PythonPlus(14)silver5(14)개발환경(14)silver2(14)math(12)nextjs(12)shouldToRetry(12)CODESTATES(11)DFS(9)DataStructure_1(9)Implementation(9)stack/queue(8)네트워크(8)typescript(8)BFS(7)Lv3(6)http(6)Claude(6)omc(6)Bronze2(5)DataStructure_2(5)error(5)tree(4)백트래킹(4)TwoPointer(4)hash(4)Bronze3(4)기술면접(3)html(3)GraphTraversal(3)zoom(3)Bronze1(3)정렬(3)Analytics(3)queue(3)preonboarding(3)Spring(2)beakjoon(2)iron1(2)API(2)ux(2)DP(2)client(2)UI(2)react router dom(2)mui(2)graphql(2)node.js(2)Alorithm(2)비동기처리(2)swiper(2)useCallback(1)notion(1)CSR(1)SSR(1)react-master(1)오류(1)Programmer(1)재귀(1)array(1)bronze4(1)spa(1)backjoon(1)aws(1)Java(1)seo(1)JSX(1)NestJS(1)Remix(1)기억상자(1)postman(1)CRUD(1)round(1)CS기초(1)datastructure(1)Scraper(1)grid(1)Satck&Queue(1)ShuldToRetry(1)redux(1)set(1)vscode(1)cdd(1)유진참고(1)WAI-ARIA(1)sop(1)ReactNativce(1)expoGO(1)scss(1)cors(1)바빌로니아(1)자료구조(1)ORM(1)URI(1)IoC(1)Graph(1)모의고사(1)crome(1)server(1)DNS(1)ubuntu(1)배포(1)notionapi(1)REST(1)barkjoom(1)silver(1)useTab(1)객체(1)url(1)coingTest(1)Let me Do it Again~(1)취준(1)kakaomap(1)apt(1)이분탐색(1)Hasch(1)await(1)useEffect(1)useState(1)ajax(1)level1(1)fontawsome(1)package.json(1)async(1)study(1)NotionDB(1)domain(1)Rambda(1)tailwind(1)ip(1)webpack(1)frontend(1)baekjooon(1)POWER(1)datastucture(1)https(1)json(1)DataStucture_1(1)gh-pages(1)heapq(1)di(1)useMemo(1)useRef(1)axios(1)
post-thumbnail

IoC(제어의 역전), DI(의존성 주입) 이해하기

Java를 배우고 Spring을 처음 접하면 가장 먼저 듣게 되는 용어 중 하나가 IoC와 DI입니다.Spring으로 개발을 시작한 분들이 가장 많이 오해하는 부분은 IoC와 DI가 Spring에서 처음 만들어진 기능이라고 생각하는 것입니다.하지만 IoC와 DI는 Sp

2026년 9월 22일
·
0개의 댓글
·

데이터 설계와 연관관계

orders가 user_id를 가짐으로서 관계 정의가 되고 join이 가능한 것이 연관관계이다.user입장에서는 order의 id 여러개를 가질 수 있다.1:N 이라고한다. 하나의 row가 N개의 row를 가지는 것을 말한다.이를 엔티티에서 표현해야한다.user 과 o

2026년 9월 17일
·
0개의 댓글
·
post-thumbnail

JPA Entity

@Entity이 클래스가 JPA가 관리해야 하는 엔티티임을 표시합니다. 필수 어노테이션입니다.주의: 기본 생성자(no-args constructor)가 반드시 필요하며, final 클래스에는 사용할 수 없습니다.@Table(name = "...")엔티티 클래스가 매핑될

2026년 9월 16일
·
0개의 댓글
·

ORM과 Hibernate

객체와 테이블을 자동 매핑하여 SQL없이 객체 중심으로 데이터 다루게 해줌.SQL보단 객체 중심의 코드로 비즈니스 로직에 집중할 수 있다. 객체 모델만 수정하면 되므로 유지보수에도 용이하다.ORM개념을 구현한 대표적인 프레임워크여러개의 데이터베이스를 호환시킬 수 있는

2026년 9월 15일
·
0개의 댓글
·
post-thumbnail

Layered 패턴

Layered 패턴 API동작 방식은 아래와 같다. API /member=> 동작 기대: member테이블에서 member 정보를 받아온다. API정의 => /member Member 목록 조회 /SELECT * FROM MEMBER DB 쿼리 실행 MEMBER

2026년 9월 15일
·
0개의 댓글
·
post-thumbnail

Spring

죽어도 바뀌지 않아서, 일관성이 있다.=> 그래서 욕먹긴 한다고 함.또한 넓은 범위의 회사를 대응할 수 있다.역할: 클라이언트(웹 브라우저)로부터 오는 HTTP 요청을 가장 먼저 받는 관문입니다. 마치 건물의 "안내 데스크"와 같습니다.웹 서버 VS 웹 어플리케이션 이

2026년 9월 15일
·
0개의 댓글
·
post-thumbnail

React Native + 카카오맵 웹뷰 삽질

React Native WebView + Kakao Maps JS SDK 로컬 개발 중 겪은 문제와 해결 과정 정리대상: HealingTrip FE (Expo + react-native-webview + Vite 지도 페이지)WebView = 멍청한 지도 렌더러, 데이

2026년 6월 30일
·
0개의 댓글
·

OMC 빠른 참조 카드

🚀 OMC (Oh My Claude Code) 빠른 참조 카드 v4.6.0 📌 처음 시작 | 명령어 | 설명 | | ------------------------ | -------------- | | /deepinit | 프로젝트 문서화 | | /deep-in...

2026년 6월 24일
·
0개의 댓글
·
post-thumbnail

프로젝트 첫 시작

새프로젝트에 들어가면 항상 이것부터 해라/deepinitOMC가 프로젝트 구조를 분서갛고 AGENTS.md 계층 문서를 자동 생성한다.OMC는 작업 복잡도에 따라 자동으로 모델을 선택한다.실제로 이렇게 동작한다.사용자: "autopilot: 인증 시스템 만들어줘"OMC

2026년 6월 24일
·
0개의 댓글
·
post-thumbnail

OMC 멀티 에이전트의 오케스트레이션

강력한 AI 를 단순 작업에 쓰는 것은 낭비저렴한 AI를 복잡한 AI 에 쓰는 것은 품질 저하Haiku: 저렴하고 빠름, Sonnet : 균형Opus: 성능이 좋은대신, 느리고 비쌈Haiku \* 60 = Opus비용 차이는 60배 이다.OMC에서 단순 반복 작업은 H

2026년 6월 24일
·
0개의 댓글
·

OMC 슬래시 완벽 가이드

테스트 주도 개발(TDD) 같은 특정 워크 플로우전체를 직접 호출하여 실행하는 강력한 명령어: 뼈대완성아무것도 없는 빈화면에서 실행 화면으로 단숨에 끌어올릴 수 있다.PM이 일하는 방법과 같다.우리의 목표를 이해하려고 하는 질문들을 한 후에 코드를 한다. 이후 스스로

2026년 6월 24일
·
0개의 댓글
·
post-thumbnail

OMC 매직키워드

: 완료 될때까지 자동 반복 실행 \- 분석 > 수정 > 테스트 > 반복: 멀티태스킹 용도. 최대 병렬 처리로 속도 향상, ex) api 를 한번에 5개를 리팩토링 해야 할때: 코딩 전 기획 인터뷰 모드 \- 애초에 실수 막고 계획하도록 함: 멀티에이전트와 반복 기획

2026년 6월 23일
·
0개의 댓글
·
post-thumbnail

OMC 시작하기

단일 agent라는 점: 설계, 테스트, 리뷰까지 혼자하는건 벅차다콘텍스트 손실작업 실패시 반복적으로 다시 시도하게 명령하는 것여러 전문 agent가 함께 일하는 multi agent Orchestration 을 적용영구적인 메모리로 해결로 대화의 길을 잃을 일이 없다

2026년 6월 23일
·
0개의 댓글
·
post-thumbnail

Remix 걸음마

GPT생겨서 공부하기 참 쉬워졌쥬..✔️ 프로젝트 생성npx create-react-router@latestRemix v2는 이제 React Router에 흡수됐어.👉 Remix = React Router + 서버 기능 이라고 생각해.처음 보면 이게 제일 멘붕이야.핵

2025년 12월 15일
·
0개의 댓글
·
post-thumbnail

NestJS

Insomnia→ API 테스트용 (Postman 대체)npm i -g @nestjs/clinest new project-namenest new 명령어를 사용하면기본적인 폴더 구조와 설정이 자동으로 구성된다.NestJS는 단일 책임 원칙(SRP) 을 굉장히 강하게 따른

2025년 12월 12일
·
0개의 댓글
·
post-thumbnail

TinyMCE webpack 최적화 구현 계획 (하이브리드 방식)

기존 코드에서 tinymce/tinymce-react 를 CDN방식으로 이용하고 있었다.이유는, 프로젝트에 파일을 포함하지 않아도 됨캐싱 활용 가능 (다른 사이트에서도 같은 CDN 사용 시)초기 설정이 간단... 가장 큰 이유는 회사에서 빨리 HTML <-> 에디

2025년 12월 9일
·
0개의 댓글
·
post-thumbnail

Deployment-Vercel

git에 push 를 마쳤다면,Vercel이 호출할 수 있도록 package.json 에 명령어를 수정한다vercel 은 그냥 deploy 버튼만 누르고 기다리면 된다.그리고 나타나는 오류들을 해결하면 dashboard에 보인다.

2025년 7월 13일
·
0개의 댓글
·
post-thumbnail

CSS Modules

Css Module application 전체에 적용할 global style 을 만든다. 전체 웹사디트의 bg color 나 폰트를 적용하도록 한다. app/layout 에서 import global css를 한다. 공통 디자인을 적용해준다. 특정 디자인에 적

2025년 7월 13일
·
0개의 댓글
·
post-thumbnail

Error Handling

API 요청이 안되거나네트워크가 끊기는 등에러가 생긴 경우의 핸들링은error.tsx 파일을 만들면 된다.프레임워크 특성상 파일 위치는 페이지 대상이 되는 폴더 안에 넣어야 한다.

2025년 7월 13일
·
0개의 댓글
·
post-thumbnail

Parallel Request

업로드중..이렇게 하면 start fetching 이 출력되고 end fetching이 순차적으로 출력되며총 10초 넘게 걸리게 된다. 병렬 요청으로 바꿔줘야 한다.promise.all을 사용하면 결과값이 동시에 나올 것이다.이렇게 요청을 보내면동시에 시작하게 된다.순

2025년 7월 13일
·
0개의 댓글
·