본문 바로가기

전체 글679

[HTML] Chrome의 '페이지 소스 보기'와 '검사'의 차이 Chrome의 '페이지 소스 보기'와 '검사'의 차이 웹 문서의 소스를 보는 방법은 다음 두 가지가 있습니다. 웹 페이지에서 마우스 우클릭을 하면 팝업 메뉴 아래쪽에 '페이지 소스 보기'와 '검사' 항목이 있습니다. 페이지 소스 보기 크롬 웹 브라우저의 메뉴 옵션 중 '페이지 소스 보기'와 '검사' 기능이 있습니다. '페이지 소스 보기(Ctrl+U)'는 현재 웹 페이지의 소스 코드를 사용자에게 보여주는 기능입니다. 이를 통해 사용자는 HTML, CSS 및 웹 페이지에 포함된 스크립트 등을 볼 수 있습니다. 보통 웹 페이지의 구조를 이해하거나 특정 코드를 찾고자 할 때 사용됩니다. 검사 반면에 '검사' 기능은 개발자 도구를 열어 줍니다. 이 도구를 사용하면 웹 페이지의 소스 코드뿐만 아니라 DOM(Docu.. 2024. 2. 17.
[파이썬] 모듈과 클래스 모듈과 클래스 모듈과 클래스는 파이썬 프로그래밍에서 매우 중요한 개념입니다. 이 두 개념을 이해하는 것은 코드의 구조를 개선하고, 재사용 가능하며, 유지 보수가 쉬운 프로그램을 작성하는 데 도움이 됩니다. 모듈(Module) 모듈은 파이썬 코드를 조직화하는 기본 단위입니다. 간단히 말해서, 모듈은 함수, 변수, 클래스 등을 포함할 수 있는 파일입니다. 이를 통해 코드를 여러 파일로 분리하여 관리할 수 있으며, 필요할 때 재사용할 수 있습니다. 모듈을 사용하면 코드의 가독성과 유지 보수성이 향상되며, 네임스페이스를 통해 변수 이름 충돌을 방지할 수 있습니다. 모듈을 사용하는 방법은 매우 간단합니다. 파이썬 파일(.py)을 작성하고, 이 파일 내에 필요한 함수, 변수, 클래스 등을 정의합니다. 다른 파이썬 .. 2024. 2. 16.
[HTML] 제목이나 주제를 나타내는, Hn 태그 제목이나 주제를 나타내는, Hn 태그 HTML에서 hn 태그는 제목을 나타내는 태그로, h1에서 h6까지 있습니다. 각각은 다른 수준의 제목을 나타내며, h1이 가장 높은 수준의 제목을 의미하고 h6은 가장 낮은 수준의 제목을 의미합니다. 이들은 일반적으로 글의 구조를 나타내는 데 사용되며, 검색 엔진 최적화(SEO)에도 중요한 역할을 합니다. 검색 엔진은 이 태그들을 사용하여 페이지의 내용을 구조화하고 중요한 정보를 파악합니다. 다음은 hn 태그의 간단한 사용 예시입니다: 메인 제목 부제목 소제목 섹션 제목 하위 섹션 제목 최하위 섹션 제목 h1 태그는 보통 페이지의 가장 중요한 제목, 즉 페이지의 주제를 나타내는 데 사용되며, 나머지 h2부터 h6까지의 태그는 부제목이나 하위 섹션의 제목을 나타내는 .. 2024. 2. 15.
[VSCode] Visual Studio Code 편집 중인 HTML 문서 Visual Studio Code 편집 중인 HTML 문서의 기본 골격 이 문서에는 간단한 HTML 마크업이 있으며, 기본적인 웹 페이지 구조를 가지고 있습니다. HTML 문서 구성 : 문서 유형 선언으로, 이 HTML 문서가 HTML5 버전임을 나타냅니다. : HTML 문서의 시작을 나타내며, lang 속성으로 페이지의 주 언어가 한국어임을 선언합니다. : 웹 페이지의 메타데이터를 포함하는 부분으로, 여기에는 문자 인코딩, 뷰포트 설정, 웹 페이지 제목 등이 포함됩니다. : 문자 인코딩을 UTF-8로 설정합니다. : 호환성을 위해 지정되며, IE 브라우저가 최신 모드로 문서를 렌더링 하도록 지시합니다. : 반응형 웹 디자인을 위한 뷰포트 설정입니다. My First Web Page!: 웹 페이지의 제목.. 2024. 2. 14.
[VSCode] Visual Studio Code Visual Studio Code Visual Studio Code(이하 VSCode)는 마이크로소프트에서 개발한 오픈 소스 코드 편집기입니다. 다양한 운영 체제에서 사용할 수 있으며, Windows, macOS, 그리고 Linux를 지원합니다. 개발자들 사이에서 매우 인기가 높으며, 주요 특징은 다음과 같습니다. VSCode 특징 다중 언어 지원: VSCode는 JavaScript, TypeScript, Python, PHP, C++, C#, Java 등 포함하여 다양한 프로그래밍 언어를 지원합니다. 이는 구문 강조, 코드 자동완성(인텔리센스), 코드 리팩토링 등의 기능을 포함합니다. 확장 프로그램: 사용자는 VSCode의 기능을 확장할 수 있는 수천 가지의 확장 프로그램을 설치할 수 있습니다. 이를 .. 2024. 2. 14.
[Git] Git 활용법: 특정 파일 확장자 커밋 제외하기 - .gitignore 설정 가이드 Git 활용법: 특정 파일 확장자 커밋 제외하기 - .gitignore 설정 가이드 Git을 사용하여 특정 파일 형식을 커밋에서 제외하고 싶으시다면 .gitignore 파일을 사용하는 방법이 가장 일반적입니다. .gitignore 파일은 Git에서 무시해야 할 파일 패턴을 지정할 수 있게 해 줍니다. *.txt 파일을 제외하고 모든 .xhtml 파일과 기타 파일 형식들을 커밋에서 제외하려면 다음과 같이 하십시오. 프로젝트의 루트 디렉터리에 .gitignore 파일을 생성하거나 편집합니다. .gitignore 파일에 다음 패턴을 추가합니다:이 패턴은 모든 .xhtml 파일을 무시하도록 지시합니다. *.xhtml 다른 파일 형식들도 무시하고 싶다면, 각각의 확장자에 대해 위와 같은 패턴을 .gitignore.. 2024. 2. 14.

티스토리툴바