본문 바로가기
728x90

개발/JavaScript14

2023.04.06 JavaScript의 객체들(Math,String,date,Web API,Form) 목차 1. JavaScript의 객체 Math객체 min() max() round() floor() ceil() random() String객체 length: 문자열의 길이 indexOf(): 특정 문자 위치를 인덱스 charAt(): 특정 문자열 인덱스에 위치한 문자 includes(): 특정 문자열 포함되어 있는지 여부 substring(): 시작 인덱스부터 종료 인덱스 바로 직전까지의 문자열 substr(): 시작 인덱스부터 전달 받은 갯수만큼 문자열 replace(): 일부를 전달 받은 문자열로 치환 split(): 구분자를 기준으로 나눈 후 나뉜 문자열을 하나의 배열에 저장 trim(): 문자열의 앞뒤 공백을 제거 toUpperCase(): 문자열을 모두 대문자로 변환 toLowerCase():.. 2023. 4. 6.
2023.04.06 사용자 정의 함수,객체,상속 목차 1. JavaScript의 사용자 정의함수 함수를 만드는 방식 2가지 함수 선언식 함수 표현식 디폴트 매개변수 나머지 매개변수 호이스팅 화살표함수 2. JavaScript의 객체 프로퍼티 객체를 생성하는 방법 리터럴 표기법 생성자 이용 클래스 이용 3. JavaScript의 상속 프로토타입 1. JavaScript의 사용자 정의함수 하나의 특별한 목적의 작업을 수행하도록 독립적인 블록을 함수라 한다. 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음 코드를 재활용 하기 위함 매개변수가 있는데 보내지 않으면 undefined가 반환 된다. 1-1. 함수를 만드는 방식 2가지 - 매개변수를 전달 할때 타입을 전달해주지 않아도 잘 보내진다. 🔴 함수 선언식 function 함수명(매개변수1, .. 2023. 4. 6.
2023.04.05 JavaScript의 배열 목차 1. JavaScript의 배열 배열의 선언 배열의 초기화 배열을 객체로 생성 배열의 접근 자바 스크립트 배열의 특징 배열 객체의 메소드 push(): 배열의 요소를 추가 pop(): 배열의 마지막 주소에 있는 값을 제거 shift(): 배열의 첫번째 주소에 있는 값을 제거 concat(): 두개의 배열을 합침 join(): 배열요소 사이에 원하는 문자 삽입 reverse(): 배열을 역순으로 재배치 sort(): 배열을 오름차순으로 정렬 배열을 이용한 반복문 for in 문 for of 문 forEach 문 1. JavaScript의 배열 파이썬에서 리스트와 비슷한 자료구조이다. 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치.. 2023. 4. 5.
2023.04.05 JavaScript의 연산자, 제어문 목차 1. JavaScript의 연산자 산술 연산자 비교 연산자 대입 연산자 증감 연산자 논리 연산자 비트 연산자 삼항 연산자 2. JavaScript의 제어문 조건문 if문 if~else문 if~else if~else문 switch문 반복문 1. JavaScript의 연산자 1-1. 산술 연산자 🔹 +, -, *, / , %, **(제곱) 1-2. 비교 연산자 🔹, =, ==, !=, === - "===": 두 식의 값이 같고, 타입까지 같아야 참이다. - "!==": 두 식의 값이 다르고 타입까지 달라야 참이다. 3==3 -> true '3'==3 -> true (자동 형변화가 되서 true가 나온다.) '3' === 3 -> false 1-3. 대입 연산자 🔹=, +=, -=, *=, /=, %=,.. 2023. 4. 5.
2023.04.04 JavaScript의 데이터타입,자동타입변환, 대화상자 목차 1. JavaScript의 데이터타입 숫자형 (number) 문자형 (string) 논리형 (boolean) undefined, null 심볼형(symbol) 객체형(object) 2. JavaScript의 자동 타입 변환 NaN (Not a Number) 타입 변환 함수 Number(): 문자를 숫자로 변환 String(): 숫자나 블린등을 문자형으로 변환 Boolean(): 문자나 숫자등을 불린형으로 변환 Object(): 모든 자료형을 객체형으로 변환 parseInt(): 문자를 int형으로 변환 parseFloat(): 문자를 float형으로 변환 3. JavaScript의 대화상자 API Web API alert() : 확인메세지 기다림 confirm(): 참 or 거짓 prompt(): .. 2023. 4. 4.
2023.04.04 JavaScript의 특징, 출력, 실행순서, 변수, 상수 목차 1. JavaScript의 특징 2. JavaScript의 출력, 주석 3. JavaScript의 실행순서 4. JavaScript의 변수 5. JavaScript의 상수 1. JavaScript의 특징 - 객체 기반의 스크립트 언어 - 대소문자 구별한다. - 문장 끝에 세미클론(;)을 사용 (생략가능) 2. JavaScript의 출력, 주석 🔴출력 - Web API Console을 통해 브라우저 Console창에 출력한다. consle.log(변수,상수,값); -사용법 1. 2. 외부 자바스크립로 사용 자바스크립트 출력 🔴주석 - // :한줄주석 - /* */ :여러줄 주석 3. JavaScript의 실행순서 - 인터프리터 방식이므로 위에서 아래로 실행 된다. 🔹자바스크립트 파일 및 문장을 사이에.. 2023. 4. 4.
728x90

티스토리툴바