data-pantry 님의 블로그

KO EN JA 📖 공식 사용 가이드 Gemini Folder Manager v3.7 Chrome 확장 프로그램 · 대화 폴더 정리 도구 Gemini를 쓰다 보면 대화가 정말 빠르게 쌓이더라고요. 처음엔 괜찮다가 50개, 100개 넘어가면 찾고 싶은 게 어디 있는지 감도 안 잡히는 경우가 생기죠. 그래서 직접 만든 게 Gemini Folder Manager입니다. 폴더로 묶고, 핀 고정하고, 검색까지 — 필요한 부분만 골라 읽으셔도 됩니다. 목차 01🚀 설치 및 시작 02🖥 화면 구성 03📁 폴더 관리 04💬 채팅 배정 05📌 핀 고정 06🔍 검색·필터·정렬 07☑ 일괄 선택 08🔒 폴더 잠금 09🗑 휴지통 ..

Day 3 — HTML → Tistory 연결"이론 코드가 아닌, 실제 운영 코드를 해부하는 날입니다"🧠 10초 핵심 요약치환자: 서버가 실제 데이터로 '미리 채워서 완성하는 자리'입니다.처리 시점: 브라우저가 파일을 받기 '전'에 서버에서 이미 완성됩니다.오늘의 목표: 수천 줄의 코드 속에서 '레이아웃 블록'을 찾아 주석을 다는 것입니다.1. 치환자는 "미리 완성된 값"이 들어갈 자리입니다가장 많이 하는 오해: 치환자는 브라우저에서 변하는 '빈칸'이 아닙니다. 서버가 내용을 꽉 채워 보낸 완성품입니다.서버에서 처리됨 (전송 전)👉 서버가 이 자리에 내 블로그 제목을 미리 채워넣습니다.브라우저가 받는 최종 결과내 멋진 블로그👉 브라우저는 치환자를 전혀 알지 못합니다. 이미 완성된 텍스트만 받을 뿐이..

Day 2 — DOM Tree와 시맨틱 태그 (개념 재정립)오늘은 HTML을 '쓰는' 연습보다, 구조를 '읽는 눈'을 키우는 날입니다👉 일단 이것만• HTML = 텍스트 파일 그 자체• DOM = 브라우저가 그 텍스트를 읽고 만들어낸 구조체• CSS = 그 구조 안에서 꾸밀 대상을 찾는 방법📌 조금 더 풀면 이렇습니다:HTML은 결국 텍스트 파일입니다.브라우저는 이걸 받아서 화면에 그리기 위해 내부적으로 '구조'로 변환합니다. 이게 DOM입니다.CSS가 실제로 적용되는 대상은 원본 HTML 파일이 아니라, 브라우저가 만들어낸 이 구조(DOM)입니다.👉 어디에 CSS를 넣을지 찾으려면, 이 "구조(DOM)"를 읽을 수 있어야 합니다.1. DOM Tree = 단순 구조가 아니다많이들 헷갈리는 부분입니다..

Tistory Skin GuideDay 1 — 웹 작동 원리 (개념 리셋)1. URL을 입력하면 벌어지는 일1사용자: 주소창에 URL 입력2브라우저: "서버가 어디 있지?" → DNS 조회→ 도메인 이름을 실제 서버 주소(IP)로 변환하는 과정입니다.3요청: 브라우저 → 서버 "페이지 파일 줘" (**HTTP 요청**)→ 서버에 "GET /index.html" 같은 메시지를 보내 콘텐츠를 요청합니다.4응답: 서버 → 브라우저 HTML 전달 (**HTTP 응답**)5렌더링: 브라우저가 HTML 해석 → 화면 출력💡 왜 배울까요? 이 과정을 이해해야 웹이 단순한 화면이 아니라 '요청과 응답'으로 이루어진 구조라는 것을 알 수 있기 때문입니다.🎯 핵심: 브라우저가 받는 것은 결국 텍스트 파일입니다.→ 이 ..

한국어English日本語[Productivity] 구글 제미나이 대화 목록, 이제 폴더로 깔끔하게 관리해보세요!안녕하세요! 구글 제미나이(Gemini)를 애용하는 유저로서, '폴더 정리 기능의 부재'로 인한 불편함을 해결하고자 직접 Gemini Folder Manager 확장 프로그램을 제작하게 되었습니다. 많은 분의 작업 효율을 높여주는 도구가 되길 바랍니다.1. 사용 방법 (Step-by-Step)제미나이 웹 페이지(gemini.google.com)와 연동하여 아주 간단하게 사용할 수 있습니다.① 내 대화 목록 가져오기구글 제미나이 탭을 실행합니다.확장 프로그램 아이콘을 눌러 팝업창을 띄웁니다.상단의 새로고침(🔄) 버튼을 클릭합니다.참고: 사이드바를 끝까지 스크롤한 후 새로고침을 눌러주세요.② 폴더..