코딩 초보의 블로그

1. 마우스 핸들링 1) onclick과 ondblclick onclick, 계산기 만들기 계산하고자 하는 수식을 입력하고 계산 버튼을 눌러봐요. 식 값 - onclick: 사용자가 HTML 태그를 클릭했을때, ondbclick은 더블클릭했을때 실행하는 이벤트 리스너이다. - 해당 코드는 계산 버튼을 누르면 입력받은 수식을 계산해 출력하는 간단한 계산기 페이지이다. --> 결과 2) 마우스와 관련된 이벤트 리스너 마우스 관련 이벤트 리스너 마우스 관련 이벤트 가 발생합니다. - onmousedown: HTML 태그에 마우스 버튼을 누르는 순간 - onmouseup: 눌러진 마우스 버튼이 놓여지는 순간 - onmouseover: 마우스가 HTML 태그 위로 올라오는 순간. 자식 영역 포함 - onmouse..

1. Javascript - 1995년 넷스케이프 회사(현제는 없어짐, 문닫기 직전, ECMA사로 넘김)에서 개발되고 Netscape Navigator 2.0 브라우저에 최초로 탐재되어 웹 프로그래밍의 개념을 창시한 언어이다. 1) 모던 자바스크립트 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info - 자바 스크립트의 기본 개념 및 고급 개념을 다루는 사이트이다. - 자바스크립트 문법을 공부할 수 있다. 2. Javascript 언어 1) 자바스크립트 코드의 위치 [1] html 태그의 이벤트 리스너 속성에 작성 마우스 올려 보세요 - 사과 이미지 위에 마우스를 올리면 바나나 이미지로, 내리면 다시 사과 이미지로 바뀌도록 하는 코드이다...

1. CSS - CSS: HTML문서에 색이나 모양, 출력 위치 등 외관을 꾸미는 언어이며, CSS로 작성된 코드를 스타일 시트(style sheet)라고 부른다. 1) CSS스타일 시트로 웹페이지 꾸미기 [1] CSS 적용 X CSS 스타일 맛보기 나는 웹 프로그래밍을 좋아합니다. --> 결과 [2] CSS 적용 O CSS 스타일 맛보기 나는 웹 프로그래밍을 좋아합니다. - 요소의 배경색을 mistyrose로 지정한다. - 요소의 글자 색을 purple로 지정한다. - 수평선을 yellowgreen에 두께 5픽셀 외곽선으로 지정한다. - 요소의 글자를 blue에 20픽셀로 지정한다. --> 결과 2) CSS스타일 시트로 웹페이지 꾸미기 소연재 저는 체조 선수 소연재입니다. 음악을 들으면서 책읽기를 좋아..

1. VSCODE 설치하기 1) Visual Studio Code 사이트 들어가기 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2) Download버튼을 눌러서 자신의 운영체제에 맞추어 다운로..