나만의 코드 공방

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

목록

'전체 글' 734건

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

  • HTML5에 추가된 웹 페이지 구조 관련 태그
    프로그래밍 언어/자바 웹 · 댓글
    HTML4에서는 웹 페이지 구조에 해당하는 머리말, 메뉴, 본문, 하단부를 만들 때 태그에 CSS를 활용하는 방식으로 작업을 했습니다. 그러다 보니 태그만 봐서는 그 의미를 잘 알 수 없다는 문제가 있었습니다.따라서 HTML5에서는 이 문제를 보완하기 위해 의미 있는 구조를 나타낼 수 있는 태그들을 추가하여 가독성을 높였습니다. HTML5에 추가된 태그를 다음 표에 정리했습니다.태그설명머리말을 나타내는 태그제목과 부제목을 몪는 태그메뉴 부분을 나타내는 태그제목별로 나눌 수 있는 태그개별 콘텐츠를 나타내는 태그왼쪽 또는 오른쪽에 위치하는 사이드 바를 나타내는 태그하단의 정보를 표시하는 태그 이것만 봐서는 이해가 잘 되지 않을 것입니다. 그림을 통해 HTML4와 HTML5의 웹 페이지 구조가 어떻게 다른..
  • 코스피 지수 시각화하기
    프로그래밍 언어/Python · 댓글
    앞서 수집한 주요 경제지표 데이터에서 코스피지수를 시각화합니다. 가로축에는 날짜를, 세로축에는 코스피지수의 값을 둬서 시간의 흐름에 따른 코스피지수의 변화를 선 그래프로 만들 것입니다. 그래프의 상단에는 경제 지표 항목을 제목으로 두고, 가로와 세로 축에도 레이블을 표시합니다.비주얼 스튜디오에서 새로운 파일을 생성하고 다음과 같이 코드를 입력한 뒤, 대화형 창을 실행합니다. 'output' 폴더에 코스피 지수를 선 그래프로 시각화한 결과들이 'step_3_1.png' 파일러 생성됩니다.from pathlib import Pathimport matplotlib.pyplot as pltimport pandas as pdimport seaborn as snsfrom step_1_1 import OUT_DIR ..
  • winston
    프로그래밍 언어/NODE JS · 댓글
    실제 서버를 운영할 때 console.log와 console.error를 대체하기 위한 모듈입니다.console.log와 console.error를 사용하면 개발 중에는 편리하게 서버의 상황을 파악할 수 있지만, 실제 배포 시에는 사용하기 어렵습니다. console 객체의 메서드들이 언제 호출되었는지 파악하기 힘들 뿐만 아니라 서버가 종료되는 순간 로그들도 사라지기 때문입니다. 에러가 발생하면 에러 메시지를 확인해야 하는데, 서버가 종료되어 에러 메시지들이 날아가버리는 황당한 일이 일어나게 됩니다. 이와 같은 상황을 방지하려면 로그를 파일이나 다른 데이터베이스에 저장해야 합니다. 이떄 winston을 사용합니다.winston을 설치하고 사용 방법을 간단히 알아보겠습니다. 너무나 다양한 방식으로 활용할 수..
  • HTML5 주요 개념
    프로그래밍 언어/자바 웹 · 댓글
    웹 브라우저는 웹 사이트를 만드는 프로그레밍 언어인 HTML, CSS와 자바스크립트으로 이루어진 코드만 인식하여 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 구현하기 위해 도입된 기능입니다. HTML 기능도 꾸준히 업그레이드되어 지금 HTML5 버전(HTML의 최신 버전)이 사용되고 있습니다.HTML5는 기존 HTML4에서는 지원하지 않는 동영상이나 오디오 기능 그리고 지리 위치 정보 등을 지원합니다. 플러그인을 따로 설치하지 않아도 화려한 그래픽 효과를 구현할 수 있으면, 운영체제에 상관없이 스마트폰, 테블릿 같은 모바일 환경에서도 기능을 구현할 수 있습니다.HTML5에..
  • 네이버 서치 MCP로 인기 블로그 분석해 블로그하기
    바이브 코딩/Cursor AI · 댓글
    01 가장 먼저 Naver Search의 API를 신청합니다. 네이버 개발자 센터에 접속하여 로그인합니다. 로그인할 때는 네이버 계정으로 로그인하면 됩니다. 로그인 후에 [Application -> 애플리케이션 등록]으로 이동합니다. 네이버 개발자 센터: https://developers.naver.com/main/ 02 다음 화면을 참고해서 설정값을 입력하거나 선택하고 [등록하기]를 눌러 등록을 마칩니다. 이때 웹 서비스 URL에는 https://localhost가 아닌 http://localhost라고 입력해야 합니다. s를 제외한 http로 입력합니다. 03 그럼 애플리케이션 등록 후 검색 API를 스미더리에 등록할 때 ClientID와 ClientSecret이 나타납니다. 두 값을 복사합니다. 그..
  • 다양한 경제지표 데이터를 한 번에 수집하기
    프로그래밍 언어/Python · 댓글
    이번에는 기준금리, 국고채 금리, 회사체 금리, 코스피지수, 원달러환율 데이터를 한 번에 불러와 액셀 파일에 저장하겠습니다. 필요한 갓은 각 지표의 통계표코드와 통계항목 코드입니다.ECOS의 통계코드검색(https://ecos.bok.or.kr/api/#/DevGuide/StatisticalCodeSearch)페이지에서 다섯 가지 지표의 통계값 코드와 통계항목 코드를 검색합니다. 비주얼 스튜디오 코드에서 새로운 파일을 생성하고 파일명을 'step_2_2.py'로 변경합니다. 다음과 같이 코드를 입력하고 대화형 창에서 실행하면 'output' 폴더에 'step_2_2.xlsx' 파일이 생성됩니다. 출력 파일의 형식이 CSV가 아닌 xlsx인 이유는 엑셀 파일에 지표별로 워크 시트를 생성하기 위해서 입니다...

프로그래밍 언어/자바 웹

HTML5에 추가된 웹 페이지 구조 관련 태그

HTML4에서는 웹 페이지 구조에 해당하는 머리말, 메뉴, 본문, 하단부를 만들 때 태그에 CSS를 활용하는 방식으로 작업을 했습니다. 그러다 보니 태그만 봐서는 그 의미를 잘 알 수 없다는 문제가 있었습니다.따라서 HTML5에서는 이 문제를 보완하기 위해 의미 있는 구조를 나타낼 수 있는 태그들을 추가하여 가독성을 높였습니다. HTML5에 추가된 태그를 다음 표에 정리했습니다.태그설명머리말을 나타내는 태그제목과 부제목을 몪는 태그메뉴 부분을 나타내는 태그제목별로 나눌 수 있는 태그개별 콘텐츠를 나타내는 태그왼쪽 또는 오른쪽에 위치하는 사이드 바를 나타내는 태그하단의 정보를 표시하는 태그 이것만 봐서는 이해가 잘 되지 않을 것입니다. 그림을 통해 HTML4와 HTML5의 웹 페이지 구조가 어떻게 다른..

프로그래밍 언어/Python

코스피 지수 시각화하기

앞서 수집한 주요 경제지표 데이터에서 코스피지수를 시각화합니다. 가로축에는 날짜를, 세로축에는 코스피지수의 값을 둬서 시간의 흐름에 따른 코스피지수의 변화를 선 그래프로 만들 것입니다. 그래프의 상단에는 경제 지표 항목을 제목으로 두고, 가로와 세로 축에도 레이블을 표시합니다.비주얼 스튜디오에서 새로운 파일을 생성하고 다음과 같이 코드를 입력한 뒤, 대화형 창을 실행합니다. 'output' 폴더에 코스피 지수를 선 그래프로 시각화한 결과들이 'step_3_1.png' 파일러 생성됩니다.from pathlib import Pathimport matplotlib.pyplot as pltimport pandas as pdimport seaborn as snsfrom step_1_1 import OUT_DIR ..

프로그래밍 언어/NODE JS

winston

실제 서버를 운영할 때 console.log와 console.error를 대체하기 위한 모듈입니다.console.log와 console.error를 사용하면 개발 중에는 편리하게 서버의 상황을 파악할 수 있지만, 실제 배포 시에는 사용하기 어렵습니다. console 객체의 메서드들이 언제 호출되었는지 파악하기 힘들 뿐만 아니라 서버가 종료되는 순간 로그들도 사라지기 때문입니다. 에러가 발생하면 에러 메시지를 확인해야 하는데, 서버가 종료되어 에러 메시지들이 날아가버리는 황당한 일이 일어나게 됩니다. 이와 같은 상황을 방지하려면 로그를 파일이나 다른 데이터베이스에 저장해야 합니다. 이떄 winston을 사용합니다.winston을 설치하고 사용 방법을 간단히 알아보겠습니다. 너무나 다양한 방식으로 활용할 수..

프로그래밍 언어/자바 웹

HTML5 주요 개념

웹 브라우저는 웹 사이트를 만드는 프로그레밍 언어인 HTML, CSS와 자바스크립트으로 이루어진 코드만 인식하여 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 구현하기 위해 도입된 기능입니다. HTML 기능도 꾸준히 업그레이드되어 지금 HTML5 버전(HTML의 최신 버전)이 사용되고 있습니다.HTML5는 기존 HTML4에서는 지원하지 않는 동영상이나 오디오 기능 그리고 지리 위치 정보 등을 지원합니다. 플러그인을 따로 설치하지 않아도 화려한 그래픽 효과를 구현할 수 있으면, 운영체제에 상관없이 스마트폰, 테블릿 같은 모바일 환경에서도 기능을 구현할 수 있습니다.HTML5에..

바이브 코딩/Cursor AI

네이버 서치 MCP로 인기 블로그 분석해 블로그하기

01 가장 먼저 Naver Search의 API를 신청합니다. 네이버 개발자 센터에 접속하여 로그인합니다. 로그인할 때는 네이버 계정으로 로그인하면 됩니다. 로그인 후에 [Application -> 애플리케이션 등록]으로 이동합니다. 네이버 개발자 센터: https://developers.naver.com/main/ 02 다음 화면을 참고해서 설정값을 입력하거나 선택하고 [등록하기]를 눌러 등록을 마칩니다. 이때 웹 서비스 URL에는 https://localhost가 아닌 http://localhost라고 입력해야 합니다. s를 제외한 http로 입력합니다. 03 그럼 애플리케이션 등록 후 검색 API를 스미더리에 등록할 때 ClientID와 ClientSecret이 나타납니다. 두 값을 복사합니다. 그..

프로그래밍 언어/Python

다양한 경제지표 데이터를 한 번에 수집하기

이번에는 기준금리, 국고채 금리, 회사체 금리, 코스피지수, 원달러환율 데이터를 한 번에 불러와 액셀 파일에 저장하겠습니다. 필요한 갓은 각 지표의 통계표코드와 통계항목 코드입니다.ECOS의 통계코드검색(https://ecos.bok.or.kr/api/#/DevGuide/StatisticalCodeSearch)페이지에서 다섯 가지 지표의 통계값 코드와 통계항목 코드를 검색합니다. 비주얼 스튜디오 코드에서 새로운 파일을 생성하고 파일명을 'step_2_2.py'로 변경합니다. 다음과 같이 코드를 입력하고 대화형 창에서 실행하면 'output' 폴더에 'step_2_2.xlsx' 파일이 생성됩니다. 출력 파일의 형식이 CSV가 아닌 xlsx인 이유는 엑셀 파일에 지표별로 워크 시트를 생성하기 위해서 입니다...

티스토리툴바