전체 글34 [HTML5] <img>와 <picture> 차이, srcset과 sizes 활용법 See the Pen picture source srcset sizes by seonyoungg (@seonyoungg) on CodePen.">See the Pen picture source srcset sizes by seonyoungg (@seonyoungg) on CodePen.💡창모드 화면 크기 조정을 통해 이미지가 아래와 같이 나타나고 크기가 알맞게 적용되는지 살펴보자!- 티스토리내 코드펜 사용 시 제대로 확인할 수 없기에 코드펜으로 옮겨가 확인하는걸 추천😉조건나타날 이미지sizes (크기 조정)화면 너비 1400px 이상방일러스트(max-width: 700px) → 100vw(max-width: 1200px) → 50vw그 외 → 33vw화면 너비 768px 이상 1400px 이하.. 2025. 2. 18. [마크다운] 마크다운의 정의 및 작성방법(1) 마크다운(MarkDown)이란?마크다운(Markdown) 은 읽기 쉽고 쓰기 쉬운 문서 형식을 목표로 만들어졌으며, 특히 가독성을 가장 중요하게 한다.마크다운 문서는 복잡한 태그 없이도 일반 텍스트처럼 보이며, HTML로 변환이 가능하다. 여러 텍스트-HTML 필터(Setext, atx, Textile, reStructuredText 등)에서 영향을 받았지만, 가장 큰 영감의 원천은 일반 텍스트 이메일 형식이다.마크다운의 특징간결한 문법✨구두점 문자를 활용하여 직관적으로 의미를 표현예) **강조** → 강조가독성 강조👀마크다운 문서는 마크업된 코드처럼 보이지 않고, 일반 텍스트처럼 쉽게 읽을 수 있음목록, 인용문 등의 형식이 일반 텍스트에서도 자연스럽게 보이도록 설계됨인라인 HTML 지원💻마크다운은 .. 2025. 2. 16. [환경세팅-Windows] NVM, Node 🌍Node.js란 무엇인가?Node.js는 브라우저가 아닌 외부에서 명령어 인터페이스(CLI)와 서버 측 스크립트를 작성할 수 있는 무료 오픈 소스 크로스 플랫폼 JavaScript 런타임 환경JavaScript : Node.js는 JavaScript 언어로 코드를 작성. 웹사이트에서 사용하는 JavaScript와 동일한 언어를 서버나 다른 환경에서도 사용 가능Open Source*EveryWhere : 다양한 운영체제에서 실행 가능nvm-windows설치 시 NVM(Node Version Manager)으로 Windows환경에서 Node버전 관리하기가 가능하다.nvm-windows다운로드 방법을 살펴보도록 하자!😉✅설치 관련사이트 Releases · coreybutler/nvm-windowsA no.. 2025. 2. 13. [Git] Git 버전관리의 시작, Git 명령어(2) 지난 포스팅이git init, git status, git add, git commit, git log 로Git 저장소 설정과 상태확인, 스테이징영역 내 파일 추가,변경사항을 기록 및 이력확인을 위한 가장 기본적인 git 명령어였다고 생각한다. [Git] Git 버전관리의 시작, Git 명령어오늘은 Git 사용을 위한간단한 Git 명령어들을 정리해 볼 예정이다. [Git] Git의 상태와 영역Git은 세 가지 영역으로 나뉘게 된다.1. Working Directory (작업 디렉토리) · 작업 디렉토리는 우리가 실제로seon-xero.tistory.com오늘도 지난시간에 이어서 Git 명령어들을 작성해볼까 한다.Git RestoreGit ResetGit BranchGit SwitchGit Checkou.. 2025. 2. 13. [Git] Git 버전관리의 시작, Git 명령어 오늘은 Git 사용을 위한간단한 Git 명령어들을 정리해 볼 예정이다.Git InitGit StatusGit AddGit CommitGit Log🔥Git Initgit init은 Git 저장소를 초기화하는 명령어이 명령을 사용하면 해당 디렉토리 내에 Git 버전 관리 시스템이 활성화된다Git을 사용하려면 먼저 프로젝트 폴더나 디렉토리에서 git init을 실행해야 한다. 이를 통해 해당 폴더는 일반 폴더에서 Git 저장소로 변환된다git init은 Git을 시작하는 첫 단계로, 이후 다른 Git 명령어들이 정상적으로 작동할 수 있도록 환경을 설정하는 명령어⚠️ Root 위치에서 git init 하지 말기 -> 필요한 폴더에서 설정cd // root 이동mkdir git-practice // root에 .. 2025. 2. 12. [Markdown] 티블로그 마크다운 스타일 적용 글쓰기 노션, 디스코드 등 글을 작성하다보면GUI를 통한 블록설정, 글 작성을 하곤 한다.아니 불편하지않냐구... 나는 불편해... 특히 노션에서 항상 기본블록 클릭해서 하는고...😅마크다운을 사용시이런 GUI방식에서 벗어난 키보드만으로 간단하게 작성이 가능하다.✏️ 마크다운이란?마크다운은 텍스트를 간단한 문법으로 서식화할 수 있는 경량 마크업 언어 HTML처럼 복잡한 태그 없이, 쉽게 문서를 꾸밀 수 있어 GitHub, Discord, Reddit, Notion, 블로그, 문서 작성 등 다양한 곳에서 사용된다.우선 티블로그에서 마크다운을 작성하고자 하면관련 스킨 사용 또는 스킨편집 내 추가 설정을 해줘야 마크다운이 사용가능하다.오늘은 티블로그 마크다운 스타일 적용을 위한 방법을 작성해보려고 한다.(사실 .. 2025. 2. 12. 이전 1 2 3 4 ··· 6 다음
