최홍식입니다

querySelectorquerySelector는 DOM에서 CSS 선택자를 사용해서 요소를 찾는 메서드이며, 브라우저가 제공하는 Document API 입니다.CSS 선택자를 인자로 넣으면, 문서에서 처음 매칭되는 하나의 요소를 반환합니다.CSS 선택자: #id, .class, tag, div > p매칭되는 요소가 없으면 null 을 반환합니다.document.querySelector(선택자)왜 undefined 가 아닌 null 을 반환할까?null 은 값이 없다는 명시적인 의미를 갖고 있고, undefined 는 변수에 값이 할당되지 않았거나 정의되지 않은 경우를 의미한다.예시HTML:첫 번째 박스두 번째 박스안녕하세요JavaScript:// ID 선택자const msg = document.quer..

Windows 운영체제를 사용하는 PC에서 Git을 사용하기 위해 설치하는 방법을 정리한 글입니다.Git 설치아래 링크에 접속하여 Windows 설치 파일을 다운로드 받습니다.Git 다운로드 링크💡 Git for Windows/x64 Setup 다운로드 받기. - PC에 탑재된 CPU가 Intel 또는 AMD 인 경우 위 파일로 다운로드 받습니다. 일반적으로 Intel 또는 AMD 입니다.Git 설치 단계다운로드한 설치 파일 실행을 실행하면 아래 이미지와 같은 창이 확인됩니다. 이후 [Next] 버튼을 클릭합니다.설치 경로를 설정하는 부분인데 기본 경로를 사용하기 때문에 [Next] 버튼을 클릭합니다.설치 과정에서 Git Bash는 반드시 포함하여 설치해 주세요.macOS/리눅스에서 사용하는 명령어를 ..

관련 용어 설명인터페이스 (Interface)인터페이스는 사람과 컴퓨터가 소통하는 방식입니다.컴퓨터는 사람처럼 말을 알아듣지 못하기 때문에 컴퓨터와 사람 사이에서 소통을 위한 공통의 약속이 필요한데, 이를 인터페이스라고 합니다.터미널 (Terminal)터미널은 글자 형태로 컴퓨터와 소통할 수 있게 해주는 창입니다.터미널에 입력한 글자(명령어)를 컴퓨터가 읽고 실행하여 결과를 다시 터미널 창에 표시합니다.예시아래 예시 이미지와 같이 맥북에서 터미널을 실행할 수 있고, 명령어를 입력하면 컴퓨터는 명령어를 실행하고 결과를 보여줍니다.정리인터페이스 = 대화 방식터미널 = 글자로 컴퓨터와 대화할 수 있는 창CLI (Command Line Interface)정의텍스트 기반 명령어를 입력하여 컴퓨터와 상호 작용하는 ..

HTML(HyperText Markup Language)HTML 은 웹 페이지의 구조를 정의하는 마크업 언어입니다.하이퍼 텍스트(HyperText)하이퍼 텍스트란 다른 문서나 웹 페이지로 연결되는 텍스트를 의미합니다. 흔히 어떤 텍스트를 누르면 특정 링크로 이동되는 것을 볼 수 있는데, 이걸 하이퍼 텍스트라고 합니다. 아래 예시의 MDN HTML 문서를 클릭하면, 특정 페이지로 이동되는 걸 확인할 수 있습니다.더 자세한 정보는 MDN HTML 문서에서 확인하세요.실제 HTML 로 작성된 코드는 아래와 같습니다.// HTML 작성 예시더 자세한 정보는 MDN HTML 문서에서 확인하세요.정보의 연결성하이퍼텍스트 덕분에 웹은 단순한 문서의 모음이 아닌 정보가 서로 연결된 네트워크로 형성될 수 있습니다.💡 ..

IT 문의 중 “지급받은 모니터로 데이지 체인 구성이 가능한지”에 대한 질문을 받았습니다. 이 과정에서 MST와 데이지 체인이라는 개념을 처음 접하게 되어 내용을 정리해보는 시간을 갖고자 합니다.MST란?MST는 Multi-Stream Transport의 약자로, DisplayPort 1.2 표준에 도입된 기술입니다.이 기능을 사용하면 하나의 DP(DisplayPort) 포트로 여러 대의 모니터를 직렬(데이지 체인) 방식으로 연결할 수 있습니다.일반적으로는 모니터 한 대당 노트북/PC에 각각 케이블을 연결해야 하지만, MST를 활용하면 한 대의 모니터만 노트북/PC에 연결한 뒤, 모니터들끼리 연속적으로 연결하여 다중 화면 출력을 구성할 수 있습니다. 💡참고: MST를 사용하려면 노트북과 모니터가 모두 ..