🟨 JavaScript 🟨25 JavaScript - 함수(function)란? 함수는 코드를 작성하다 보면 중복되는 작업을 하는 코드를 작성해야 하는 경우가 있는데, 매번 똑같은 코드를 작성해서 구현하는 것은 비효율적이고 코드 자체도 가독성이 매우 떨어진다. 그래서 함수를 이용하여 한 번만 작성하고 필요할 때 그 필요한 함수를 호출하여서 작업을 하는 것이 좋다. 함수를 만드는 방법은 함수 선언을 하여 만든다. 함수 선언 함수 선언 방법은 function 키워드를 이용하여 다음과 같은 구조를 가진다. //함수 선언// function 함수명 () { //함수 내용 } 기본 구조에서 함수명 옆 괄호를 이용하여 함수 안에서 매개 변수를 이용한 함수도 만들 수 있다. 필요한 개수만큼 매개 변수를 줄 수 있고, 쉼표(,)를 이용하여 구분한다. function 함수명(parameter1, p.. 2022. 11. 2. JavaScript - 배열 기초 배열 같은 성향의 변수를 한 곳에 몰아 놓고 필요한 데이터를 쓴다. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수 있다. 배열 생성하기 "변수 변수명 = [] " 으로 대괄호로 요소들을 감싼다. ex ) let arr = [1,2,3,4 ] 배열 요소 호출 하기 "변수명[인덱스번호]"로 호출한다. 배열의 인덱스는 0부터 시작한다. (인덱스는 배열의 요소가 들어 있는 데이터 박스의 번호라고 생각하면 좋다..) ex) 위 예시를 그대로 사용했을 때, arr[1] .... 2 배열의 총 길이 (배열 안에 요소의 개수) 구하기 " 변수명.length " 로 구할 수 있다. length를 사용하면 유동적인 배열(변화가 있을 경우)에도 대처가 쉽다. ex ) a.. 2022. 10. 31. JavaScript - 조건문 if-else if 자바스크립트 - 조건문 if-else if-else //기본 문법// let a = x let b = y let c = z if( a > b) { //true 일 때 출력되는 영역 a가 b보다 클 때. }else if (a > c){ //true 일 때 출력되는 영역 a가 b보다 작지만 c보다 클 때. }else { //그 외 (false) ... a가 b보다 작고 c보다 작을 경우 } else if 는 조건식을 작성해야 한다. else는 조건문이 없어야 한다. 예를 들면 1. a가 10보다 클 때 2. a가 10보다 작을 때 3. a 가 10일 때 이런식으로 조건이 있을 경우 쓴다. 2022. 10. 31. JavaScript - 논리연산자 논리 연산자 1. or 2. and 3. not 1. A or B || 기호를 사용해서 A || B 로 작성한다. A 또는 B 둘 중 하나라도 참이면 결과는 참이 된다. 결과 조건 True True || True True True || False True False || True False False || False 2. A and B && 기호를 사용해서 A && B 로 작성한다. A 와 B 둘 다 참이어야 결과가 참이 된다. 결과 조건 True True && True False True && False False False && True False False && False 3. not A ! 기호를 사용하여 !A 로 작성한다. A의 값을 반전(부정) 한다. !true == false !false =.. 2022. 10. 31. JavaScript - 조건문 if문 와 반복문 for문 자바스크립트 조건문 if문 조건문은 "조건이 참이면 ~을 하고, 거짓이면 ~을 한다. "이다. 그래서 True와 False을 바탕으로 한다. // 기본 문법 // if(bloolean 타입){ //true일 때 실행되는 영역 } else { //false일 때 실행되는 영역 (생략가능, 생략할 때 결과 값이 false 시 출력 값 없음.) } ( ) 부분 안에 조건식을 정확하게 판단하고 작성해야 if 조건문을 잘 활용할 수 있다. 조건식은 boolean 타입으로 참인지 거짓인지 결과가 나올 수 있도록 작성해야 한다. 자바스크립트 반복문 for문 반복문은 조건문 if문과 비슷한 형태를 이루고, if 대신 for 을 사용한다. 조건문의 조건식이 들어간 괄호 '( )' 안에는 3가지의 값이 들어간다. 1. 초.. 2022. 10. 30. JavaScript - 연산자 기본과 데이터 타입 자바스크립트의 연산자와 각 연산자의 특징 종류 표기법 설명 타입 대입 연산자 A = B B항을 A항에 대입한다. number 타입 (숫자반환) 문자 결합 연산자 A + B A항과 B항을 이어준다. string 타입(문자반환) 산술 연산자 A + B A항과 B항의 값을 더한다. number 타입 (숫자열) number 타입 산술 연산자 A - B A항과 B항의 값을 뺀다. number 타입 산술 연산자 A / B A항과 B항의 값을 나눈다. number 타입 산술 연산자 A * B A항과 B항의 값을 곱한다. number 타입 산술 연산자 A % B A항과 B항의 나머지 값을 구한다. number 타입 증감 연산자 A++ A항에 1을 더해준다. number 타입 증감 연산자 B-- B항에 1을 빼준다. n.. 2022. 10. 30. 이전 1 2 3 4 5 다음 728x90
