공부/JAVASCRIPT 7

[javascript] Object

1.기본개념 - key와 value의 집합체 - 선언 const obj = {}; //object literal const obj = new Object(); //object constructor const a = { name : "알로하리미", age : 30 } ; a.job = "doctor" ; //동적 코딩 delete a.job ; //동적 삭제 //너무 동적으로 코딩하지 말아야 한다. 규모가 커지는 프로젝트일수록 유지보수가 힘들어진다. 2. computed Properties a['job'] : computed Properties 정확하게 어떤 key 가 필요한지 모를떄. 즉, runtime에서 결정될때 이 properties를 쓰게 된다. a.job : 코딩하는 순간 그 key에 해당값을 ..

공부/JAVASCRIPT 2021.03.08

[javascript] 클래스(class)

class 연관있는 속성및 동작들을 미리 설계해둔 설계서(청사진) 구성 : 매서드(동작,행동,메시지) , 필드(속성) * JS의 Class는 객체지향적 언어에서 지원하는 완전한 Class가 아니고 기존의 prototypes을 기반으로 만들어진 class이다. object 클래스를 이용해서 실제로 Data를 만들어 메모리에 올라가는 것이 Object이다. 클래스의 instance를 오브젝트라고 불른다. 1. 클래스의 선언 //클래스 선언 예시 class ClassName { constructor( name, age ) { this.name = name ; this.age = age ; //클래스속성들에 할당 } function doSomthing() { return ; } } //인스턴스 생성 const ..

공부/JAVASCRIPT 2021.03.08

[javascript] 함수 (function)

- JS에서 함수는 first-class function이다. (1급객체이다.) 다른변수와 마찬기지로 변수에 할당이 될수 있고 함수의 인자(매개변수)로 전달이되며 return값으로 반환 할 수 있다. - 함수의 선언 함수선언식 : function 함수이름 ( 매개변수 ) { 실행문 return ; } 함수표현식: //anonymous function 익명함수 const print = function(){ }; //named function //디버깅 할때 이름이 나와서 디버깅시 유리 하다. const print = function print() {} ; * 함수선언식과 함수 표현식의 차이점 함수선언식은 var hosting처럼 JS는 함수선언식을 runtime시에 위로 끌어 올려 위에서 선언된 것처럼 해..

공부/JAVASCRIPT 2021.03.08

[javascript] 조건문, 반복문

1. 조건문 if if ( condition ) { statement } let a = 10 ; if ( a > 10 ) { console.log("a는 10보다 크다."); } else if ( a = 10 ) { console.log("a는 10과 같다."); } else { console.log("a는 10보다 작다"); } 삼항 연산자 조건문 ? 조건문true일때실행문 : 조건문false일떄실행문 let a = 2; let b = a > 0 ? "크다" : "작다" ; console.log(b) ; // 크다 switch var foo = 0; switch (foo) { case -1: console.log('negative 1'); break; case 0: console.log(0); case..

공부/JAVASCRIPT 2021.03.07

[javascript] 연산자, 할당연산자, 비교연산자, 동등연산자, 논리연산자, 삼항연산자

알로하~ javascript 배워봅시다~! 문자의 연결 JS의 문자열은 'a' ,'aaa' 이던 다 문자열이다. 다른언어처럼 하나면 character형은 없다. +로 문자열을 연결 할수 있다. ` 빽틱안에 ${변수명}을 넣어 표현 문자열 표현을 할 수 있다. (템플릿 리터럴 - Internet explorer 사용 불가 ) let a = "안녕" ; let b = "하세요?" ; let c = "안녕" + b ; //c = "안녕하세요?" c = a + " " + b ; //c = "안녕 하세요?" c = `${a} ${b}`; //c = "안녕 하세요?" 빽틱으로 사용하여 감쌀수 있다.(템플릿 리터럴 라고 한다.) 숫자연산 + 더하기 - 빼기 / 나누기 * 곱하기 % 나머지 ** 승 ++ 단항연산자 1..

공부/JAVASCRIPT 2021.02.28

[javasciprt] 데이터 타입 및 기본 코딩법

알로하~ javascript 배워봅시다~! 기억해야할 것. javascript는 Dynamic typing(동적타입)언어이고, Runtime 언어이다. (동적 타입 언어 : Groovy, Python, JavaScript, Ruby, Smalltalk, Lisp, Objective-C, PHP, Prolog) 이 의미는 어떤 변수에 데이터 타입을 지정하지 않고 값을 할당하였을 경우( ex) let a = 5 ) 해당 변수에 대한 데이터 타입이 실행시점에 정해지게 된다는 것이다. 그래서 js는 코딩할때 값타입을 지정하지 않고도 변수에 여러 타입을 넣을 수 있는 것이다. 반대로 정적 타입 언어(정적 타입 언어 : Java,C, C++, C#, Scala, Fortran, Haskell, ML, Pascal)..

공부/JAVASCRIPT 2021.02.28

[javascript] script사용법, async와 defer차이

알로하~ javascript 배워봅시다~! 1. 로드순서 HTML 파싱 → 로드순서 BODY태그 끝까지 HTML 파싱 → JS파일 발견 → JS 패칭 → JS 실행 장단점 장점 : HTML 컨텐츠를 빠르게 본다는 장점 단점 : 의미있는 컨텐츠가 JS파일에 의존적이면 사용자가 기다려야 한다. 3. 로드 순서 HTML 파싱 → HTML파싱 멈춤 → 다시 HTML 파싱 JS파일패칭 → JS파일실행 위의 방법으로 여러개의 JS파일을 수행 할 경우. 패칭은 병렬로 수행되지만. 실행은 패칭 완료된 순서대로 실행 되므로 수행의 파악의 어려움이 있다. 장단점 장점 : JS 패칭과 HTML 파싱이 병렬적으로 일어나서 다운로드 시간을 줄인다 단점 : JS가 HTML이 파싱되기도 전에 실행되기에 JS파일과 관련된 HTML의..

공부/JAVASCRIPT 2021.02.28
1