분류 전체보기(129)
-
node.js 시작 2022.07.19
-
[javascript] 이벤트, button, onclick, 자바스크립트에서의 함수 정의
😮이벤트 특정 버튼을 클릭했을 때 웹브라우저는 이벤트를 감지할 수 있으며, 이를 통해 사용자와 웹페이지가 서로 상호작용 가능 대부분의 함수는 사용자가 화면에서 버튼을 클릭하거나 항목을 선택했을 때 실행된다. 이처럼 버튼을 클릭하거나 선택하는 것을 '이벤트'라고 한다. 그리고 이벤트가 발생했을 때 실행하는 함수를 '이벤트 처리기'라고 한다. 자바스크립트의 이벤트는 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올 때, 폼(form)에 내용을 입력할 때 발생한다. 😮onclick 속성 : 클릭되었을 시 발생되는 이벤트 😮 자바스크립트에서 함수의 정의는 function 키워드로 시작한다. 1. 함수의 이름 2. 함수의 매개변수(parameter:) 3. 중괄호 불록의 자바스크립트 실행문 강아지 이름 댕댕이..
2022.07.18 -
[javascript] prompt 예제
✍️1. prompt 함수를 사용해서 등급(A,B,C)을 입력받은 후 변수에 저장, switch문으로 해당 등급을 alert 함수로 출력하기 ✍️2. 이중 for문과 document.write()를 사용해서 웹브라우저에 2~9단까지 구구단 출력하기
2022.07.18 -
[javascript]기본 입출력 alert(메세지), confirm(메세지), prompt(메세지) 또는 prompt(메세지, 기본값)
🤗 alert(메세지) - 알림창 🤗 confirm(메세지) - 확인창 - confirm 함수는 사용자에게 true/false 값을 리턴받을 수 있는 합업창을 띄워주는 함수 - 사용자의 선택에 따라 true/false 값을 받아서 로직처리를 할 수 있다. - 자바스크립트는 타입을 명시할 필요가 없다. 🤗 prompt(메세지) 또는 prompt(메세지, 기본값) - prompt함수 : 간단한 입력을 받을수 있는 함수 - document 객체 : 웹페이지 자체를 의미하는 객체 - 웹페이지에 있는 HTML에 접근하고자 할 때 document 객체로 접근할 수 있다.
2022.07.18 -
[javascript]
📋javascript -자바스크립트는 객체기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, css로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. -자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 스크립트 언어란? 기존에 이미 존재하는 소프트웨어를 제어하기 위한 용도로 쓰이는 언어 📋javascript가 가지고 있는 언어적 특징 1. 자바스크립트는 객체 기반의 스크립트 언어이다. 2. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어다. (인터프리터 : 코드를 한 줄씩 읽어내려가며 실행하는 프로그램) 3. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표..
2022.07.18 -
[css] <style>태그, <link> 태그 - html에서 css파일 참조하기, 선택자(selector)
📂 태그 사이에 작성한다. css 시작 Hello css 📂태그 link 태그는 해당 문서와 외부소스 사이의 관계를 정의할 때 사용한다. link 요소는 빈 태그이며, 속성만을 포함한다. head 요소 내부에만 위치할 수 있으며, 그 개수에는 제한이 없다. 주로 외부스타일시트를 연결할 때 사용한다. rel: relationship ⌨️style.css @charset "UTF-8"; .red{ color : red; } ⌨️ex02.html 인라인 스타일시트 내부 스타일시트 외부 스타일시트 📂선택자(selector) - id 속성 : 고유한 식별을 목적으로 하는 경우 사용 (페이지에서 하나의 요소만 지정 가능하다) -class 속성 : 재사용을 목적으로 하는 경우 사용 -name 속성 : css에서 선택..
2022.07.18