본문 바로가기

전체 글679

[Python] 편집 툴, Visual Studio Code 설치 Visual Studio Code(VS Code) Visual Studio Code (VS Code)는 Microsoft에서 개발한 인기 있는 오픈 소스 코드 에디터입니다. 파이썬 개발에도 매우 유용하며, 다음 단계를 통해 설치할 수 있습니다. Visual Studio Code 다운로드: 웹 브라우저를 열고 Visual Studio Code의 공식 웹사이트인 https://code.visualstudio.com/에 접속합니다. 운영 체제에 맞는 버전을 선택하여 다운로드합니다 (Windows, Linux, macOS 등). 설치 프로그램 실행: 다운로드한 설치 파일을 실행합니다. 설치 과정 중에 'Add to PATH' 옵션을 선택하는 것이 좋습니다. 이렇게 하면 명령 프롬프트나 PowerShell에서 c.. 2024. 1. 22.
[Python] 설치 중에 만나는 이 화면, 패스 길이 제한 해제 파이썬 설치 완료 화면 파이썬을 설치하며 최종적으로 만나는 '설치 성공' 화면입니다. 위 이미지는 Windows 운영 체제에서 Python 3.12.1 버전의 설치가 성공적으로 완료되었음을 보여줍니다. "Setup was successful"이라는 메시지는 파이썬 설치 프로그램이 모든 필요한 파일을 컴퓨터에 올바르게 설치했음을 나타냅니다. 또한, "Disable path length limit" 옵션은 Windows에서 허용하는 경로 길이에 대한 기본 제한(260자)을 해제합니다. 이는 긴 파일 경로명을 가진 파일을 다룰 때 유용하며, 특히 개발자나 복잡한 프로젝트 구조를 가진 사용자에게 도움이 됩니다. 설치가 완료되었으므로, 이제 Windows에서 파이썬을 사용할 준비가 되었습니다. 터미널(명령 프롬프.. 2024. 1. 21.
[CSS] font-style 속성에서 italic과 oblique font-style 속성에서 italic과 oblique font-style 속성에서 italic과 oblique은 모두 글자를 기울게 하는 스타일을 지정하지만, 미묘하게 다른 의미를 가지고 있습니다. Italic (italic): 이탤릭체는 글자의 슬랜트(slant)가 기울어진 스타일을 의미합니다. italic을 사용할 때, 대부분의 경우 글꼴에 포함된 이탤릭 스타일의 글리프를 사용하게 됩니다. 이는 일반 글자와 다르게 디자인된 별도의 글리프로, 각 글자의 모양이 자연스럽게 기울어져 있습니다. 이탤릭체는 일반체와 구별되며, 보통 강조나 인용 구문에 사용됩니다. Oblique (oblique): 오블리크체는 글꼴이 이탤릭체를 별도로 제공하지 않을 때 사용되는 기울기 스타일입니다. 오블리크체는 일반 글자를.. 2024. 1. 20.
[CSS] 인라인(inline) 요소 정의에 쓰이는, span span 태그 태그는 HTML에서 인라인(inline) 요소를 정의할 때 사용되며, 스타일을 적용하거나 특정 부분의 내용에 대해 식별을 할 때 유용합니다. 태그 자체는 어떤 시각적 변화도 주지 않지만, CSS를 사용하여 스타일을 추가하거나 JavaScript로 특정 부분을 조작할 때 식별자로 사용할 수 있습니다. 여기 몇 가지 태그의 주요 특징과 사용 방법을 설명드리겠습니다. 인라인 요소: 태그는 인라인 요소로, 문서의 흐름을 방해하지 않고 텍스트 중간에 삽입될 수 있습니다. 스타일링: 태그는 특정 텍스트 부분에 스타일을 적용하기 위해 사용됩니다. CSS 클래스나 스타일을 직접 적용하여 글자의 색상을 변경하거나 글꼴을 다르게 설정할 수 있습니다. 구분과 강조: 은 문서 내에서 특정 부분을 구분하거나 강조.. 2024. 1. 19.
[CSS] 패딩(padding)까지는 내 몸 CSS에서 패딩(padding) 패딩은 CSS(Cascading Style Sheets)에서 중요한 속성 중 하나로, 웹 요소의 내부 여백을 지정하는 데 사용됩니다. 패딩은 해당 요소의 테두리(Border)와 내용(Content) 사이의 공간을 제어하며, 요소의 크기를 조절하지 않고 내용과 테두리 사이의 여백을 설정하는 데 도움이 됩니다. 패딩의 네 가지 방향 설정: padding-top: 요소의 위쪽 패딩을 지정합니다. padding-right: 요소의 오른쪽 패딩을 지정합니다. padding-bottom: 요소의 아래쪽 패딩을 지정합니다. padding-left: 요소의 왼쪽 패딩을 지정합니다. 패딩 값을 지정: 픽셀(Pixel), 백분율(Percentage), em 등 단위를 사용하여 패딩 값을 설.. 2024. 1. 18.
[CSS] grid로 정렬하기 grid로 정렬하기 CSS의 Grid 레이아웃은 웹 페이지의 레이아웃을 디자인하는 강력한 2차원 레이아웃 시스템입니다. 이 시스템을 사용하면 행과 열을 기반으로 한 복잡한 레이아웃을 쉽게 구현할 수 있습니다. Grid 레이아웃의 기본 개념 컨테이너 (Container): Grid 레이아웃은 Grid 컨테이너 안에 위치한 아이템들을 배치합니다. 컨테이너를 생성하기 위해, CSS의 display 속성에 grid 또는 inline-grid 값을 사용합니다. 아이템 (Item): Grid 컨테이너 내부의 직접적인 자식 요소들을 Grid 아이템이라고 합니다. 행 (Row)과 열 (Column): Grid 레이아웃은 행과 열의 집합으로 구성됩니다. 이를 통해 복잡한 레이아웃을 구성할 수 있습니다. 셀 (Cell):.. 2024. 1. 17.

티스토리툴바