AD JB Toolbox 01

최근 글

컴퓨터, 태블릿과 휴대전화에 맞게 표시되는 이미지를 나타낸 그림

HTML 강좌 / 반응형 이미지: srcset, sizes, picture

HTML의 srcset과 sizes로 화면에 맞는 이미지 파일을 선택하고, picture로 좁은 화면의 이미지 구도를 바꾸는 방법을 실제 파일 예제로 설명합니다.

이미지가 삽입된 웹페이지를 나타낸 그림

HTML 강좌 / 이미지 넣기: img, alt, 크기

HTML img 요소로 이미지를 넣고 alt 대체 텍스트와 width·height를 설정하는 방법을 설명합니다. 실제 예제 이미지로 경로와 크기 문제도 확인할 수 있습니다.

강조, 인용, 약어와 코드 표현을 추상적인 웹페이지로 나타낸 그림

HTML 강좌 / 텍스트에 의미 부여하기

HTML의 em, strong, q, blockquote, abbr, code, kbd를 상황에 맞게 쓰는 방법을 예제로 설명합니다. 글자의 모양이 아니라 텍스트의 의미를 표시하는 기준을 익힐 수 있습니다.

문서 정보와 페이지 콘텐츠가 분리된 웹 문서 구조를 추상화한 일러스트

HTML 강좌 / HTML 문서의 기본 구조

HTML 문서를 이루는 doctype, html, head, body의 역할과 기본 작성 순서를 예제로 설명합니다. 문서 정보와 페이지 본문을 구분하고 첫 HTML 파일을 직접 만들어 볼 수 있습니다.

HTML 개념과 웹페이지 구조를 표현한 대표 이미지

HTML 강좌 / HTML의 개념과 웹페이지에서 하는 역할

HTML은 웹페이지의 콘텐츠에 구조와 의미를 부여합니다. HTML·CSS·JavaScript의 역할을 비교하고, 간단한 코드가 브라우저에 표시되는 과정과 첫 HTML 파일을 만드는 방법을 알아봅니다.

돋보기로 데이터베이스 서버의 한 계층을 점검하는 3D 일러스트

PostgreSQL / 메모

PostgreSQL 버전 확인하는 방법 select version();  

여러 표 형식 파일이 데이터 처리 단계를 거쳐 하나의 표 파일로 병합되는 과정

Python / Pandas / 엑셀 파일들을 CSV로 변환하고 병합하는 방법

Python의 Pandas 모듈을 이용하여 엑셀 파일들을 CSV로 변환하고 병합하는 코드입니다. 시트가 하나인 엑셀 파일을 CSV로 변환, 시트가 여러 개인 엑셀 파일을 CSV로 변환, 폴더 안의 모든 엑셀 파일을 CSV로 변환, 두 개의 CSV 파일 합치기, 폴더 안의 모든 CSV 파일 합치기

python pip 01

Python / PIP 사용법

pip는 파이썬으로 작성된 패키지 소프트웨어를 관리하는 패키지 관리 시스템입니다. 파이썬 2.7.9 이후 버전과 파이썬 3.4 이후 버전은 pip를 기본적으로 포함하고 있습니다. pip는 [Windows PowerShell] 또는 [명령 프롬프트]에서 실행할 수 있습니다.

Visual Studio Code Python 04

Python / Visual Studio Code 개발 환경 만들기

파이썬 개발을 위한 도구는 여러 가지가 있습니다. Visual Studio Code도 그 중 하나입니다. VS Code에 Python 확장 기능을 설치하고, Hello World를 출력해보겠습니다.

Python 3.12 설치 02

Python / 설치 / 윈도우에 설치하기

Windows를 OS로 하는 컴퓨터에 Python을 설치하는 방법입니다.