반응형 UX 개발 썸네일형 리스트형 컨텍스트7(Context7)이란 무엇인가? 웹 개발 워크플로우에 적용하는 법 LLM이 최신 라이브러리 문서를 잘못 알고 코드를 틀리게 제안하는 문제를 해결하려는 시도 가운데, 컨텍스트7(Context7)은 라이브러리의 “버전별 최신 문서와 코드 예시”를 직접 가져와 프롬프트에 주입하는 MCP(Model Context Protocol) 서버입니다.왜 컨텍스트7이 필요한가일반적인 LLM은 학습 시점 이후에 나온 API 변경 사항이나 최신 베스트 프랙티스를 반영하지 못해 “존재하지 않는 메서드”를 제안하거나 오래된 코드 예제를 내놓습니다. 컨텍스트7은 공식 문서에서 최신 정보만 긁어와 프롬프트에 넣어줌으로써 이러한 환각(hallucination)과 구버전 예시 문제를 줄입니다. 컨텍스트7의 핵심: MCP 서버컨텍스트7은 MCP 서버로서 Cursor, Claude Code, Windsu.. Claude Code 'ls, cd, find 등' 기본 커맨드 확인 더 안 묻게 하기 목표ls, cd, find 같은 무해한 읽기 전용 셸 명령은 더 이상 “실행할까요?” 프롬프트 없이 바로 동작하게 하고, 나머지 위험한 작업(쓰기·삭제 등)은 그대로 유지한다.1. ~/.claude/CLAUDE.md로 글로벌 프롬프트 정의하기Claude는 세션이 시작될 때마다 찾을 수 있는 모든 CLAUDE.md 파일을 시스템 프롬프트에 주입한다.가장 상위(홈 디렉터리)에 두면 모든 프로젝트와 터미널 세션에 적용된다.# 예시: ~/.claude/CLAUDE.md# Bash behaviour- ALWAYS run ls, cd, find, pwd without asking.- NEVER write to disk unless explicitly instructed.# Workflow- Prefer single.. 유튜브 프리미엄 가족 요금제 구독 위한 구글 계정 국가 변경 해외 국가의 유튜브 프리미엄 가족 요금제를 등록한 이후부터는 가족 구성원들의 구글 계정을 추가해야 합니다. 단, 가족 요금제를 등록한 '오거나이저' 구글 계정과 같은 국가에 속한 계정들만 구성원으로 연결이 가능합니다. 1. 해당 국가용 구글 계정 신규 생성 권장기존에 사용하던 개인용 구글 계정은 개인정보가 많거나 휴대폰 기기 구동용으로 쓰이는 경우 혹시 모를 계정에 대한 불이익 조치의 상황(타 국가 계정 사용으로 인한)을 대비하여 그대로 유지하고, 유튜브 프리미엄용 계정을 신규로 생성하는 것을 권장 드립니다. 2. 구글 계정의 국가는 '플레이 스토어' 결제 국가로 결정됩니다.구글의 기본 계정 설정에서 결제 정보나 집 주소 등을 입력해도 해당 정보는 계정의 국가 정보로 판단되지 않습니다. 결정적으로 한 구.. Gmail(지메일) 안 읽은 메일 확인하고 정리하기 Gmail(지메일)은 자동 분류 기능을 통해 현재 시점 사용자에게 주요한 메일 위주로 보여 주는 사용자 경험을 택하고 있습니다. 그로 인해 광고성 메일 등은 별도 분류되어 사용자가 관심을 덜 가질 수 있게 하며, 안 읽은 지 오래된 메일은 별도로 표출을 해주지 않습니다. 지메일에서 안 읽은 메일을 확인하기 위해서는 좌측 지메일 메뉴에서 '전체메일(All mail)'을 클릭해 주면 됩니다(안 보일 경우에는 '더보기(More)' 버튼을 눌러서 나오게 함). 그러면 별도 분류 없이 전체 이메일을 목록화해서 보여 줍니다. 여기서 '고급 검색(Advanced search)' 버튼을 클릭합니다(때로는 추천 필터로 '안 읽은 메일'을 별도 버튼으로 제공해 주기도 합니다). '고급 검색'을 누르면 표시되는 팝업에서 .. ChatGPT(챗지피티) 답변 마크다운(Markdown, MD)로 복사하기 챗지피티는 지속적으로 버전 업이 되면서 텍스트 복사 관련 기능이 변경되고 있습니다. 노션이나 옵시디언과 같은 마크다운 베이스의 노트 관리를 하는 경우 지피티의 답변을 마크다운 형식으로 복사할 필요가 있습니다. 2025년 4월 기준으로 챗지피티 최신 버전의 경우 해당 기능을 마우스 우클릭을 통해서 제공합니다. 사용 방법은 답변 텍스트 최하단에 표기되는 '복사' 버튼을 마우스 오른쪽으로 클릭하여 'Copy as Markdown'을 클릭하면 됩니다. 이 기능을 통해서 복사된 텍스트를 마크다운 기반의 어플리케이션 또는 코드로 활용함으로써 관리하기 편한 형태의 텍스트 데이터 응용이 가능합니다. 가장 아름다운 웹 브라우저 SigmaOS (시그마오에스) 브라우저에서 대부분의 시간을 보내시나요? 수십 개의 탭을 오가며 웹 앱을 다루고, 집중하려고 애쓰고 있다면, SigmaOS를 소개합니다.SigmaOS는 생산성을 위해 완전히 새롭게 설계된 브라우저입니다.기존 브라우저를 잊으세요. SigmaOS는 인터넷과 상호작용하는 방식을 근본적으로 다시 생각하게 해주며, 학생, 전문가, 창작자 등 더 똑똑하게 일하고 싶은 모든 사람에게 딱 맞는 브라우저입니다.🔑 SigmaOS의 주요 기능1. 탭이 아닌 워크스페이스복잡한 탭 그룹이나 다시 열지 않을 북마크 대신, SigmaOS는 워크스페이스를 제공합니다.각 워크스페이스는 특정 작업, 프로젝트, 클라이언트에 맞는 작은 데스크탑처럼 작동합니다.열어둔 탭은 _그대로 저장_되어 다음에 돌아왔을 때 이어서 작업할 수 있습니다... 링크 주소(URL)에 저장된 카카오톡 썸네일 이미지 초기화하기 카카오톡을 사용하다 보면 특정 링크(URL)에 대한 썸네일 이미지 및 OG 프로피알이라고 불리우는 메타정보(제목과 설명)를 자체 캐시 서버에 저장해 놓는 것을 확인할 수 있습니다. 다른 서비스들은 이러한 캐시 내용을 오래 보관하지 않지만, 우리 자랑스러운 카카오는 꽤 오랜 기간 동안 동일 URL에 대해서 이미지와 관련 정보를 기억합니다. 이미지나 내용이 변경된 경우 이 URL에 대해서 캐시된 정보를 초기화할 수 있는 방법을 안내해 드립니다. 1. 일단 카카오 개발자 도구를 활용하기 위해 개발자 사이트를 접속해야 합니다.- 개발자 도구 사이트 : https://developers.kakao.com/tool Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그.. CSS 단위 선택: 실무에서 'rem' vs 'px' 고민 최근 반응형 웹 디자인이 보편화되면서 다양한 CSS 단위가 각광받고 있습니다. 그중에서도 'rem'은 반응형 구현에 유용한 단위로 자주 언급되지만, 실무에선 과연 언제, 어떻게 활용해야 할지에 대한 고민이 따릅니다. 이번 포스트에서는 'rem' 단위의 이론적인 장점과 실제 디자인 작업에서 겪게 되는 문제점을 살펴보고, 특별한 프로젝트가 아니라면 왜 px 단위를 선택하는 것이 더 효율적일 수 있는지에 대해 논의해 보겠습니다.1. 'rem' 단위의 장점'rem'은 root em의 약자로, 문서의 최상위 요소(html)의 폰트 크기를 기준으로 한 상대 단위입니다. 이 점에서 다음과 같은 이점이 있습니다:확장성: 사용자가 브라우저 기본 폰트 크기를 조정하면, 'rem'으로 설정한 모든 요소가 비례적으로 크기를 .. 이전 1 2 3 4 ··· 18 다음
UX개발실
