본문 바로가기

자바스크립트14

09 -1 자바스크립트 - 객체 지향, 추상화, 객체 처리하는, 생성하는 함수 객체 지향 패러다임 : 객체를 우선적으로 생각해서 프로그램을 만드는 방법론 - 객체 : 속성과 메소드를 갖는 것 - 객체 지향 프로그래밍 : 객체를 만들고 객체들의 상호작용을 중심으로 개발하는 방법론 - 클래스 문법으로 객체를 효율적이고 안전하게 만든다. 추상화(abstraction) : 프로그램에 필요한 요소만 사용해서 객체를 표현하는 것을 의미 - 사전적 의미 : 복잡한 자료, 모듈, 시스템 등으로부터 핵심적인 개념과 기능을 간추려내는 것 예시로, 와인의 속성을 나열하면 와인의 색, 와인의 향, 와인에 들어간 재료, 숙성 시간, 와인의 뭐뭐 등 속성을 세세하게 나열하면 아주 많을 것(무한에 가까운)이다. 그러나 프로그램을 만드는 것에 있어 (방금 언급한 것은) 모두 필요한 속성 데이터가 아니다. 와인.. 2021. 3. 6.
07 -1 문서 객체 조작하기(1) - DOMContentLoaded, 문서 객체 가져오기, 글자 조작, 속성 조작 문서 객체 모델은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식, 좁은 의미로 document 객체와 관련된 객체의 집합. 이를 사용하면 HTML 페이지에 태그를 추가, 수정, 제거를 할 수 있다. HTML의 요소는 head, body, h1, div, span 등과 같은 것 자바스크립트에서는 요소를 문서 객체(document object)라 부른다. HTML 요소 = 문서 객체 DOMContentLoaded 이벤트 - 문서 객체를 조작할 때 사용하는 이벤트 - 오탈자를 주의해 입력 - 웹 브라우저가 문서 객체 모두 읽고 나서 실행하는 이벤트 : 코드를 실행하면 태그가 태그 이전에 위치해도 문제없이 코드 실행 문서 객체 가져오기 document.head document.body documen.. 2021. 3. 3.
05 -1 자바스크립트 함수, 윤년 확인 프로그램 JS에서 함수(function)란? 함수 호출 : 함수를 사용하는 것 함수 호출할 때는 괄호 내부에 자료(data)를 넣는다. 여기서 자료는 매개변수 익명 함수 : 이름이 붙어있지 않은 함수 선언적 함수 : 이름이 있는 함수 함수 사용의 좋은점 - 반복 작업을 피하고, 모듈화 되어 코드의 가독성이 좋아진다. - 기능별 (함수별)로 수정이 가능해 유지보수 쉽다. 매개변수와 리턴값 리턴값 : 함수의 최종 결과 함수 형태 function 함수 (매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴값 } 함수에 넣는 input이 매개변수이고, 결과로 나오는 output이 리턴값 기본 미션 윤년을 확인하는 함수 만들기 윤년이면 true 아니면 false 윤년 : 보통 2월은 28일까지 있지만 29일까지.. 2021. 2. 21.
03 -2 자바스크립트 조건문 switch - case, 삼항 연산자 switch 조건문 짝수 홀수 구분 프로그램 : 실행 모습 조건부 연산자 - 자바스크립트에서 항을 3개 갖는 연산자는 조건부 연산자가 유일해서 삼항 연산자라고 부르기도 함 boolean 표현식 ? 참일 때 결과 : 거짓일 때 결과 (number>= 0) ? '0 이상의 숫자' : '0보다 작은 숫자' 짧은 조건문 : 논리 연산자의 특성을 조건문으로 사용하는 것 - 논리합 연산자(||)를 사용한 짧은 조건문 - 자바스크립트는 true가 확실할 때 추가 연산을 진행하지X = 논리합 연산자의 좌변이 참이면 우변을 실행하지X => boolean 표현식 || boolean 표현식이 거짓일 때 실행할 문장 태어난 연도를 입력받아 띠 출력하기 - 십이지신 순서 : 자 축 인 묘 진 사 오(말) 미 신 유 술(개) 해.. 2021. 2. 17.

티스토리툴바