IT&컴퓨터공학/Javascript
-
[Javascript] 화살표 함수 와 일반 함수IT&컴퓨터공학/Javascript 2021. 1. 18. 22:05
1. 일반 함수와 화살표 함수 표현 매개변수가 없을때 // 일반함수 function foo(){ const a = 5; const b = 10; console.log(a+b); return (a+b); } foo(); // 화살표함수 var foo = () =>{ const a = 5; const b = 10; console.log(a+b); } foo(); 매개변수가 있을때 // 일반함수 function foo(a,b){ console.log(a+b); } foo(10,100); // 화살표함수 var foo = (a,b) => { console.log(a+b); } foo(10,100); 더 간편하게 쓰는 화살표함수 // 기본 화살표함수 var foo = (a,b) => { return (a+b); ..
-
[JAVASCRIPT]8. null 과 undefined 의 차이점IT&컴퓨터공학/Javascript 2020. 4. 13. 22:10
undefined : 컴퓨터가 임의로 할당해준 빈 값 var num console.log(num) // undefined : 이것도 일종의 값이다. // 값을 안넣을 수도 있는것임 ! -> 나중에 넣어주면 된다. // 컴퓨터가 기본적으로 정해준값임 . 처음에 아예 할당이 안된 변수 null : 내가 고의적으로 비워준 빈 값 var num = null console.log(num) // null : 이것도 일종의 값이다. // 값을 안넣을 수도 있는것임 ! -> 나중에 넣어주면 된다. // undefined 보다 무조건 null 을 쓰는걸 추천한다. // 컴퓨터가 기억하고있는 값을 지울때 null 을 넣으면 이건 내가 고의적으로 지운것임 참고 var num ='' console.log(num) // " "..
-
[javascript]7. 객체 지향 프로그래밍이란 ?IT&컴퓨터공학/Javascript 2020. 4. 12. 18:00
객체 지향 프로그래밍 ( Object Oriented Programming : OOP ) 설계를 잘하는법 : 현실을 잘 반영해야함. 그러나 그 현실의 복잡합이 모두 필요한 것은 아니다. 따라서 '추상화' 를 잘해야함. 프로그래밍적으로 잘 추상화 시켜서 현실을 잘 반영해야한다. 객체 var person = {} // 중괄호를 열고 닫으면 객체를 생성하는 것임 : object person.name = 'egoing'; //name 은 property(속성) , egoing 은 value person.introduce = function(){ return 'My name is '+this.name; //this 는 person 이라는 객체를 가르킨다. } document.write(person.introduc..
-
[JAVASCRIPT]6. arguments 란?IT&컴퓨터공학/Javascript 2020. 4. 12. 15:56
함수에는 arguments 라는 변수에 담긴 숨겨진 유사 배열이 있다. function sum(){ var i, _sum = 0; for(i = 0; i 인자를 뜻하는 변수 document.write(i+' : '+arguments[i]+' '); _sum += arguments[i]; } return _sum; } document.write('result : ' + sum(1,2,3,4)); // 인자 4개 전달 //자바스크립트는 아주 융통성이 좋아서 //함수에 파라미터가 없더라도 인자를 여러 개 넣을 수 있다.
-
[JAVASCRIPT]5. 함수에 대해서IT&컴퓨터공학/Javascript 2020. 4. 10. 00:10
Javascript 에서는 함수도 객체다 . 다시 말해서 함수도 일종의 값 이라고 볼 수 있다. 값의 특징 :어떠한 변수에 담을 수 있다. 따라서 함수도 어떠한 변수에 담을 수 있다. 자바스크립의 함수가 다른 언어와 다른 점이 바로 이것이다. //방법 1 function a(){ } //방법 2 var a = function(){ // 이것이 가능한 이유 : 함수가 값이므로 } a={ // a 는 객체 {} 로 이루어져 있으므로 b:function(){ // b는 key , function 은 value // 객체 안에 정의되어 있는 함수는 '메소드'라고 부른다 ! } } 콜백이란? 어떠한 함수가 수신하는 인자가 함수인경우 함수가 함수를 수신하고, 그 함수가 또 함수를 수신하고 ······· var nu..
-
[JAVASCRIPT]4. UI 와 API 에 대해서IT&컴퓨터공학/Javascript 2020. 4. 3. 22:51
UI : User Interface : 개발자가 아닌 사람들이 사용함 API : Application Programming Interface : 개발자들이 사용함 UI의 예시 : 마우스 , 키보드 , 버튼 클릭 등등 API의 예시↓ 이 경고창은 내가 javascript:alert("Hello world"); 를 쳐서 나타났다. 이 코드안에 파란색의 확인이라는 버튼을 써라 ! 라고 적혀있는가 ? 아니다 ! 즉 이 Alert 이라는 명령안에 저런 코드가 내제되어있는 것임 ( 아마 브라우저 개발자가 만들었겠지..? ) 이 Alert 역시 API 이다. 맨 위에 사용자들이 사용하는것이 바로 UI 웹 개발자의 경우 브라우저 개발자가 만들어 놓은 API 를 이용 브라우저 개발자의 경우 운영체제 개발자가 만들어 놓은..
-
[JAVASCRIPT]3. 모듈(module) 과 라이브러리(library)IT&컴퓨터공학/Javascript 2020. 4. 3. 21:46
"모듈 = 부품" 자바스크립트에서는, 자바스크립트가 구동되는 호스트 환경에 따라 서로 다른 모듈화 방법이 제공된다. 즉, 서버측에서 자바스크립트를 사용하고 싶으면 node.js 라는 이름의 자바스크립트를 사용 즉, 언어와 그 언어가 구동되는 환경에 대해 구분해서 사고할 수 있어야 함. ex) Node.js 에서 어떻게 모듈을 load 하는가 ? // node.circle.js - 읽음을 당하는 쪽 var PI = Math.PI; exports.area = function(r){ // area 라는 함수 export return 2*PI*r; } // node.demo.js - load 의 주체 var circle = require('./node.circle.js'); // require 을 통해 js 파..