본문 바로가기

전체 글101

[Notion] 노션 HTML 블록 기능: 문서에서 반응형 웹페이지 사용하기 2026년 7월 1일, 노션 3.6 업데이트를 통해 'HTML 블록(HTML Blocks)' 기능이 정식 도입되었습니다.기존 노션이 텍스트와 데이터를 정리하는 기록용 문서였다면, 이제는 사용자가 버튼을 누르고 값을 입력할 수 있는 소형 웹페이지 역할을 직접 수행할 수 있습니다. 1. 기존 기능과의 차이점기존 기능과 신규 HTML 블록은 작동 방식에서 명확한 차이가 존재합니다./code (코드 블록): 코드를 텍스트 형태로만 보여줍니다. 글자에 색상을 입혀 읽기 좋게 만들 뿐, 문서 내에서 코드가 실제로 실행되지는 않습니다./embed (임베드): 외부 웹사이트 화면을 노션 안에 띄우는 기능입니다. 외부 서버 상태에 따라 로딩 속도가 느려지거나 오류가 발생할 수 있습니다.HTML 블록 (신규): 노션 페이.. 2026. 7. 4.
[질문 정리] Infra 면접 질문 정리 [ENTRYPOINT vs CMD] Dockerfile에서 ENTRYPOINT와 CMD의 차이가 무엇인지, 그리고 둘을 함께 사용하는 이유는 무엇인가요?A. ENTRYPOINT는 항상 실행되는 바이너리를 고정하고, CMD는 그 바이너리에 전달할 기본 인자를 제공합니다.이유docker run 실행 시 CMD에 지정된 값은 커맨드라인 인자로 덮어쓸 수 있지만ENTRYPOINT는 덮어쓸 수 없습니다.둘을 함께 쓰면 기본 동작을 유지하면서 실행 옵션만 유연하게 변경할 수 있습니다.확장예시:ENTRYPOINT ["nginx"]CMD ["-g", "daemon off;"]→ docker run my-image -t 실행 시 nginx -t로 설정 파일 검증만 수행→ 기본 실행은 nginx -g "daemon off.. 2026. 6. 26.
[질문 정리]Java 백엔드 면접 질문 정리 [N+1] 유저 목록을 조회하는 API가 있습니다. 로컬에서는 빠른데 프로덕션에서 쿼리가 수백 번 나가면서 느려집니다. 원인과 해결 방법은?A. JPA N+1 문제입니다. Fetch Join 또는 @EntityGraph로 단일 쿼리로 처리해야 합니다.이유Lazy Loading된 연관 엔티티를 루프에서 접근하면최초 1번 쿼리 후 N개의 연관 데이터를 N번 추가 SELECT합니다.유저가 100명이면 쿼리가 101번 나갑니다.확장컬렉션(@OneToMany) + 페이징을 동시에 사용하면하이버네이트가 DB 레벨 페이징을 포기하고 전체 데이터를 메모리에 올린 후 애플리케이션 단에서 잘라내어 OOM 위험이 있습니다.이 경우 ToOne 관계는 Fetch Join, 컬렉션은 hibernate.default_batch_f.. 2026. 6. 25.
[API 테스트 도구] Postman, Insomnia, Hoppscotch, Bruno 비교 API 개발 및 테스트 환경에서 오랫동안 표준으로 자리 잡았던 도구들에 대한 대안이 다수 등장했습니다. 클라우드 종속성, 리소스 점유율, 오프라인 사용 여부 등 다양한 워크플로우에 맞춰 선택할 수 있는 4가지 주요 도구의 특징, 사용 방법, 장단점을 구조적으로 분석합니다.1. Postman (업계 표준 및 종합 플랫폼) 가장 방대한 사용자 층을 보유한 엔터프라이즈급 API 플랫폼입니다.사용 방법: 데스크톱 앱 설치 또는 웹 브라우저 접속 후 계정을 생성합니다. 워크스페이스를 구성하고 컬렉션을 생성하여 API 요청을 추가합니다. 환경 변수(Environment)를 설정하고 Pre-request 스크립트 및 테스트 코드를 작성하여 검증합니다.장점:방대한 기능: API 모니터링, Mock 서버 생성, 자동화된.. 2026. 6. 22.
[AI Agent] VS Code + Continue + 로컬 LLM 통합 환경 구축 코파일럿 같은 AI 코딩 어시스턴트가 확실히 편하긴 하지만, 무료 한도가 금방 차버리고 소스 코드가 외부 서버로 넘어간다는 찝찝함이 있습니다.이런 문제를 해결하기 위해, VS Code의 'Continue' 확장 프로그램과 로컬 LLM 구동용인 'Ollama'를 엮어서 과금이나 보안 걱정 없이 쓸 수 있는 코딩 환경 세팅 방법을 정리해 봤습니다.1. 핵심은 '용도별 모델 분리'모델 하나로 모든 걸 처리하려고 하면 무조건 버벅거립니다. 기능에 맞춰 두 개의 모델을 섞어 쓰는 게 좋습니다.채팅 & 코드 리뷰 (qwen3.6:35b-a3b): 덩치가 큰 고성능 모델입니다. 복잡한 구조 분석이나 버그 추적처럼 딥하게 생각해야 하는 작업에 씁니다.코드 자동 완성 (qwen2.5-coder:7b): 가볍고 빠른 모델.. 2026. 6. 22.
[Node.js] 보안 릴리스 및 npm v12 보안 정책 변경 사항 분석 Node.js 생태계의 핵심 인프라에 대한 중대한 보안 업데이트 및 정책 변경이 2026년 6월과 7월에 걸쳐 적용됩니다.시스템 안정성 확보를 위해 확인해야 할 릴리스 스펙과 npm 패키지 매니저의 정책 변경 사항을 분석하고 대응 방안을 제시하겠습니다. Node.js — Wednesday, June 17, 2026 Security ReleasesNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org 1. Node.js 코어 보안 릴리스 (2026년 6월 17일).. 2026. 6. 11.
[AI Agents] 로컬 환경을 지키는 AI 권한 제어 카드: config.toml 프로젝트에 자율형 AI 에이전트를 도입할 때 가장 먼저 직면하는 리스크는 파일 시스템 변조와 터미널 명령어의 무단 실행입니다.에이전트의 완전 자율 모드(Full Access)는 생산성을 높여주지만,격리되지 않은 로컬 환경에서는 시스템 오작동이나 소스 코드 유실의 원인이 되기도 합니다. 이를 방지하기 위해 프로젝트의 최상위 루트 디렉터리에구동 환경 및 보안 경계를 명시하는 정적 설정 파일인 config.toml을 구성해야 합니다. 1. config.toml의 역할과 제어 메커니즘config.toml은 워크스페이스 내에서 작동하는 에이전트의 연산 엔진(Model), 출력 성향(Persona), 그리고 샌드박스 내부 권한의 한계를 규정하는 통제 패널입니다.에이전트 프로세스가 구동될 때 이 파일에 정의된 정책을.. 2026. 6. 8.
[AI Agents] AI 에이전트한테 컨벤션 주입하기: AGENTS.md 최근 개발 트렌드에서 AI Agent를 활용하는 분들이 정말 많아졌습니다. 하지만 기대를 안고 복잡한 비즈니스 로직이나 버그 수정을 요청해 보면,정작 우리 프로젝트 구조는 전혀 모른 채 오픈소스 기본 예제 수준의 겉핥기식 답변만 주거나,팀 내 컨벤션을 완전히 무시한 코드를 제안해서 결국 수동으로 다시 짜야 했던 경험이 다들 있으실 겁니다. AI가 이런 한계를 보이는 이유는 간단합니다.소스 코드만 보고는 파악할 수 없는 '우리 팀만의 운영 지식과 제약 조건'이 존재하기 때문입니다. 이런 문제는 프로젝트 루트 디렉토리에 AGENTS.md 파일 하나만 구성해 두면 깔끔하게 해결할 수 있습니다.에이전트가 프로젝트를 열 때 이 문서를 핵심 그라운드 룰로 삼아 자동으로 인지하기 때문입니다.1. AGENTS.md란A.. 2026. 6. 7.
[VS Code] OpenAI Codex 코딩 에이전트 연동 최근 개발 트렌드에서 AI 코딩 에이전트는 더 이상 선택이 아닌 필수 도구로 자리 잡고 있습니다.그중에서도 OpenAI의 Codex는 단순한 코드 추천을 넘어, 로컬 파일을 직접 수정하고 터미널 명령어를 실행하는 강력한 'Agent 모드'를 제공합니다.이번 포스팅에서는 VS Code에서 Codex를 설치하는 방법과, 설치 후 사이드바에 아이콘이 뜨지 않는 오류 해결법, 그리고 각 실행 모드별 활용 전략을 정밀하게 정리해 보겠습니다.1. VS Code 확장 프로그램 설치먼저 VS Code 내부에서 확장 프로그램을 찾아 설치해야 합니다.VS Code를 열고 좌측의 Extensions 탭(단축키: Ctrl + Shift + X)으로 이동합니다.검색창에 Codex 또는 마켓플레이스 ID인 openai.chatg.. 2026. 6. 6.

티스토리툴바