나만의 코드 공방

코드로 놀고, 언어로 성장하는 공방.

목록

'전체 글' 737건

코드로 놀고, 언어로 성장하는 공방.

  • Supabase MCP Server 설치하고 데이터베이스 사용하기
    바이브 코딩/Cursor AI · 댓글
    01 수파베이스 MCP를 사용하려면 먼저 수파베이스 홈페이지에서 회원가입 후 액세스 토큰을 발급받아야 합니다. 커서는 이 액세스 토큰을 이용해 웹에 있는 수파베이스에 접근하고, 데이터를 읽거나 쓰는 등 다양한 조작을 할 수 있습니다. 다음의 수파베이스 홈페이지에 들어가 회원가입 후 로그인을 한 다음 프로필 아이콘에서 [Account preferences]를 누릅니다.수파베이스 홈페이지: https://supabase.com/ Supabase | The Postgres Development Platform.Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, ..
  • Context7 설치하고 간단한 카드 뒤집기 게임 만들어보기
    바이브 코딩/Cursor AI · 댓글
    01 Context7은 Sequential Thinking과 마찬가지로 동일한 방식으로 설치하면 됩니다. 별 어려움이 없으니 설치가 완료된 후 커서 설정에서 MCP Tools의 해당 MCP에 초록불이 제대로 들어오는지 꼭 확인하기 바랍니다.스미더리 Context7 설치 링크: https://smithery.ai/servers/upstash/context7-mcp 02 프롬프트에 'use Context7' 또는 'Context7을 사용해서~'라는 내용을 넣으면 Context7을 사용할 수 있습니다. 이렇게 하면 LLM 특유의 기존에 학습한 데이터로만 답변하거나 코딩하는 것이 아니라, 최신 문서를 기반으로 코드를 작성하므로 오류가 크게 줄어듭니다. 그럼 커서에게 최신 문서만 참고해서 간단한 카드 뒤집기 게임..
  • 연관 키워드 경쟁 강도 분석하기 - 키워드별 경쟁 강도 분석하기
    프로그래밍 언어/Python · 댓글 1
    키워드별 상품 개수 수집비주얼 스튜디오 코드에서 새로운 파일을 생성하고, 파일명을 'step_2_3.py'로 저장합니다. 다음 코드를 입력한 후, 대화형 창에서 실행하면, 'output' 폴더에 키워드별 상품 개수가 포함된 'step_2_3.csv' 파일이 생성됩니다. ch08/step_2_3.pyimport timefrom pathlib import Pathimport pandas as pdfrom tqdm import tqdm # 진행 표시줄 관리를 위한 tqdm 클래스from step_1_1 import OUT_DIR # 이전에 작성한 모듈을 불러옵니다.from step_1_2 import query_naver_shopfrom step_2_2 import OUT_2_2OUT_2_3 = OUT_DIR..
  • MCP 설치를 위한 스미더리 회원가입
    바이브 코딩/Cursor AI · 댓글
    MCP는 스미더리라는 사이트에서 설치할 수 있습니다. 스미더리를 잘 이용하면 유용한 MCP를 쉽게 찾을 수 있을 뿐만 아니라 설치도 쉽게 할 수 있습니다. 01 스미더리에 접속하면 다음 화면이 보입니다. 오른쪽 위에 있는 [Login]을 누르세요. 그러면 깃허브와 구글로 로그인하라는 안내창이 뜹니다. [Continue with Github]를 눌러 깃허브 계정을 이용하여 로그인을 진행하겠습니다. 만약 깃허브 계정이 없다면 회원가입 후 여기로 돌아오세요.스미더리 홈페이지: https://smithery.ai/ 02 깃허브로 로그인한 후에 가장 먼저 할일은 자신의 계정 아이콘을 누르고 [Profile & API Keys]에서 스미더리 API 키를 생성하는 것입니다. 여기서 사용할 API 키는 코드에 사용할 ..
  • commander, inquirer 사용하기(1)
    프로그래밍 언어/NODE JS · 댓글
    commander를 사용하여 예제 프로그램을 제작합니다. commander와 더불어 CLI 프로그램과 사용자 간의 상호작용을 돕는 inquirer 패키지, 콘솔 텍스트에 스타일을 추가하는 chalk 패키지도 함께 사용합니다.commander와 inquirer, chalk을 설치합니다.$ npm i commander@5 inquirer chalk 프로그램을 commander와 inquirer로 재작성할 것입니다. 먼저 commander 사용법부터 간단히 알아봅시다.#!/usr/bin/env nodeconst { program } = require("commander");program.version("0.0.1", "-v, --version").name(cli);program .command("templa..
  • JSP 페이지에 다국어 표시하기
    프로그래밍 언어/자바 웹 · 댓글
    1. 먼저 프로젝트의 WebContent 폴더에 test05 폴더를 만든 후 message1.jsp 파일을 저장합니다. 2. message1.jsp 파일을 다음과 같이 작성합니다. 태그를 이용해 표시할 locale(언어)을 지정한 후 태그를 이용해 resource 패키지의 프로퍼티 파일을 읽어옵니다. 그리고 태그를 이용해 프로펴티 파일의 키(key)에 대한 값을 각각 출력합니다. --%> 회원정보 이름: 주소: 직업: 3. http://localhost:8080/pro14/test05/message1.jsp로 요청합니다. 최초 요청 시 한글로 회원 정보를 출력합니다. 4. message1.jsp에서 한글 locale을 주석 처리하고 영어 locale..

바이브 코딩/Cursor AI

Supabase MCP Server 설치하고 데이터베이스 사용하기

01 수파베이스 MCP를 사용하려면 먼저 수파베이스 홈페이지에서 회원가입 후 액세스 토큰을 발급받아야 합니다. 커서는 이 액세스 토큰을 이용해 웹에 있는 수파베이스에 접근하고, 데이터를 읽거나 쓰는 등 다양한 조작을 할 수 있습니다. 다음의 수파베이스 홈페이지에 들어가 회원가입 후 로그인을 한 다음 프로필 아이콘에서 [Account preferences]를 누릅니다.수파베이스 홈페이지: https://supabase.com/ Supabase | The Postgres Development Platform.Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, ..

바이브 코딩/Cursor AI

Context7 설치하고 간단한 카드 뒤집기 게임 만들어보기

01 Context7은 Sequential Thinking과 마찬가지로 동일한 방식으로 설치하면 됩니다. 별 어려움이 없으니 설치가 완료된 후 커서 설정에서 MCP Tools의 해당 MCP에 초록불이 제대로 들어오는지 꼭 확인하기 바랍니다.스미더리 Context7 설치 링크: https://smithery.ai/servers/upstash/context7-mcp 02 프롬프트에 'use Context7' 또는 'Context7을 사용해서~'라는 내용을 넣으면 Context7을 사용할 수 있습니다. 이렇게 하면 LLM 특유의 기존에 학습한 데이터로만 답변하거나 코딩하는 것이 아니라, 최신 문서를 기반으로 코드를 작성하므로 오류가 크게 줄어듭니다. 그럼 커서에게 최신 문서만 참고해서 간단한 카드 뒤집기 게임..

프로그래밍 언어/Python

연관 키워드 경쟁 강도 분석하기 - 키워드별 경쟁 강도 분석하기

키워드별 상품 개수 수집비주얼 스튜디오 코드에서 새로운 파일을 생성하고, 파일명을 'step_2_3.py'로 저장합니다. 다음 코드를 입력한 후, 대화형 창에서 실행하면, 'output' 폴더에 키워드별 상품 개수가 포함된 'step_2_3.csv' 파일이 생성됩니다. ch08/step_2_3.pyimport timefrom pathlib import Pathimport pandas as pdfrom tqdm import tqdm # 진행 표시줄 관리를 위한 tqdm 클래스from step_1_1 import OUT_DIR # 이전에 작성한 모듈을 불러옵니다.from step_1_2 import query_naver_shopfrom step_2_2 import OUT_2_2OUT_2_3 = OUT_DIR..

바이브 코딩/Cursor AI

MCP 설치를 위한 스미더리 회원가입

MCP는 스미더리라는 사이트에서 설치할 수 있습니다. 스미더리를 잘 이용하면 유용한 MCP를 쉽게 찾을 수 있을 뿐만 아니라 설치도 쉽게 할 수 있습니다. 01 스미더리에 접속하면 다음 화면이 보입니다. 오른쪽 위에 있는 [Login]을 누르세요. 그러면 깃허브와 구글로 로그인하라는 안내창이 뜹니다. [Continue with Github]를 눌러 깃허브 계정을 이용하여 로그인을 진행하겠습니다. 만약 깃허브 계정이 없다면 회원가입 후 여기로 돌아오세요.스미더리 홈페이지: https://smithery.ai/ 02 깃허브로 로그인한 후에 가장 먼저 할일은 자신의 계정 아이콘을 누르고 [Profile & API Keys]에서 스미더리 API 키를 생성하는 것입니다. 여기서 사용할 API 키는 코드에 사용할 ..

프로그래밍 언어/NODE JS

commander, inquirer 사용하기(1)

commander를 사용하여 예제 프로그램을 제작합니다. commander와 더불어 CLI 프로그램과 사용자 간의 상호작용을 돕는 inquirer 패키지, 콘솔 텍스트에 스타일을 추가하는 chalk 패키지도 함께 사용합니다.commander와 inquirer, chalk을 설치합니다.$ npm i commander@5 inquirer chalk 프로그램을 commander와 inquirer로 재작성할 것입니다. 먼저 commander 사용법부터 간단히 알아봅시다.#!/usr/bin/env nodeconst { program } = require("commander");program.version("0.0.1", "-v, --version").name(cli);program .command("templa..

프로그래밍 언어/자바 웹

JSP 페이지에 다국어 표시하기

1. 먼저 프로젝트의 WebContent 폴더에 test05 폴더를 만든 후 message1.jsp 파일을 저장합니다. 2. message1.jsp 파일을 다음과 같이 작성합니다. 태그를 이용해 표시할 locale(언어)을 지정한 후 태그를 이용해 resource 패키지의 프로퍼티 파일을 읽어옵니다. 그리고 태그를 이용해 프로펴티 파일의 키(key)에 대한 값을 각각 출력합니다. --%> 회원정보 이름: 주소: 직업: 3. http://localhost:8080/pro14/test05/message1.jsp로 요청합니다. 최초 요청 시 한글로 회원 정보를 출력합니다. 4. message1.jsp에서 한글 locale을 주석 처리하고 영어 locale..

티스토리툴바