본문 바로가기

전체 글156

Cursor AI : Mode와 Context 활용으로 개발 생산성 2배로 높이기 Cursor AI : Mode와 Context 활용으로 개발 생산성 2배로 높이기출처: https://cursor.sh/docs목차Cursor의 두 가지 모드Context 활용하기실전 활용 팁Cursor의 두 가지 모드1. Agent 모드Agent 모드는 마치 실제 프로그래머와 페어 프로그래밍을 하는 것처럼 동작합니다.특징:코드를 직접 수정하고 작성할 수 있음프로젝트의 전체 맥락을 이해하고 작업파일 생성, 수정, 삭제 가능더 긴 대화가 가능하며 이전 맥락을 기억이럴 때 사용하세요:새로운 프로젝트 시작할 때버그 수정이 필요할 때코드 리팩토링할 때여러 파일을 동시에 수정해야 할 때2. Ask 모드Ask 모드는 빠른 질문과 답변이 필요할 때 사용하는 모드입니다.특징:빠른 응답 속도간단한 질문-답변 형식코드 수.. 2025. 7. 12.
호스팅 서비스 비교 분석 Cafe24, EC2, S3, GitHub Pages 호스팅 서비스 비교 분석 Cafe24, EC2, S3, GitHub Pages 호스팅이란?호스팅(Hosting)은 웹사이트, 앱, 이미지, 데이터 등을 인터넷에서 사용할 수 있도록 서버 공간을 제공하는 서비스입니다.종류는 크게 아래와 같이 나뉩니다:웹호스팅: 웹사이트 전용 환경 제공 (Apache, PHP 등)가상서버/클라우드 서버: 직접 서버 설치 및 구성 (EC2 등)정적 파일 호스팅: HTML, CSS, JS 등만 제공 (S3, GitHub Pages 등)비교 요약 표 항목 Cafe24 HostingAmazon EC2Amazon S3GitHub Pages호스팅 유형웹호스팅클라우드 가상 서버 (IaaS)정적 파일 스토리지정적 웹사이트 전용 호스팅설정 난이도매우 쉬움어려움 (직접 설치)보통 (정적만)매.. 2025. 7. 12.
열대야도 문제없어! 서울 야경과 함께 걷기 좋은 둘레길 열대야도 문제없어! 서울 야경과 함께 걷기 좋은 둘레길낮의 뜨거운 햇볕을 피해 선선한 바람을 맞으며 걷는 둘레길은 한낮과는 또 다른 매력을 선사합니다. 안전을 최우선으로 생각하며, 밤에도 걷기 좋고 야경이 아름다운 서울 둘레길 코스를 소개해 드릴게요.1. 숲 내음 가득, 개운한 여름밤 산책 – 아차산 코스 (5코스 아차산 일부)지도 크게 보기아차산은 서울 시민들에게 사랑받는 대표적인 근교 산입니다.낮에는 등산객들로 북적이지만, 해 질 녘부터는 한결 여유로운 분위기 속에서 산책을 즐길 수 있습니다.특히 광진구 방향의 아차산 생태공원에서 해맞이 광장까지 이어지는 구간은 경사가 완만하고 조명이 비교적 잘 갖춰져 있어 저녁 걷기에 안성맞춤입니다.둘레길 코스 번호: 5코스 아차산 코스 일부추천 구간: 아차산 어울.. 2025. 7. 5.
트렌드 분석 도구 (Google Trends, 네이버 DataLab, 블랙키위, 플러스제로, 웨어이즈포스트) 트렌드 분석 도구 (Google Trends, 네이버 DataLab, 블랙키위, 플러스제로, 웨어이즈포스트)1. 플랫폼 비교 요약표항목Google Trends네이버 DataLab블랙키위플러스제로웨어이즈포스트주요 기능전 세계 검색 트렌드 분석국내 검색·쇼핑 데이터 분석쇼핑몰 상품 트렌드 분석커머스 데이터 기반 마케팅 리포트SNS 키워드·게시물 분석대상 플랫폼Google 검색네이버 검색, 쇼핑스마트스토어 중심스마트스토어, 마켓인스타그램, 블로그, 카페 등검색 범위글로벌 및 지역국내 (한국)네이버 쇼핑몰커머스 전반SNS 채널실시간성낮음중간높음높음매우 높음사용자 대상마케터, 언론인, 리서처국내 마케터, 기획자쇼핑몰 운영자브랜드 마케터SNS 마케터, 브랜드 2. 플랫폼별 상세 분석 & 활용법🔹 Google Tr.. 2025. 5. 10.
react-markdown react-markdown react-markdown은 React 애플리케이션에서 Markdown 텍스트를 HTML 요소로 렌더링해주는 React 컴포넌트 라이브러리입니다. 즉, .md 형식의 텍스트를 JSX 형태로 변환하여 React 앱에서 직접 사용할 수 있게 해줍니다.주요 특징Markdown → React 컴포넌트로 변환일반 문자열의 Markdown 문법 (#, **, -, 등)을 , , 등으로 자동 렌더링합니다.플러그인 기반 확장성remark와 rehype 플러그인을 통해 문법 확장, 커스터마이징, HTML 파싱 제어 등을 할 수 있습니다.XSS 방지기본적으로 HTML 태그를 렌더링하지 않으며, rehype-sanitize 플러그인을 통해 보안을 강화할 수 있습니다.커스터마이징 용이각 Markd.. 2025. 5. 10.
CSS sahpe() CSS sahpe()shape()는 CSS에서 클리핑(Clipping) 또는 플로팅(Floating)과 관련된 컨텍스트에서 등장하는 기능으로, 주로 shape-outside 속성과 함께 사용됩니다. 이 기능은 HTML 요소 주변에 비정형 텍스트 흐름을 만들기 위해 사용됩니다.shape() 함수 개요shape()는 CSS의 기본 함수는 아니며, 사실은 circle(), ellipse(), inset(), polygon() 같은 shape functions(모양 함수)을 총칭하는 표현입니다. 이를 이용해 clip-path나 shape-outside 속성에 다양한 형태를 지정할 수 있습니다.사용 예시1. shape-outside를 이용한 텍스트 흐름.float-img { float: left; shape-.. 2025. 5. 10.

티스토리툴바