본문 바로가기
SMALL

프론트엔드 개발자/JS29

자바스크립트 javascript 3. 함수, 함수선언 , 매개변수 를 활용하여 이벤트 사용하기(1) 함수 - 프로그램내에서 특정작업을 수행하기 위해 독립적으로 만들어진 하나의 단위 -어떤 목적을 위해 만들어진 코드를 하나로 묶어 반복되는 작업을 효율적으로 관리하기 위한 구조 - 주어진 입력에 의해 처리를 한 후 결과를 돌려주는 구조 ---내장함수 (자바스크립트에 미리 만들어진 함수) log() alert() getElementById() --- 사용자함수 (사용자가 필요에 의해 정의하고 저장하여 사용하는 함수) 함수의 정의 함수는 예약어인 function()으로 정의하고 함수의 시작과 끝은 {}로 표현합니다. --- 함수호출 사용 함수정의 --- 함수 호출 사용 1. 선언적 함수 function 함수이름() { 실행코드; } 호출 함수이름(); -> 함수에 들어있는 코드를 실행... 2.익명함수 선언 .. 2023. 3. 31.
자바스크립트 javascript 2. 변수,배열오브젝트,연산자,if 조건문,for 반복문DOM(2) 반복문 , list요소 가져오기 DOCTYPE html> Document const score = 69; const weader = true; //boolean; if (score > 60) { console.log('당신은 합격입니다.') } if (weader) { console.log('놀러가세요') }else{ console.log('우산을 챙기세요') } //다중조건문 if( score >= 90) { console.log('당신은 A등급입니다') } else if ( score >= 80) { console.log('당신은 B등급입니다') } else if ( score >= 70) { console.log('당신은 C등급입니다') } else { console.log('불합격 입니다') } //for 반복문 DOCTYPE .. 2023. 3. 31.
자바스크립트 javascript 2. 변수,배열오브젝트,연산자,if 조건문,for 반복문DOM(1) 변수, 배열오브젝트, 연산자, if 조건문, for 반복문 DOM 변수 : 데이터 저장장소 이름 let 변수명 = 데이터; ---- 일반변수 (값 변경 가능) const 변수명 = 데이터; ---- 상수변수 (값 변경 불가능) ----------------------------------권장. var 변수명 = 데이터; 연산자 + - * / % (나머지) = (대입연산자) 좌변에서 우변으로 읽기 2 / 5 2를 5로 나눠라 2 * 10 2 곱학기 10 A = B (우변의 값을 좌변에 대입하라) B를 A에 넣어라. let 변수명 = 데이터; 데이터 숫자, 문자 불린 null undefined ------------------- function object Array 숫자 1,2,3,4 문자 "문자" , '.. 2023. 3. 31.
자바스크립트 javascript 1. 변수선언과 스타일변경 /// 1.자바스크립트 (javascript) -웹 페이지를 동적으로 만들어주는 언어 -웹 브라우저에서 실행하는 언어 -인터프리터 언어 (컴파일과정이 필요없으며 해석기(웹브라우저)를 통하여 코드 작성후 바로 실행가능하며 한줄 한줄 실행되는 언어) -컴파일언어 (C,Java) -인터프리터언어 (javascript, python) 웹초창기 브라우저별로 독립된 스크립트 언어가 존재했음 IE -- vbscript Netscape --> Livescript -> javascript --> 웹표준 --> ECMA 브라우저 자바스크립트 해석 -> 프로그램 내장 -> 자바스크립트 엔진 윈도우, 서버환경 자바스크립트 실행 -> nodejs Afher Effets -> 자바스크립트 엔진 내장 -> 스크립트 사용 (애니메이.. 2023. 3. 31.
LIST