본문 바로가기

프로그래밍/JavaScript

 (15)
[JavaScript 요약 정리] 7. 함수(Function) 7. 함수(Function)1) 함수- 코드의 집합을 나타내는 자료형- 선언방법: function 함수명() {코드};- 사용: 함수명();*코드위치에 상관없이 먼저 선언됨 2) 익명함수- 이름이 없는 함수- 변수에 저장하거나 따로 함수 선언없이 임시사용할 때 사용- 활용: var 변수 = function() {코드};-> 변수가 선언되기 전에는 사용할 수 없음 3) 매개변수- 함수에 전달하는 값- 같은 이름의 함수라도 매개변수에 따라 실행되는 코드가 다를 수 있음(오버로딩)- 함수 선언시 지정되지 않은 매개변수는 무시됨- 형태 function(매개변수) {코드}; -> 매개변수를 코드 내에서 사용 가능 4) 리턴값- 함수가 반환하는 값- 형태: return 반환값;- return 키워드 실행 시 함수 ..
[JavaScript 요약 정리] 6. 반복문(Loops) 6. 반복문1) while- 조건이 만족하는 동안 코드 계속 실행- 형태: while(조건식) { 코드 } -> 조건식이 true일 때 계속해서 코드를 실행함 2) do while- 조건에 상관없이 코드를 한 번 실행 후 while문 실행- 형태: do { 코드 } while(조건식) -> 코드를 1회 실행 후 조건식이 true일 때 계속해서 코드를 실행함 3) for- 형태for(초기식; 조건식; 종결식) {코드}-> 초기식 실행 -> 조건식 비교 -> 코드 실행 -> 종결식 실행 -> 조건식 비교조건식 false일 때 까지 계속해서 반복함- 활용for(var i = 0; i i가 0부터 1씩 증가하며 콘솔창에 i(수)를 출력-> 조건이 false..
[JavaScript 요약 정리] 5. 조건문(Conditionals) 5. 조건문1) if- 조건 성립시 해당 코드 실행- 형식: if(조건) { 코드 };- 조건문 내 조건문 중첩 가능ex. if(조건1) { 코드1; if(조건2) { 코드2 }; }; -> 조건1만 성립시 코드1만 실행, 조건1,2 두개 다 성립시 코드1, 코드2 실행 2) if else- 조건 미성립시 else에 해당하는 코드 실행- 형식: if(조건) { 코드1 } else { 코드2 }; -> 조건 성립시 코드1 실행, 미성립시 코드2 실행 3) else if- 초기조건 미성립시 다음 조건 설정- 형식: if(조건1) { 코드1 } else if(조건2) { 코드2 }; -> 조건1 성립시 코드1 실행, 조건2 성립시 코드2 실행 4) 종합- 종합적으로 이용 가능- 형식: if(조건1) { 코드1..
[JavaScript 요약 정리] 4. 연산자(Operator) 4. 연산자1) 기본 연산자+ 더하기- 빼기 * 곱하기 / 나누기 % 나머지 2) 비교 연산자>= < 초과 미만 == 일치 != 불일치 3) 복합대입 연산자+= 기존변수에 값 더하기+- 기존변수에 값 빼기*= 기존변수에 값 곱하기/= 기존변수에 값 나누기%= 기존변수에 나머지를 구하기 4) 증감 연산자변수++ 연산 후 기존 변수에 값을 1 더하기++변수 연산 전 기존 변수에 값을 1 더하기변수-- 연산 후 기존 변수에 값을 1 빼기--변수 연산 전 기존 변수에 값을 1 빼기 5) 일치 연산자== 두 값의 자료형과 값이 일치할 경우 true 반환!= 두 값의 자료형 혹은 값이 다를 경우 true 반환*=== !==의 형태는 타입까지 체크
[JavaScript 요약 정리] 3. 변수(Variable) 3. 변수- 변수: 값을 저장할 때 사용하는 식별자- 자바스크립트의 변수는 값이 입력되면 타입을 스스로 감지하기 때문에 별도로 선언 불필요- 변수에는 6가지 기본 자료형 저장 가능 1) 변수의 생성과 사용- 생성방법: var 변수명;- 값 할당 방법: 변수명=값;- 동시에 진행: var 변수명=값; 2) let 변수- 재선언 불가, 재할당만 가능- 해당 {스코프} 내에서만 사용 가능 3) const 상수- 재선언, 재할당 불가(변하지 않는 값)- 해당 {스코프} 내에서만 사용 가능 4) 변수의 사용 범위- 유효 범위에 따라 전역 변수(Global Variable)와 지역 변수(Local Variable)로 구분- 전역 변수: 함수 외부에서 선언된 변수 // 프로그램 전체에서 접근 가능- 지역 변수: 함수..
[JavaScript 요약 정리] 2. 자료형(Data Type) 2. 자료형- 자료의 형태- 총 6가지로 분류(string, number, boolean, function, object, undefined)- 이 중 숫자, 문자열, 부울은 기본 자료형 1) 문자열 자료형(String)- 문자를 나열한 자료- ' ' 혹은 " " 따옴표 사이에 표현, 둘 중 아무거나 사용 가능하지만 일관성 필요- '문자열1'+'문자열2' 형태로 +연산 가능 - 문자열 내에 따옴표 표현시 두가지를 전부 사용하거나 이스케이프 문자(\) 사용ex) "문자열 표현: \"문자열\""; or '문자열 표현: "문자열"';*이스케이프 문자: \t 수평탭 \n 줄바꿈 \' 작은 따옴표 \" 큰 따옴표 \\ 역슬래쉬 - 템플릿 문자열: 문자열 내 표현식을 계산 (ECMAScript 6부터 사용 가능)양..
[JavaScript 요약 정리] 1. 자바스크립트 기본 1. 자바스크립트 기본1) 표현식과 문장- 표현식: 자바스크립트에서 값을 만들어내는 간단한 코드ex) 1, 1+1, 10*5, 'Hi' 등등- 문장: 표현식의 모음, 문장 끝에는 세미콜론으로 종결을 표현ex) x=y+1; / var hi = 'h'+'i'; / alert('Hi'); 등등 2) 키워드- 키워드: 특별한 의미가 있는 단어- 예시break, else, instanceof, true, case, false, new, try, catch, finally, null, typeof, continue, for, return, var, default, function, switch, void, delete, if, this, while, do, in, throw, with 3) 식별자- 식별자: 변수와..

티스토리툴바