본문 바로가기
728x90
반응형

FrontEnd

[java script] 객체 1(object, 내장 객체 Array) 1. 객체란? ▷ 프로그램에서 인식할 수 있는 모든대상 ▷ 데이터를 저장하고 처리하는 기본 단위 ◎ 자바스크립트 객체 : 자바스크립트 안에 미리 객체로 정의해 놓은 것입니다. ▷ 문서 객체 모델(DOM) : 문서, 이미지, 링크, 텍스트 필드 모두 별도 객체로 관리 ▷ 브라우저 관련 객체, 내장 객체(자주 사용하는 요소 저장) ▷ 사용자 정의 객체 : 사용자가 직접 만드는 객체 ◎ 객체 인스턴스 생성 방법 : 객체 자체가 아닌 인스턴스 형태로 만들어서 사용합니다. ▷ 인스턴스 : 객체를 틀처럼 사용해서 같은 모양으로 찍어낸 것입니다. ex) (기본형) new 객체명 ex) Date 객체의 인스턴스 만들어 날짜와 시간 표시 예제 현재 시간은 Fri Dec 16 2022 09:14:41 GMT+0900 (한.. 더보기
[java script] 자바 스크립트 함수 2(function) 3. 함수 표현식 ◎ 화살표 함수 ▷ ES6 이후로 사용하는 => 표기법 ▷ 익명 함수에서만 사용할 수 있습니다. const hi = function(){ return alert("안녕하세요?"); } const hi = () => {return alert("안녕하세요")}; const hi = () => alert("안녕하세요"); 위의 세 가지 함수 표현법은 모두 동일한 함수 표현법입니다. 4. 이벤트와 이벤트 처리기 ▷ 이벤트 ▶ 웹 브라우저나 사용자가 행하는 동작 ▶ 웹 문서 영역 안에서 이루어지는 동작만 가리킵니다. ▶ 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올 때, 폼에 내용을 입력할 때 발생합니다. ▷ 마우스 이벤트 NO 종류 설명 1 click 사용자가 HTML 요소를 클릭할 때.. 더보기
[java script] 자바 스크립트 함수 1(function) 1. 함수란? ▷ 동작해야 할 목적대로 명령을 묶어 놓은 것입니다. ▷ 각 명령의 시작과 끝을 명확하게 구별할 수 있습니다. ▷ 묶은 기능에 이름을 붙여 어디든 같은 이름으로 명령을 실행할 수 있습니다. ▷ 자바스크립트에는 이미 여러 함수가 만들어져 있어서 사용할 수 있습니다. ex) alert() 위의 방법과 같이 합을 구하는 함수를 선언할 수 있습니다. ◎ 변수의 특징 ▷ 스코프 : 변수가 적용되는 범위 ▶ 지역 변수 : 함수 안에서 선언하고 함수 안에서만 사용합니다. var과 함께 변수 이름 지정을 합니다. ▶ 전역 변수 : 스크립트 소스 전체에서 사용합니다. 함수 밖에서 선언하거나 함수 안에서 var 없이 선언합니다. 위의 코드 예시를 보시면 전역 변수만 출력 가능하고 지역 변수는 오류가 나타나게.. 더보기
[java script] 자바스크립트 반복문(for, while) ◎ for문 예제 ▷ for문도 자바와 동일합니다. ▷ for문을 사용할 때, for(초기 값, 조건식, 증감식) 3가지만 사용할 수 있다고 생각했지만, 증감식을 여러개 사용해도 됩니다. ex) for(초기 값, 조건식, 증감식1, 증감식2 ...) 1부터 5까지 더하면 15 1부터 100까지의 합 : 5050 1부터 100까지의 홀수 합 : 2500 1부터 100까지의 짝수 합 : 2550 ◎ for문을 이용한 구구단 예제 위의 코드는 아래와 같은 출력으로 결과가 나타납니다! ◎ while문을 이용한 팩토리얼(!) 예제 코드1) 10! = 10X9X8X7X6X5X4X3X2X1 = 3628800 코드2) 코드2처럼 변수 하나 더 추가하지 않고 더 간단하게 표시할 수 있습니다! ◎ 좌석배치도 예제 입장객 .. 더보기
[java script] 자바스크립트 조건문(if, switch) ◎ if문이란? ▷ 피연산자 2개의 값을 비교해서 true나 false로 결과 값을 반환합니다. ▷ 하나의 if ~ else문 안에 다른 if ~ else문을 넣을 수 있습니다.(중첩 if문) 자바에서 if 사용방와 동일하네요!! ◎ if문을 이용한 자바스크립트 예시1 ◎ if문을 이용한 자바스크립트 예시2 ◎ if문을 이용한 자바스크립트 예시3 예시 2번과 3번은 똑같은 예문이지만 다르게 표현한 것입니다! if문의 다른 사용법(조건 연산자) : 조건식 ? true일 때 실행 : false일 때 실행 조건 연산자로 사용해도 되지만 가독성이 좋으려면 if~ else문으로 사용하는 것이 더 좋네요!! ◎ if문을 이용한 자바스크립트 예시4 or 연산자를 사용해서 둘 중 하나가 참이면 결과가 출력되게끔 만들었.. 더보기
[java script] 자바스크립트 기본 문법(변수, 자료형 등) 1. 변수란? 변수(variable) : 값이 여러 번 달라질 수 있는 데이터 상수(constant) : 값을 한 번 지정하면 바뀌지 않는 데이터 ◎ 변수 선언의 규칙 ▷ 변수 이름 ▶ 영어 문자, 언더스코어(_), 숫자를 사용합니다. ▶ 첫 글자는 영문자, _기호, $기호를 사용합니다. ▶ 띄어쓰기나 기호는 허용하지 않습니다. ex) now, _now, now25 (사용 가능) ex) 25now, now 25, *now25 (사용 불가능) ▷ 영어 대소문자를 구별하며 예약어는 변수 이름으로 사용할 수 없습니다.(int, String 등) ▷ 여러 단어를 연결할 때는 하이픈이나 언더스코어를 사용할 수 있고 중간에 대문자를 섞어 쓸 수도 있습니다. ex) total-area, total_area, tota.. 더보기
728x90
반응형

티스토리툴바