602호_클라우드기반 자바풀스택_중앙정보처리학원_국비교육

JSON 1. JSON 객체 : JavaScript Object Notation      a. 자바스크립트의 객체 처럼 자료를 표현하는 방식          주의)           객체          let obj = {                name:'홍길동',                age:23          }          json객체         {         "name":"홍길동",         "age":23         }      b. 값을 표현할 때는 문자열,숫자,불 자료형만 사용 가능      c. 함수 사용할 수 없음      d. 문자열은 반드시 큰따옴표(" ")로 묶어야 함      e. 키(=속성)에도 반드시 큰따옴표를 붙여야 함      f. 대부분의..

배열 반복(Array Iteration) 1. forEach()   배열명.forEach(함수)   배열이 가지고 있는 함수(메소드)로써 단순하게 배열 내부의 요소를 사용해 콜백함수를 호출 형식)배열명.forEach(콜백함수)배열명.forEach(function(value, index, array){ 함수 실행문 }); 배열명.forEach((value, index, array)=>{ 함수 실행문 }); 배열명.forEach((value)=>{ 함수 실행문 }); 매개변수인 value, index, array 중 index와 array는 생략 가능, 필요할 경우만 순서 맞춰 사용value, index 대신 임의의 변수명 사용가능       2. map()      ● 각 배열 요소에 ..

객체(Object)  ● 관련된 데이터와 함수의 집합  ● 자바스크립트에서 여러 자료를 다 다룰 때 객체를 사용  ● 객체 안의 변수를 속성(property), 함수를 메서드(method)라고 부름 1. 객체의 형식const 객체명 = { 속성:값, //key : value 속성:값, 메서드 : function( ){ // 화살표 함수는 메서드를 사용하지 않음 실행문 }, function 메서드명(){ 실행문 }, ...}// 값에는 자바스크립트의 모든 값이 올 수 있음 2. 객체의 속성(key)에 접근      a. 객체.속성      b. 객체["속성"]      c. this : 자기 자신이 가진 속성이라는 표시   객체 연습 ..

함수(Function)  ★ 함수1. 함수 : 코드의 집합    자바스크립트에서는 함수도 하나의 자료라서 변수에 할당할 수 있고,    함수를 함수의 매개변수로 전달해서 활용할 수 있음    자바스크립트는 함수와 변수가 굉장히 유연함 2. 함수를 사용하는 목적      ● 반복되는 코드를 한 번만 정의해 놓고 필요할 때마다 호출해서 사용(재사용성)      ● 기능별로 분류를 함으로써 모듈화 가능      ● 유지보수가 수월      ● 가독성이 좋아짐 3. 함수 용어      a. 함수 호출 : 함수를 사용하는 것      b. 매개변수 : 함수를 호출할 때 괄호 내부에 여러 가지 자료를 넣을 수 있는데 이 때 이 자료      c. 리턴값 : 함수를 호출해서 최종적으로 나오는 결과 반환  ★ 선언적 ..

배열(Array)객체의 종류 : 배열, 함수, 배열이나 함수가 아닌 객체 ★ 배열1. 배열(Array)      a. 여러 자료를 묶어서 활용할 수 있는 특수한 자료      b. 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형      c. [ ]를 사용하여 생성, 값은 쉼표(,)로 구분, [요소,요소,요소,....]      d. 배열 안에는 서로 다른 자료형을 담을 수 있음      e. 배열 안에는 배열이나 변수를 넣을 수도 있음      f. 자바스크립트는 배열의 길이가 고정이 아님      g. 배열의 값 : 요소      h. 요소의 순서를 인덱스 , 인덱스 : 0번부터 시작      i. 배열의 요소 값 읽기 : 배열명[인덱스]       비교 ) 자바의 배열은 같은 자료형만 담을 ..

제어문조건문과 반복문   1. 조건문 : 조건에 따라 처리해야 할 때        a. if문if(조건식) { // 조건식 - 참과 거짓을 판단할 수 있는 식 조건식이 참일 때 실행할 문장들 }          b. if ~ else 문if(조건식){ 조건식의 결과가 참일 때 실행할 문장}else{ 조건식의 결과가 거짓일 때 실행할 문장}           c. if ~ else if ~ elseif(조건식){ 조건식의 결과가 참일 때 실행할 문장}else if(조건식){ 조건식의 결과가 참일 때 실행할 문장}...}else{ 위 조건이 모두 거짓일 때 실행할 문장}             d. switch 문 switch(변수 또는 수식){ case 값1..

● 사이에 작성 /* ECMA(유럽컴퓨터제조협회)에서 자바스크립트를 ECMAScript라는 이름으로 표준화함 자바스크립트(=ECMAScript) : 브라우저 안에서 실행되는 프로그래밍 언어(객체지향 프로그래밍언어) */     자바스크립트 기초   ● 참조 사이트 :      ○  모던 자바스크립트 튜토리얼 :https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info        ○ MDN 웹 문서 : https://developer.mozilla.org/ko/docs/Web 개발자를 위한 웹 기술 | MDN웹의 개방성은 개발자들에게 많은 기회를 제공합니다. 하지만 웹 기술을 잘 활용하려면 우선 그 사용 방법을 잘 ..