AI Platform / Web

1. helpermethod 자바스크립트에서 helpermethod인 forEach에 대해 알아보자. 가장 기초적인 예시부터 다양한 예시를 적어보겠다. 2. forEach forEach의 가장 큰 특징은 리턴 없이 하나씩 돌려주는 것이다. 일반 사용 const fruits = ['apple', 'banana', 'peach', 'blue berry'] fruits.forEach(function(fruit){ console.log(fruit); }) // 과일이 하나씩 출력된다. axios 사용 // return값이 없어서 axios에 유용하게 사용가능하다. const urls = ['https://han...', 'https://python...', 'https://javascript...'] urls...

1. helpermethod 자바스크립트에서 helpermethod인 map에 대해 알아보자. 가장 기초적인 예시부터 다양한 예시를 적어보겠다. 2. map map은 주로 리스트 안의 숫자들을 각각 하나씩 더하거나 곱할 때 사용한다. const arr1 = [1, 2, 3] const newArr1 = arr1.map(num => num + 1) console.log(newArr1) // 위의 코드와 아래의 코드는 같다. const arr1 = [1, 2, 3] const newArr1 = arr1.map(function(num) { return num + 1 }) console.log(newArr1) // [2, 3, 4]

자바스크립트에서 함수는 속성을 가질 수 있다. 그리고 모든 함수에는 트로토 타입이라는 특수한 속서이 있다. 상속 관점에서 자바스크립트의 유일한 생성자는 객체이다. 각각의 객체는 그것의 프로토타입이라고 불려지는 다른 객체가 있고, 그 객체와 연결된 개인적특성이 있다. 그리고 그 객체는 다시 그 자신의 프로토타입을 가진다. 상속(Inheritance) 속성 상속(Inheriting properties) // o라는 객체가 있고, 속성 'a' 와 'b'를 갖고 있다고 하자. let f = function () { this.a = 1; this.b = 2; } let o = new f(); // {a: 1, b: 2} // f 함수의 prototype 속성 값들을 추가 하자. f.prototype.b = 3; ..

1. 웹의 종류 브라우저와 JS를 모두 모았을 때 크게 3가지 종류로 나누기가 가능하다. 1. BOM : window(브라우저 오브젝트 모델) 2. DOM : window.document 3. ES 이 때 하나의 의문이 들 수가 있다. BOM안에 DOM이 있는데 왜 종류는 나누는 가 이다. 왜냐하면, DOM자체가 매우 중요하기 때문에 포함 되어 있더라도 나눠서 사용한다. 인터넷을 열면 하나의 창에 여러게의 탭이 있는 것을 볼 수 있다. 이러한 하나의 탭을 BOM이라고 보면 되고, BOM안에 있는 document를 DOM이라고 본다. 다시 강조하지만, 다른 것이 아니고 BOM안에 DOM이 있는 것이다. 이때, DOM의 document가 매우 중요하며, 이 document를 해석하는 것이 브라우저의 존재 이..

웹의 역사 기본 웹의 역사를 알아보자. 기본 개념 클라이언트가 서버로 URL로 요청을 보낸다. 그러면 서버는 클라이언트에게 문서한장(HTML, CSS, Javascript)을 보내준다 브라우저가 문서한장을 시각화 시켜 바꿔준다. SQL은 DB가 알아 듣는 유일한 언어다 Strected Query Language = RDBMS = 관계형 데이터 베이스 메니지먼트 시스템 1995년 네스케이프가 브라우져의 90프로 이상을 차지하고 있었고. 마이크로소프트 사의 explorer은 점유율이 매우 작았다. 1996 네스케이프는 브라우저를 움직이게 해 보고 싶어서 언어를 만들었다.(Mocha => LiveScript => Javascript) 1997 네스케이프는 JavaScript를 인증 받길 원해서 수소문 끝에 E..

JS(Browser) 오늘 배울 내용 ES callback Function funtion(){} () => {} this function DOM(+BOM) HTML 요소들을 직접 만들기 Event FUNCTION // 1. default args function defaultArgs(a=1, b=2) { console.log(a + b) // return a + b } defaultArgs() 3 defaultArgs(20, 30) 30 // 2. JS 함수의 인자 개수 function wrongArgCount(a, b) { console.log(a, b) } wrongArgCount() undefined undefined wrongArgCount(1) 1 undefined wrongArgCount(1,..