본문 바로가기

WEB(Front-End)/Javascript

(14)
4. function (기능, 명명, 선언, 매개변수, function-expression) Function declaration 기능 : 하나의 함수는 한가지 일만 하도록 명명 : 함수명은 동사 command, verb 형태로 javascript에서 function은 object 타입 선언 function 함수명(매개변수){ 실행문 } 매개변수의 경우 primitive 타입의 경우 passed by value (값 자체가 전달) object 타입인 경우 passed by reference(참조 주소값 전달) default parameter(ES6) 매개변수='default값' Restparameter ...args : 배열로 값을 받는다 return 설정, 안할시 undefined function expression : a function declaration can be called earl..
3. operator 연산자 (string concatenation, Numeric, increment, decrement, assignment, comparison, equality, logical, conditional, ternary, loops) console.log('operator.js 시작!'); console.log('1. string concatenation'); console.log('my'+'cat'); console.log('1'+2); console.log(`string leiterals: 1+2=${1+2}`); console.log("2. Numeric operators"); console.log(" + , -, /, *, %, **"); // preincrement, postincrement, predecrement, postdecrement console.log("3. Increment and decrement"); let counter=2; const preIncrement=++counter; console.log(pre..
2. 변수 variable (선언, 타입) 입력, 연산, 출력 사용자로 부터 입력을 받은 것을 잘 연산(CPU 최적화된 연산, 메모리 효율적으로 연산)하여 출력. 출력시 Template Literal(string) 사용 : `${변수명}` (백틱 기호 사용) javascript는 Dynamic typing : dynamically typed language : 런타임에서 타입이 정해진다. (실행하는 중에) global 변수 : 애플리케이션이 실행되는 순간부터 끝날 때까지 항상 메모리에 탑재되어있어 최소한으로 사용하는 것이 좋다. 변수 선언 let : mutable data type, 변수 선언 const(값변경불가) : immutable data type (security, thread safety, reduce human mistake) why..
'use strict'; Javascript가 매우 유연한 언어로 만들어졌다. 개발자가 많은 실수를 할 수 있는 dangerous한 언어가 될 수 있다. 'use strict'; 선언하여 strict mode로 개발하는 것을 추천 'use strict'; console.log('Hello World'); let a; a=60; console.log(a);
1. Hello World 출력하기 1. Text editor 이용하여 main.js 코드 작성하고, node.js 로 실행 2. Visual Studio Code로 작성 live server 확장팩이용하여 실행하여 크롬브라우저 화면이 뜨면 cmd+option+i를 눌러서 확인 Elements : HTML 구조 볼 수 있다 Console : 간단한 자바스크립트 실행할 수 있다 Sources : 코드를 보고 debugging 할 수 있다 console API의 log함수를 이용하여 출력 https://developer.mozilla.org/ko/docs/Web/API/Console_API Web APIs는 브라우저가 제공하는 브라우저가 이해할 수 있는 함수들
Javascript 역사 - 1993년 : Mosaic Web Browser(Netscape) HTML, CSS :페이지와 페이지 사이 이동만 가능 (정적 웹사이트) + scripting 언어(DOM 요소 조작) - 1994년 : LiveScript Interpreter를 이용하여 동적 웹사이트 -> 이름 변경 (LiveScript->Javascript) - 1995년 : Netscape Navigator + Javascript 브라우저 - 1995년 : Microsoft에서 internet explorer - 1997년 : ECMAScript 1 : - 1998년 : ECMAScript2 : - 1999년 : ECMAScript3 : Error Handling, 관계 연산자 - 2000년 : ECMAScript4 : 클래스 -..