나만의 코드 공방

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

목록

'전체 글' 734건

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

  • 연관 키워드 분석 앱 만들기 - 데이터프레임 시각화하기
    프로그래밍 언어/Python · 댓글
    웹 앱에서 데이터프레임의 인덱스 표시를 숨기고, 숫자 표시 부분에 막대 그래프를 넣어서 수치가 전체 데이터에서 어느 정도를 차지하는지 확인할 수 있게 만듭니다. ch08/step_3_2.pyimport pandas as pdimport streamlit as stfrom streamlit.column_config import NumberColumn, ProgressColumn # 열 스타일 지정 # 03from step_2_4 import OUT_2_4 # 이전에 작성한 모듈을 불러옵니다.from step_3_1 import analyze_keywords, init_pagedef print_dataframe_with_style(keywords: str = None, event: int = None): ..
  • commander, inquirer 사용하기(3)
    프로그래밍 언어/NODE JS · 댓글
    마지막으로 chalk 패키지를 사용합니다. 이 패키지가 특별한 기능을 가진 것은 아니며, 검은색과 흰색밖에 없는 터미널에 색과 스타일을 추가합니다.#!/usr/bin/env nodeconst { program } = require("commander");const fs = require("fs");const path = require("path");const inquirer = require("inquirer");const chalk = require("chalk");const htmlTemplate = ` Hello CLI`;const routerTemplate = `const express = require('express');const router = express.Router();router...
  • 나만의 블로그 만들기
    바이브 코딩/Cursor AI · 댓글
    01 개발을 시작하지 전에는 먼저 계획을 세웁니다. Sequential Thinking을 활성화하여 생각하게 만들어보겠습니다. 새 폴더를 열고 준비합니다. 만약 Sequential Thinking이 제대로 동작하지 않으면 다시 요청하거나 커서 설정을 확인해보는 것도 좋습니다.정적 페이지 빌드가 되는 프로그램을 만들어서 깃허브 페이지에 블로그를 호스팅하려고 해. 내가 원하는 필수 기능은 다음과 같아.1. 정적 페이지로 빌드를 할 수 있어야 해. 빌드한 결과물을 깃허브 페이지에 호스팅할 거야.2. 마크다운으로 글을 작성할 수 있어야 하고, 마크다운으로 작성한 파일을 멋지게 렌더링해야 해.3. 메뉴는 Home, About, Blog가 있고, 파일은 월별로 관리할 수 있어야 해.4. 마크다운 파일에 태그와 카테..
  • 포매팅 태그 라이브러리 사용 실습
    프로그래밍 언어/자바 웹 · 댓글
    1. 다음과 같이 formatTest.jsp 파일을 준비합니다. 2. 다음과 같이 formatTest.jsp를 작성합니다. 변수 price를 태그를 이용해 숫자를 포맷팅하고 price 값을 각각의 형식에 맞게 출력합니다. 이때 price의 값을 새 자리마다 콤마(,)로 구분해서 표시합니다. 단, groupingUsed를 false로 설정한 경우는 콤마(,)를 표시하지 않으며 태그의 var 속성에 설정한 priceNumber로 포매팅한 숫자를 표현 언어에서 출력합니다. fmt의 number 태그를 이용한 숫자 포맷팅 예제. 통화로 표현 시 : 퍼센트로 표현 시 : 일반 숫자로 표현 시 : ${priceNumber} for..
  • 연관 키워드 경쟁 강도 분석 및 웹 앱 만들기
    프로그래밍 언어/Python · 댓글
    streamlit 패키지를 사용해서 지금까지 분석한 연관 키워드 경쟁 강도 분석 데이터를 웹 앱으로 만들어 봅시다.비주얼 스튜디오 코드에서 새로운 파일을 만들고, 파일명을 'step_3_1.py'로 저장하세요. 다음 코드를 입력한 후, 비주얼 스튜디오 코드에서 터미넣을 열고, 'streamlit run ch_08/step_3_1.py' 명령어로 웹 서버를 실행합니다.ch_08/step_3_1.pyimport pandas as pdimport streamlit as stfrom step_2_1 import rel_kwd_to_csv # 이전에 작성한 모듈을 불러옵니다.from step_2_2 import data_cleaningfrom step_2_3 import shop_cnt_to_csvfrom ste..
  • 카드 뒤집기 게임에 보안 챙기기
    바이브 코딩/Cursor AI · 댓글
    01 커서에게 다음과 같이 요청합니다. 그러면 관련 내용을 인지하고 중요한 설정 정보를 환경변수라는 것으로 분리하겠다고 할 겁니다. 이렇게 환경변수로 분리하면 중요한 정보는 로컬에만 남고, 깃허브와 같은 온라인 저장소에는 업로드하지 않게 됩니다. 보안에 유출되지 않도록 수파베이스 접근 키 관련 내용을 분리해줘. 프로젝트 폴더에서 다음과 같이 파일이 분리된 것을 확인했다면 보안을 챙긴 카드 뒤집기 게임 프로젝트가 거의 완성된 것입니다. 02 이제 분리된 상태로 깃허브에 올려 이력을 덮으면 됩니다. 현재 폴더의 파일 목록을 보면 .gitignore라는 파일이 있습니다. 이 파일은 깃허브에 올리면 안 되는 파일을 기록해두는 곳입니다. 03 확인을 완료했다면 이제 깃허브에도 반영해야겠죠? 커서에게 반영된 내용..

프로그래밍 언어/Python

연관 키워드 분석 앱 만들기 - 데이터프레임 시각화하기

웹 앱에서 데이터프레임의 인덱스 표시를 숨기고, 숫자 표시 부분에 막대 그래프를 넣어서 수치가 전체 데이터에서 어느 정도를 차지하는지 확인할 수 있게 만듭니다. ch08/step_3_2.pyimport pandas as pdimport streamlit as stfrom streamlit.column_config import NumberColumn, ProgressColumn # 열 스타일 지정 # 03from step_2_4 import OUT_2_4 # 이전에 작성한 모듈을 불러옵니다.from step_3_1 import analyze_keywords, init_pagedef print_dataframe_with_style(keywords: str = None, event: int = None): ..

프로그래밍 언어/NODE JS

commander, inquirer 사용하기(3)

마지막으로 chalk 패키지를 사용합니다. 이 패키지가 특별한 기능을 가진 것은 아니며, 검은색과 흰색밖에 없는 터미널에 색과 스타일을 추가합니다.#!/usr/bin/env nodeconst { program } = require("commander");const fs = require("fs");const path = require("path");const inquirer = require("inquirer");const chalk = require("chalk");const htmlTemplate = ` Hello CLI`;const routerTemplate = `const express = require('express');const router = express.Router();router...

바이브 코딩/Cursor AI

나만의 블로그 만들기

01 개발을 시작하지 전에는 먼저 계획을 세웁니다. Sequential Thinking을 활성화하여 생각하게 만들어보겠습니다. 새 폴더를 열고 준비합니다. 만약 Sequential Thinking이 제대로 동작하지 않으면 다시 요청하거나 커서 설정을 확인해보는 것도 좋습니다.정적 페이지 빌드가 되는 프로그램을 만들어서 깃허브 페이지에 블로그를 호스팅하려고 해. 내가 원하는 필수 기능은 다음과 같아.1. 정적 페이지로 빌드를 할 수 있어야 해. 빌드한 결과물을 깃허브 페이지에 호스팅할 거야.2. 마크다운으로 글을 작성할 수 있어야 하고, 마크다운으로 작성한 파일을 멋지게 렌더링해야 해.3. 메뉴는 Home, About, Blog가 있고, 파일은 월별로 관리할 수 있어야 해.4. 마크다운 파일에 태그와 카테..

프로그래밍 언어/자바 웹

포매팅 태그 라이브러리 사용 실습

1. 다음과 같이 formatTest.jsp 파일을 준비합니다. 2. 다음과 같이 formatTest.jsp를 작성합니다. 변수 price를 태그를 이용해 숫자를 포맷팅하고 price 값을 각각의 형식에 맞게 출력합니다. 이때 price의 값을 새 자리마다 콤마(,)로 구분해서 표시합니다. 단, groupingUsed를 false로 설정한 경우는 콤마(,)를 표시하지 않으며 태그의 var 속성에 설정한 priceNumber로 포매팅한 숫자를 표현 언어에서 출력합니다. fmt의 number 태그를 이용한 숫자 포맷팅 예제. 통화로 표현 시 : 퍼센트로 표현 시 : 일반 숫자로 표현 시 : ${priceNumber} for..

프로그래밍 언어/Python

연관 키워드 경쟁 강도 분석 및 웹 앱 만들기

streamlit 패키지를 사용해서 지금까지 분석한 연관 키워드 경쟁 강도 분석 데이터를 웹 앱으로 만들어 봅시다.비주얼 스튜디오 코드에서 새로운 파일을 만들고, 파일명을 'step_3_1.py'로 저장하세요. 다음 코드를 입력한 후, 비주얼 스튜디오 코드에서 터미넣을 열고, 'streamlit run ch_08/step_3_1.py' 명령어로 웹 서버를 실행합니다.ch_08/step_3_1.pyimport pandas as pdimport streamlit as stfrom step_2_1 import rel_kwd_to_csv # 이전에 작성한 모듈을 불러옵니다.from step_2_2 import data_cleaningfrom step_2_3 import shop_cnt_to_csvfrom ste..

바이브 코딩/Cursor AI

카드 뒤집기 게임에 보안 챙기기

01 커서에게 다음과 같이 요청합니다. 그러면 관련 내용을 인지하고 중요한 설정 정보를 환경변수라는 것으로 분리하겠다고 할 겁니다. 이렇게 환경변수로 분리하면 중요한 정보는 로컬에만 남고, 깃허브와 같은 온라인 저장소에는 업로드하지 않게 됩니다. 보안에 유출되지 않도록 수파베이스 접근 키 관련 내용을 분리해줘. 프로젝트 폴더에서 다음과 같이 파일이 분리된 것을 확인했다면 보안을 챙긴 카드 뒤집기 게임 프로젝트가 거의 완성된 것입니다. 02 이제 분리된 상태로 깃허브에 올려 이력을 덮으면 됩니다. 현재 폴더의 파일 목록을 보면 .gitignore라는 파일이 있습니다. 이 파일은 깃허브에 올리면 안 되는 파일을 기록해두는 곳입니다. 03 확인을 완료했다면 이제 깃허브에도 반영해야겠죠? 커서에게 반영된 내용..

티스토리툴바