코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) return문 - 함수에서 결괏값을 반환할 때 사용 - 실행 시 반복문의 break문과 비슷하게 코드 강제 종료 기본형 예시 function 함수명(){ 자바스크립트 코드1; return 데이터(값); 자바스크립트 코드2; } var 변수 = 함수명(); function sum(num1, num2){ return num1 + num2; } var result = sum(10, 20); document.write(result); 2) 재귀 함수 호출 - 함수 정의문 내에서 작성한 코드로 함수를 다시 ..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 함수 vs 변수 특징 변수 함수 저장 방식 1개의 데이터만 저장 자바스크립트 코드 저장 선언 방식 var라는 키워드를 이용하여 선언 function이라는 키워드를 이용하여 선언 데이터 처리 방식 문자형, 숫자형, 논리형 데이터를 보관 출력문, 제어문 등의 코드를 저장하고 데이터 반환 2) 기본 함수 정의문 - 함수를 사용하여 코드를 저장한 것 - function 키워드를 사용해 변수 선언 기본형 익명 함수 function 함수명(){ 자바스크립트 코드; } 함수명(); 또는 참조 변수(); 참조 변..

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 브라우저 객체 - 브라우저에 내장된 객체 - window는 브라우저 객체의 최상위 객체 2) 브라우저 객체 모델(BOM: Browser Object Model) - 이미지 출처 : https://thinking7521.tistory.com/entry/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EA%B0%9D%EC%B2%B4BOM1

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 문자열 객체 - 문자형 데이터를 객체로 취급하는 것 - JS에서 가장 많이 사용 기본형 ① var 참조 변수 = new String(문자형 데이터) ex) var t = new String("hello javascript"); ② var 참조 변수 = 문자형 데이터 ex) var t ="hello javascript"; 2) 문자열 객체의 메소드 및 속성 종류 설명 charAt(index) 문자열에서 인덱스 번호에 해당하는 문자를 반환 indexOf("찾을 문자") 문자열에서 왼쪽부터 찾을 문자와 일치하는 문..

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 배열 객체 - 여러 개의 데이터를 하나의 저장소에 저장할 때 사용 기본형 var 참조 변수 = new Array(); 참조 변수[0]=값1; 참조 변수[1]=값2; ... 참조 변수[n-1]=값n; var 참조 변수 = new Array(값1, 값2, 값3 ... 값n); var 참조 변수 = [값1, 값2, 값3, ...값n]; 2) 배열 객체에 저장된 데이터 불러오기 기본형 참조 변수[인덱스 번호]; 3) 배열 객체의 메소드 및 속성 종류 설명 join(연결 문자) 배열 객체의 데이터를 연결 문자 기준으로..

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 수학 객체 - 수학과 관련된 기능과 속성을 제공 2) 수학 객체의 메소드 및 상수 종류 설명 Math.abs(숫자) 숫자의 절댓값을 반환 Math.max(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 가장 큰 값 반환 Math.min(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 가장 작은 값 반환 Math.pow(숫자, 제곱값) 숫자의 거듭제곱값 반환 Math.random() 0~1 사이의 난수 반환 Math.round(숫자) 소수점 첫째 자리에서 반올림하여 정수 반환 Math.cell(숫자) 소수점 첫째 자리..