이 글은 CSS를 이용하여 페이지 레이아웃을 구성하기 위한 기본 속성에 대해 정리한 글이다.CSS 레이아웃CSS에서 레이아웃은 웹 페이지의 요소들을 어떤 방식으로 배치할지 결정하는 개념주요 속성 : display, position, z-index기타 속성 : float, clear, overflow현대 레아아웃 방식 : Flexbox & CSS Griddisplay 속성HTML 요소가 어떻게 배치(렌더링)되느냐를 결정하는 핵심 속성display: block요소가 블록(줄바꿈이 일어다는 단위)으로 배치블록 요소는 가로 영역을 모두 차지하며, 다음 요소가 바로 아래로 내려감width, height, margin, padding 적용 가능대표적인 HTML 요소 : , , ~ 등display: inline요..

이 글은 C++에서 가장 기본이 되는 표준 입출력 방법에 대해 정리한 글이다.C++ 입출력의 기본 개념표준 라이브러리 (iostream)C++에서 가장 기본이 되는 입출력 기능은 iostream 헤더에 정의#include 을 통해 표준 입출력 객체(std::cin, std::cout, std::cerr, std::clog) 등 사용 가능#include // iostream 헤더 포함int main() { std::cout 네임스페이스와 using 구문표준 라이브러리는 std라는 네임스페이스를 사용모든 표준 라이브러리 요소는 std::라는 접두사를 붙이거나, using namespace std; 구문을 통해 네임스페이스 생략 가능// 1) std::cout 방식std::cout 규모가 큰 프로젝트..

이 글은 윈도우 환경에서 Visual Studio Code를 이용한 C++ 개발 환경을 세팅하는 방법에 대해 정리한 글이다.서론왜 VSCode를 사용하는가?오픈 소스가볍고 빠른 속도다양한 확장 기능무료이 외에도 다양한 이유가 존재할 수 있지만, 필자가 생각하기에 가볍고 빠른 속도가 가장 큰 장점인 것 같다. Visual Studio도 사용하기도 하지만, 알고리즘 학습과 같은 학습 과정에서는 VSCode 만큼 괜찮은 프로그램은 아직 찾지 못한 것 같다.시스템 환경현재 필자가 개발 환경을 세팅하는 시점에서, 필자의 노트북에는 Windows 11 Home 24H2 버전이 설치되어 있다.에디션 : Windows 11 Home버전 : 24H2설치 방법1. 컴파일러 설치 (MinGW)MinGW-w64 다운로드 및 ..

CSS 적용 방법인라인 스타일 (inline style)이 문장은 파란색이고, 글자 크기는 20px입니다.HTML 요소의 style 속성을 사용하여 개별적으로 CSS를 적용하는 방법특정 요소에만 스타일을 적용할 때 사용인라인 스타일의 특징특정 요소에 적합한 스타일을 적용스타일을 적용하는 코드가 HTML 문서 내에 존재하기 때문에 유지보수가 어려움CSS 코드가 분리되지 않아 가독성이 떨어짐내부 스타일 (internal style) 이 문장은 빨간색이고, 글자 크기는 18px입니다.HTML 문서의 이 문장은 녹색이고, 글자 크기는 16px입니다..css 파일을 만들어 HTML 문서에 태그를 사용하여 불러오는 방법가장 많이 사용되는 방식이며, 유지보수와 확장성이 뛰어남외부 스타일의 특징여러 HT..

HTML이란?웹 페이지를 구조화하고 콘텐츠를 표현하기 위해 사용되는 언어HTML(HyperText Markup Language)은 마크업 언어로 프로그래밍 언어가 아님주요 특징구조 제공 : 텍스트, 이미지, 링크 등 다양한 요소를 포함하는 웹 페이지의 골격을 만듦링크 연결 : 다른 문서나 웹 페이지로의 하이퍼링크를 지원플랫폼 독립성 : 어떤 기기나 운영체제에서도 동일한 HTML 파일을 표시할 수 있음HTML5 : 최신 표준으로, 멀티미디어 요소를 포함하여 시멘틱 태그를 지원HTML의 기본 구조 주요 콘텐츠 작성 : 해당 문서의 성격을 알리는 선언 >> "이 문서는 HTML 문서입니다"라는 의미 : HTML 문서의 루트(root) 요소로, 모든 HTML 내용은 이 태그 안에 표함lang 속성 : 이 ..