전체 글

이벤트 Event 이벤트란 사용자와 웹 브라우저의 상호작용 과정에서 마우스 클릭, 움직임, 스크롤, 타이핑 등의 모든 행동에 의해 발생하는 모든 칭합니다. 이벤트가 발생했다는 것은 웹 페이지에서 특정 동작이 발생하여, 웹 브라우저가 그 사실을 알려주는 것을 의미합니다. 이벤트 핸들러 Event Handler 이벤트 핸들러는 객체의 속성을 이용하여 JavaScript가 인식할 수 있도록 하는 것입니다. 예제 // 이벤트 핸들러 const button = document.querySelector(".btn") button.onclick = function() { console.log("Hello!"); }; // OR button.onclick = () => { console.log("Hello!"); };..

[JavaScript] DOM : Document Object Model (문서 객체 모델) DOM이란? DOM을 풀어서 쓰면 Document Object Model, 즉 문서 객체 모델을 의미합니다. JavaScript를 이용해서 HTML과 CSS를 제어하기 위해서는 필수입니다. 웹 세계에서 모든 HTML 웹페이지는 문서라고 합니다. jangbageum.tistory.com Document 객체 document 객체는 DOM객체 트리의 최상위 객체이며 웹 페이지 그 자체를 의미합니다. 브라우저는 HTML 문서를 로드하기 전에 document 객체를 먼저 만들고 웹 페이지에 존재하는 HTML요소에 접근하려고 할 때는 반드시 document객체부터 시작해야 합니다. document 객체의 역할 - 메서드를..

DOM이란? DOM을 풀어서 쓰면 Document Object Model, 즉 문서 객체 모델을 의미합니다. JavaScript를 이용해서 HTML과 CSS를 제어하기 위해서는 필수입니다. 웹 세계에서 모든 HTML 웹페이지는 문서라고 합니다. 문서 객체 모델은 요소에 더 쉽게 액세스하고 관리할 수 있도록 트리와 같은 구조로 나타냅니다. DOM의 쓰임 DOM은 프로그래밍 언어는 아니지만 소프트웨어가 웹의 구조를 어떻게 이해하는지에 대한 표준입니다. JavaScript 같은 프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 하여, HTML과 CSS로 구성된 웹의 구조에 접근하고 컨트롤할 수 있습니다. JavaScript는 이런 문서 객체 모델을 ..

안녕하세요. 기본 개발환경을 만들기 위한 필수적인 요소인 에디터 비주얼 스튜디오 코드를 다운로드하고 설치하는 방법을 적어보려고 합니다. 비주얼 스튜디오 코드(Visual Studio Code)는 마이크로소프트가 마이크로소프트 윈도우, macOS, 리눅스용으로 개발한 소스 코드 편집기이다. 디버깅 지원과 Git 제어, 구문 강조 기능 등이 포함되어 있으며, 사용자가 편집기의 테마와 단축키, 설정 등을 수정할 수 있다. 비주얼 스튜디오 코드는 깃허브가 개발한 일렉트론 프레임워크를 기반으로 구동된다. 그러나 같은 일렉트론 기반의 편집기 아톰을 포크한 것은 아니며, 비주얼 스튜디오 온라인 에디터(코드명 "모나코")를 기반으로 개발되었다. - 위키백과[비주얼 스튜디오 코드] 설치 파일 다운로드 링크 https:/..

안녕하세요. 윈도우11에서 리눅스 bash쉘을 사용하기 위해서 WSL2를 설치해 보고자 합니다. 기존에 mac을 쓰다가 최근에 윈도우로 넘어오면서 리눅스 기반 쉘에 익숙해져 있다보니 윈도우 위에서 리눅스를 사용할 수 있는 방법을 찾아보았어요😌 WSL은 Windows Subsystem for Linux로 리눅스용 윈도우 하위 시스템입니다. Windows 11의 WSL부터는 리눅스 GUI 앱들을 부분 지원한다고 하네요. 이 부분은 나중에 가지고 놀아볼까 해요. 기본 설치 요건 Windows 10 버전 2004 이상(빌드 19041 이상) 또는 Windows 11 설치 방법 1. 검색 -> Windows PowerShell을 관리자 권한으로 실행해줍니다. 2. wsl --install을 입력해줍니다. 가상 머..