FrontEnd
06_JS_배열 내장함수
추가적으로 정리해야할 내용이 있다!! 1. 비구조화 할당 객체를 만들고 함수를 통해서 그 객체를 불러낼 때 보통 객체의 이름을 항상 앞에 붙여두어야 하는데, 그걸 쉽게 해주는 것이다. const ironMan = { name: "토니 스타크", actor: "로버트 다우니 주니어", alias: "아이언맨" }; const captainAmerica = { name: "스티브 로저스", actor: "크리스 에반스", alias: "캡틴 아메리카" }; function print(hero) { const { alias, name, actor } = hero; const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다`; console.log(text); } pri..
05_promise,Async-Await
Promise 위 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. 라고 되어 있다. 자세한건 코드를 직접 써보면서 이해를 해보자. 자세한 정보는 아래의 mdn사이트를 참조해도 좋을 것 같다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise Promise - JavaScript | MDN Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. developer.mozilla.org Promise는 ES6부터 JS의 표준 내장 객체로 추가되었다. console.log(Promise) // f Promise() 위와 같이 객체로 포함되..
04_JS_클래스
클래스 객체를 만들 수 있는 새로운 방법 클래스를 생성하는 방법은 다음과 같다. class A{ } console.log(new A()); const B = class{}; console.log(new B()); //console.log(new B); 도 가능 //new C(); //class C{}; // 에러(호스팅이 적용되지 않음.) constructor(생성자) C++에서의 생성자 개념과 똑같았다. 객체를 만들때 자동으로 호출되는 함수라고 생각하면 될 꺼 같다. class A{} console.log(new A()); class B{ constructor(){ console.log('constructor'); } } console.log(new B()); class C{ constructor(na..
03_JS_객체
객체 (object) 함수,클래스는 결국 '틀'이라 생각할 수 있고, 직접 사용하려면 객체를 생성해야 한다! function A() {} const a = new A(); console.log(a,typeof a); //객체를 생성함 console.log(A()); //함수를 그냥 실행하고 return을 받아옴 즉, 함수를 객체나 객체의 인자로 자유로이 사용이 가능하다는 것이다. function A() { this.name = 'mingyu'; } const a = new A(); console.log(a); //A {name: 'mingyu'} function B() { this.hello = function () { console.log('hello'); } this.name = 'mingyu' } ..
02_JS_조건,반복,함수
조건문 어느 언어와 똑같이 if 조건식 안이 참인 경우에 실행되는 문법이다. false,0,'',null,undefined,NaN 등이 들어오는 경우 false로 평가되게 된다. 위 값이 아닌경우는 모두 True로 평가되게 된다. >> 빈 배열이나 블록( {} , [] )가 입력되어도 참으로 인식한다! 물론 else와 else if{}도 사용할 수 있다. 표현식 &&를 사용하면 if문처럼 실행시킬 수도 있다. let n = 5; n%5 === 0 && console.log('실행!') ||를 사용하면 오히려 앞표현식이 참이면 뒤표현식을 실행할 필요가 없어서 실행하지 않는다. 즉, 반대로 작동하게 된다. 삼항 연산자 let n = 5; console.log(n%5 === 0 ? '5의배수':'5의배수가 아..
01_JS_변수,상수,자료형
이제 드디어 자바 스크립트에 대해 공부하기 시작했다! 파이썬,c,c++ 등의 언어와 어떻게 다를지 기대가 된다! 자바 스크립트 (Java Script) >>스크립트 언어 >>인터프리터 언어 자바라는 이름이 있긴 하지만 자바와 사실 별 연관은 없다! 당시 인기있던 언어가 자바였어서 그 인기를 타기 위해서 라고 했다 ㅋㅋ 자바스크립트는 웹브라우저만 만드는 역할을 하는것이 아니다. node.js를 이용하여 서버사이트나 데스크탑 애플리케이션을 만들수도 있으며 모바일 애플리케이션도 만들 수 있다. ecma인터네셔널 표준 문법을 정의하는 공식 사이트 chrome과 node.js가 필수이다!! console.log('hello JavaScript') 모든언어의 시작이듯 hello JavaScript를 실행시켜 보겠다..