프레임워크를 위한 JavaScript ES6 강좌 https://edu.goorm.io/lecture/19879/프레임워크를-위한-javascript-es6 직접 객체 생성하기 -> 코드가 중복될 때 불편함. var kim = { name : '김철수', class : 1, printinfo : function(){ console.log(this.name + "은 " + this.class + "반 입니다."); } }; var hong = { name : '홍길동', class : 2, printinfo : function(){ console.log(this.name + "은 " + this.class + "반 입니다."); } }; 따라서 생성자 틀(함수)을 만들자. function StudentIn..
프레임워크를 위한 JavaScript ES6 강좌 https://edu.goorm.io/lecture/19879/프레임워크를-위한-javascript-es6 : 인자를 받아서 코드를 지나 리턴값을 반환 프로그래머가 정한 임의로 구획한 코드의 동작 단위 짧고 간결하게 제 기능 하나만을 잘 수행하는 코드 인자 (입력 값, 원인 값) : 0개 이상 리턴값 (결과 값) : 0개 | 1개 함수 형태 (함수이름은 생략할 수 있다 = 익명함수) function 함수이름 (인자, 인자, ... ) { // 함수 내용 return 리턴값 } 1. 리턴값이 존재하는 함수 addNum 2. 리턴값 없이 출력하는 함수 printNum 3. 변수에 저장후 각각 출력하고, 타입을 알아본다 리턴값을 가진 a는 타입이 number이..
프레임워크를 위한 JavaScript ES6 강좌 https://edu.goorm.io/lecture/19879/프레임워크를-위한-javascript-es6 1) 조건문 if - else문 삼항연산자 : 조건식 ? 참일 경우 실행할 코드 : 거짓일 경우 실행할 코드 switch 2) 반복문 for문: for( 초기화식; 조건식; 증감식){ 조건이 참일 경우 실행할 코드 } while문: while(조건) { 조건이 참일 경우 실행할 코드 } do-while문 break: 반복문 강제종료 continue: 이번 반복만 skip
프레임워크를 위한 JavaScript ES6 강좌 https://edu.goorm.io/lecture/19879/프레임워크를-위한-javascript-es6 1) 원시 타입 Boolean : true false 값 number : 숫자 ( 정수와 소수 구분X ) / 동등 연산자(==, !=) / 일치 연산자 (===, !==) +) 동등 연산자 : 자료형이 같다는 가정하에 값 비교 (ex) 0=='0' // true 반환) +) 일치 연산자 : 자료형과 값을 모두 비교 (ex) 0=='0' // false 반환) (일치연산자를 더 추천하심!) String : 문자들의 배열. 배열처럼 읽을 수 있지만 값을 변경할 수 없다. (문자열을 다루는 메서드를 적절히 이용하면 된다.) Null : 아무 값도 가지지 ..
프레임워크를 위한 JavaScript ES6 강좌 https://edu.goorm.io/lecture/19879/프레임워크를-위한-javascript-es6 1. Network 웹페이지에서 받아오는 정보(구성요소)들 2. Console 자바스크립트 문법 사용 가능. 콘솔 출력: console.log("Hi Web") 변수 생성: var num = 1; Shift + Enter : 여러 줄에 걸쳐서 코드 작성 가능 3. Elements 웹페이지에 해당하는 코드를 확인 박스 / 색 으로 코드에 해당하는 부분 확인 가능 코드 요소를 바꾼 화면을 확인 가능 4. Sources 소스 디버깅 / 코드 트래킹 용도 1) Watch tab : 특정 코드를 넣어서 값 등을 실시간 확인 가능 2) Breakpoints t..
프레임워크를 위한 JavaScript ES6 강좌 https://edu.goorm.io/lecture/19879/프레임워크를-위한-javascript-es6 1. 웹을 이루는 요소 정보의 구조 = HTML 꾸며주는 스타일 = CSS Logic = JavaScript 2. 정적 페이지와 동적 페이지 : 사용자와 상호작용 X : 사용자와 상호작요한다 = 논리를 가지고 있다. 3. JS 표준화의 필요성 크로스 브라우징 이슈: 브라우저별로 코드호환이 되지 않는 문제 JS는 ECMAScript를 준수하는 언어 ES6 = ECMAScript Ver.6