자바스크립트 변수와 상수: var, let, const 차이점과 사용법 자바스크립트에서 데이터(값)를 저장하기 위한 공간으로 변수와 상수를 사용하며, 변수는 var, let, const 세 가지 키워드를 사용하여 선언할 수 있습니다. 변수는 다른 프로그래밍 언어에서와 마찬가지로 자바스크립트에서도 가장 기본적이고 핵심적인 역할을 합니다. 그럼 자바스크립트의 변수(var, let)와 상수(const)에 대해서 알아보겠습니다. ▼ 목차 1. 변수 선언의 규칙 1. 변수 이름은 문자, […]
자바스크립트 HTML 추가 및 작성 위치 (async, defer) 자바스크립트 코드를 HTML 문서에 추가하는 방법에는 내부 스크립트와 외부 스크립트 두 가지가 있습니다. 그리고 HTML 문서에서 자바스크립트 코드를 작성하는 위치도 중요하고 자바스크립트 파일을 HTML 문서에 추가할 때 ‘async’와 ‘defer’ 속성을 사용할 수도 있습니다. 그럼 자바스크립트 코드를 HTML 문서에 추가하는 방법에 대해서 알아보겠습니다. ▼ 목차 1. 자바스크립트 코드를
VSCode에서 소스 코드(일부, 전체) 인쇄 및 pdf 저장 방법 VS Code 편집기에서는 소스 코드를 인쇄하는 기본적인 기능은 제공되지 않습니다. 하지만, 확장 프로그램을 설치하여 인쇄 기능을 사용할 수 있습니다. “Print”라는 확장 프로그램을 사용하면 소스 코드를 쉽게 인쇄할 수 있습니다. 이 확장 프로그램은 소스 코드 전체 인쇄 또는 선택한 코드 블록만 인쇄할 수 있습니다. 그럼 “Print” 확장
VSCode 공백 문자 표시 및 줄 끝의 모든 공백 제거 방법 VS Code 편집기에서 코딩할 때 가독성을 위해서 Tab키 또는 스페이스바를 사용하여 공백을 줍니다. 필요시 공백을 표시하면 코딩을 할 때 유용합니다. 확장 프로그램을 사용하면 공백을 색깔별로 표시해 주기도 합니다. 그리고 코딩을 하다 보면 줄의 끝에 공백이 들어가는 경우가 많습니다. 크게 영향은 없지만 불필요한 공백은 제거해
VSCode 탭 간격 설정 변경 방법 (기본 설정, 특정 파일만) Visual Studio Code 편집기에서 코딩을 할 때 Tab키를 자주 사용합니다. 코드를 들여 쓰기 할 때 스페이스바를 사용할 수 있지만 Tab키를 사용하면 설정된 사이즈만큼 자동으로 들여 쓰기가 되어 편리합니다. 보통은 개발툴을 설치 후 환경설정에서 글꼴 및 탭 사이즈를 조정합니다. 요즘은 모니터 해상도가 좋아 전 모든 개발툴에
VSCode 글꼴(폰트) 변경하는 방법 및 적용 예시 개발 툴을 설치하고 난 뒤에 맨 처음으로 환경설정을 합니다. 환경설정 중에서도 코드 편집창에서 작업할 폰트와 탭 간격 설정은 반드시 합니다. 저는 예전부터 모든 개발툴에 “Consolas” 글꼴에 탭은 “4칸 공백”으로 설정하여 사용합니다. VS Code 편집기에서는 제가 설정하는 값으로 기본으로 세팅되어 있습니다. 그럼 Visual Studio Code에서 글꼴을 변경하는 방법에 대해서
VSCode에서 소스 코드, 파일 내용 비교하는 방법 Visual Studio Code 편집기는 두 파일의 소스 코드 또는 텍스트 내용을 비교할 수 있습니다. 뿐만 아니라 활성화된 파일에서 이전에 저장된 파일과 비교할 수 있고 활성화된 파일에서 클립보드와 비교할 수도 있습니다. 프로그램 개발에서 반드시 있어야 되는 기능이기도 합니다. 그럼 소스를 비교하는 방법에 대해서 알아보겠습니다. ▼ 목차 1. 두 파일의
CSS z-index 속성 사용법 및 예제 (ChatGPT 활용) CSS z-index 속성에 대해서 블로그 글 작성을 하려고 했는데 관련 내용을 ChatGPT에 질문을 하고 답변 내용을 확인 후에 글 작성을 포기했습니다. 굳이 제가 작성해서 설명하는 것보다 훨씬 더 잘 설명하는 것 같습니다. 요즘 ChatGPT를 가끔씩 사용하는데 특히 IT 기술 관련 부분에서 답변이 놀라울 따름입니다. IT 관련 주제로
VSCode에서 ChatGPT 확장 프로그램 설치 및 사용하기 요즘 OpenAI에서 개발한 인공지능 챗봇인 ChatGPT가 많은 화제입니다. 무료 버전으로 요즘 많이 사용하고 있는데 질문에 대한 답이 거의 원하는 수준으로 제공하는 것 같습니다. 특히 프로그램 코드 작성이 장난이 아닌 것 같습니다. 출시된 지 얼마 되지 않았는데 인기가 많아 VSCode 확장 프로그램도 많이 나온 것 같습니다. VSCode로 코드를 작성할
CSS div 스크롤바 생성, overflow 속성 (scroll, auto 등) overflow 속성은 블록 요소 안에 콘텐츠의 내용이 너무 많아 범위를 벗어나는 경우에 어떻게 처리할지를 지정합니다. 지정 방법은 넘친 콘텐츠를 그대로 보여주기, 잘라내기, 스크롤바 생성 등이 있습니다. 그럼 예제로 overflow 속성에 대해서 알아보겠습니다. ▼ overflow 속성 속성 값 설명 visible 영역을 벗어난 부분까지 전부 보이게 처리합니다. 기본값입니다.
