최근 글
HTML 강좌 / div와 span은 언제 사용할까?
div와 span의 차이와 사용 기준을 설명하고, 의미 요소가 없는 경우에만 묶음 요소를 쓰는 예제를 보여 줍니다.
HTML 강좌 / 시맨틱 요소로 페이지 영역 나누기
header, nav, main, section, article, aside, footer의 역할을 구분하고 간단한 페이지를 의미에 맞게 구성하는 방법을 설명합니다.
HTML 강좌 / 반응형 이미지: srcset, sizes, picture
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·CSS·JavaScript의 역할을 비교하고, 간단한 코드가 브라우저에 표시되는 과정과 첫 HTML 파일을 만드는 방법을 알아봅니다.
Python / Pandas / 엑셀 파일들을 CSV로 변환하고 병합하는 방법
Python의 Pandas 모듈을 이용하여 엑셀 파일들을 CSV로 변환하고 병합하는 코드입니다. 시트가 하나인 엑셀 파일을 CSV로 변환, 시트가 여러 개인 엑셀 파일을 CSV로 변환, 폴더 안의 모든 엑셀 파일을 CSV로 변환, 두 개의 CSV 파일 합치기, 폴더 안의 모든 CSV 파일 합치기
Python 강좌 / 가상환경 만들기와 pip로 패키지 관리하기
venv로 프로젝트 환경을 분리하고 python -m pip로 패키지를 관리합니다. 활성화, 버전 기록, 재설치와 설치 환경 불일치 해결 기준을 익힙니다.
Python 강좌 / VS Code에서 Python 코드 작성하고 실행하기
VS Code에서 프로젝트 폴더와 가상환경 인터프리터를 연결합니다. 실행 경로 확인, 간단한 디버깅과 패키지 환경 불일치 해결 방법을 설명합니다.