Recent Posts

상속(inheritance) CSS 속성은 상속하는 속성과 상속하지 않는 속성이 있습니다. 상속하는 속성은 자식 요소에 영향을 미칩니다. 상속하지 않는 속성은 자식 요소에 영향을 미치지 않습니다. 예를 들어 color는 상속하는 속성입니다. 부모 요소에서 정한 색이 자식 요소에도 적용됩니다. 예를 들어 padding은 상속하지 않는 속성입니다. 부모 요소에서 padding을 정의해도 자식 요소에 적용되지 않습니다. 예제 […]

들여쓰기와 내어쓰기는 text-indent 속성으로 만듭니다. 값이 양수이면 들여쓰기, 값이 음수이면 내어쓰기가 됩니다. 내어쓰기를 할 때는 왼쪽에 여백을 적절히 줍니다.

글자 사이의 간격은 letter-spacing으로, 단어 사이의 간격은 word-spacing으로 정합니다. 값이 커지면 간격이 커집니다. 값에는 음수를 넣을 수 있습니다. 음수를 값으로 하는 경우 글자가 겹칠 수 있습니다.

Visual Studio Code를 여러 기기에서 사용한다면 설정을 동기화하는 것이 편합니다. 설정 동기화를 사용하기 위해서는 Github 또는 Microsoft 계정이 필요합니다. 동기화하는 방법은 다음과 같습니다. [File > Preference > Turn on Settings Sync...]를 클릭합니다. [Sign in & Turn on]을 클릭합니다. Github 또는 Microsoft 계정으로 로그인합니다. 동기화 여부는 아래와 같이 확인할 수 있습니다.

많은 텍스트를 전부 대문자로 바꾸거나 소문자로 바꿔야 할 때가 있습니다. 비쥬얼 스튜디오 코드는 그 작업을 위한 기능을 포함하고 있습니다. 변환하려는 텍스트를 선택합니다. [Ctrl + Shift + P]를 누릅니다. transform을 입력합니다. 원하는 것을 선택하고 엔터 키를 누릅니다. 명령에 따른 결과는 다음과 같습니다. Transform to Lowercase : 모두 소문자로 변경 Transform to […]

Visual Studio Code에서 탭 크기를 설정하는 방법은 다음과 같습니다. [File - Preference - Settings]를 클릭하여 설정 파일을 엽니다. tab으로 검색한 후 왼쪽에서 [Text Editor]를 클릭합니다. [Editor: Tab Size]에서 탭 크기를 정합니다. [Editor: Insert Spaces]에서 탭에 공백을 사용할 지 정합니다.

주석 블록 주석 : Alt + Shift + A 한 줄 주석 : Ctrl + / 주석 단축키가 되지 않으면, 한글 입력기가 Microsoft 입력기인지 확인합니다. 한컴 오피스가 설치되어 있는 경우 한글 입력기가 한컴 입력기인 경우 문제가 생깁니다. 접기(fold), 펴기(unfold) 접기 : Ctrl + Shift + [ 펴기 : Ctrl + […]

Visual Studio Code를 설치하면 시스템의 언어로 세팅이 됩니다. 즉 윈도우에 설치했을 때 윈도우의 언어가 한글이라면 Visual Studio Code의 언어도 한글이 됩니다. 만약 언어를 영어로 변경하고 싶다면, 다음과 같이 합니다. [Crtl + Shift + P]를 누릅니다. 그러면 상단에 명령을 입력하는 창이 나오는데... 언어라고 입력하면 관련 메뉴들이 나옵니다. 그 중 [표시 언어 […]

CSS 문법은 선택자(selector), 속성(property), 값(value)의 조합으로 구성됩니다. 다음은 가장 간단한 CSS 코드입니다. h1 { color: red } h1, color, red 세 개의 단어가 있는데 각각 선택자, 속성, 값입니다.

pre 태그는 HTML에서 "preformatted text"를 정의하는 데 사용됩니다. 이 태그는 HTML 문서에서 텍스트를 작성한 그대로 표시하도록 하여, 공백과 줄바꿈을 유지하는 특징이 있습니다. 일반적으로 코드 블록, ASCII 아트, 또는 공백과 줄바꿈을 유지해야 하는 텍스트를 표시할 때 사용됩니다.