자바스크립트(Java Script)24 자바스크립트(Java Script) 14장 배열 14장 배열(Array) : 순서가 있는 리스트 배열의 특징 1. let army = ['권우', '재록', '민규', ... '아라']; 2. console.log(army[0]); // 권우 console.log(army[1]); // 재록 console.log(army[19]); // 아라 3. army[0] = '진호'; // 값의 변경 console.log(army); // ['진호', '재록' ....] 1. 배열은 위와 같이 '[ ]' 로 감싸는 형태이고 각각 index(순서대로 번호)를 붙인다. 권우는 0번 / 재록이는 1번 / 민규는 2번 /... / 아라는 19번 이런 식으로. 2. 각 index별로 확인을 했을 때 나오는 값. 3. index를 사용하여 정보 변경이 가능하다. 0번을 .. 2022. 6. 24. 자바스크립트(Java Script) 13장 객체(Object) - method, this 13장 객체(Object) - method, this method 객체의 property 중 함수인 것. 1. const ironman = { name : 'tony', age : 37, fly : function(){ console.log('날아갑니다.') } } 2. const ironman = { name : 'tony', age : 37, fly(){ console.log('날아갑니다.') } } 위에서 fly가 method이다. 해당 1번의 method는 2번처럼 축약이 가능하다. this method 에서 같은 객체 내의 property를 사용 할 때, 객체의 이름을 사용하면 에러가 나기 때문에 객체의 이름 대신 사용하는 것. 1. sayHello : function(){ console.log.. 2022. 6. 23. 자바스크립트(Java Script) 12장 객체 12장 객체(Object) const ironman = { name : 'tony', age : 37, } 어떠한 것에 대한 정보들의 집합물을 하나도 묶은 것. 이를 객체라 한다. 객체는 위와 같이 표현한다. 각 내용물의 정의는 name/age : 키(Key) tony/37 : 값(Value) name : 'tony' / age : 37 : Property (데이터가 저장된 속성값 집합체) 각 Property는 쉼표로 구분한다. 마지막 쉼표는 안적어도 상관은 없지만 있는 것이 수정/삭제/이동 시 용이하다. 객체의 접근/ 추가/ 삭제 접근 '.'과 '[ ]' 를 사용한다. 해당 구문으로 ironman이라는 객체에서 정보를 뽑아올 수 있다. ironman.name // 'tony' ironman['age'].. 2022. 6. 23. 자바스크립트(Java Script) 11장 함수 표현식, 화살표 함수 11장 함수 표현식, 화살표 함수 함수 선언문 vs 함수 표현식 function YJ(some){ console.log('Yo,${some}'); } YJ(); 위와 같은 10장에서 만든 함수 모양을 함수 선언문이라 한다. let YJ = function(some){ console.log('Yo,${name}); } YJ(); 위와 같은 모양을 함수 표현식이라고 한다. 이 두 개의 차이는 문법의 차이 이 외에 함수를 호출할 수 있는 타이밍의 차이가 있다. YJ(); function YJ(some){ console.log('Yo,${some}'); } 함수 선언문의 경우, 위와 같이 YJ();를 함수 선언문보다 위에 위치시켜도 동작이 가능하다. 그 이유는 호이스팅이라는 것 때문이다. 자바스크립트는 기본적으.. 2022. 6. 23. 자바스크립트(Java Script) 10장 함수 10장 함수(function) 비슷하거나 같은 동작을 하는 것을 하나의 덩어리로 만들어서 사용하는 것. 함수의 생김새 function YJ(some){ console.log('Yo,${some}'); } function : 함수 YJ : 함수 이름 some : 매개변수 (없어도 된다) 해당 함수를 실행하려면 YJ('kwonwoo'); 위처럼 함수와 매개변수를 적음으로써 사용할 수 있다. 전역 변수와 지역 변수 위는 함수의 예시이다. 전역 변수는 코딩 전역에 존재 및 사용할 수 있는 변수고 지역 변수는 해당 지역에서만 사용 할 수 있는 변수다. 전역 변수와 지역 변수는 서로 같은 이름(question)이어도 간섭을 받지 않는다. 각 부분 별로 log를 확인해보면 (5 / 14/ 15) 5줄에서는 전역변수의.. 2022. 6. 22. 자바스크립트(Java Script) 9장 switch 9장 switch if else와 대체가 가능하다. 다만, case가 다양할 때 더 간결하게 사용이 가능하다. switch(평가){ case A : // A일 때 코드 break; case B : // B일 때 코드 break; } if(평가 == A){ //A일 때 코드 }else if(평가 == B){ //B일 때 코드 } 위의 두 코드는 동일한 기능을 한다. switch 문에서는 case 별로 break문이 없다면 해당되는 case 문 아래로는 전부 출력이 되어 버린다. 때문에 break문을 적절히 사용할 것. 아무것도 해당되지 않는 경우, if에는 else 문이 있지만 switch문에서는 default 문이 있다. default를 사용하지 않으면 아무런 값을 반환하지 않는다. switch case.. 2022. 6. 22. 자바스크립트(Java Script) 8장 반복문 8장 반복문(loop) 동일한 작업을 여러번 반복 for 형식은 아래와 같다. for ( let i = 0; i < 5 ; i++) { // 반복을 할 코드 } for 괄호 안의 구성물은 초기값 지정 ; 조건 ; 코드를 실행 후 작업 으로 구성되어 있다. 위의 실행되는 순서는 1. i=0 2. i가 5보다 작으므로 코드 실행 3. i 값 1 증가 이러한 방식으로 조건이 충족 되지 않을 때까지 반복. while 형식은 아래와 같다. let i = 0; while(i 2022. 6. 22. 자바스크립트(Java Script) 7장 논리 연산자 7장 논리 연산자 종류 기호 뜻 설명 평가 || OR 하나라도 true 라면 true. 모든 값이 false 여야 false를 반환. 첫번째 true를 반견하는 즉시 평가를 멈춤. && AND 모든 값이 true 면 true. 하나라도 false 면 false를 반환. 첫번째 false를 발견하는 즉시 평가를 멈춤. ! NOT true와 false를 반대값으로 반환. 평가의 기준을 어떻게 하냐에 따라 성능 최적화가 가능하다. 예를 들어, '흰 피부의 대기업을 다니던 남자' 를 찾고자 했을 때 전체 사람 중에 흰 피부가 40% 전체 사람 중에 대기업이 10% 전체 사람 중에 남자가 80% 라고 한다면 평가 코딩은 => 대기업을 다니는 데 흰 피부의 남자 로 찾으면 성능이 올라간다. 위는 AND의 예시이다... 2022. 6. 22. 자바스크립트(Java Script) 6장 비교 연산자, 조건문 6장 비교 연산자, 조건문 비교 연산자 기호 뜻 예시 != 다름 5 != 2 + 4 == 동일 5 == 2 + 3 === 동일 (타입까지 동일 확인) "5" === 2 + 3 초과 10 > 20 = 4 ※주의할 점 동등 연산자의 경우, 문자형과 숫자형을 비교함에도 똑같다는 결과값을 보여준다. 타입까지 비교하는 일치 연산자의 경우, 다르다는 값을 보여준다. 고로 비교는 일치 연산자를 최대한 활용해라 조건문 : 조건에 따라 이후 행동을 달라지게 만드는 구문 if / else / else if 문 if( ) 의 괄호 안의 값은 항상 Boolean 값으로 변환된 뒤 판단된다. 위의 예시를 이용해서 prompt와 같이 섞어서 적용해보면 prompt로 받은 값은 '문자형'이다. 해당 값을 Number를 이용하여 '.. 2022. 6. 21. 자바스크립트(Java Script) 5장 기본 연산자 5장 기본연산자 + - * / % **(거듭제곱) 등등 => 기본적인 연산 방식은 일반 수학과 동일하다. 나머지의 쓰임새 ● 홀/짝 확인 ● 특정 숫자보다 낮은 값만 반환 받고 싶을 때 예 : 나는 4보다 낮은 값을 반환 받고 싶다 => 나누기 4하고 나머지만을 받는다.(0~3 값만 반환됨.) 연산자 줄여 쓰기 연산자 뜻 예시 결과 += 왼쪽의 변수 값에 오른쪽의 값을 더한 다음 새 변수 값을 반환합니다. x += 4; x = x + 4; -= 왼쪽의 변수 값에서 오른쪽의 값을 빼고 새 변수 값을 반환합니다. x -= 3; x = x - 3; *= 왼쪽의 변수 값에 오른쪽의 값을 곱하고 새 변수 값을 반환합니다. x *= 3; x = x * 3; /= 왼쪽의 변수 값을 오른쪽의 값으로 나누고 새 변수 값.. 2022. 6. 21. 이전 1 2 3 다음 728x90 반응형
