let's get IT with DAVINA 💻

1.1 소개 자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어이다. 처음엔 웹 페이지 제작에 있어서 보조적인 기능을 수행하기 위한 용도로써 사용하여 주목받지 못했던 언어..🥲 BUT, prototype.js와 같은 주요 라이브러리들이 개발되고 && jQuery의 등장으로 보다 쉽게 DOM(Document Object Model)을 핸들링하게 되면서 많은 발전을 이루었다. 1.2 자바스크립트 활용 범위 1.2.1 웹 개발 크롬이나 파이어폭스 등 웹 브라우저들이 나날이 발전하면서 새로운 버전을 내놓을때마다 자바스크립트 엔진의 성능 향상을 강조한다. 이는 웹 페이지 개발에 있어 자바스크립트의 역할이 얼마나 큰지를 방증한다. 1.2.2 서버 개발 Node.js의 출현으로 자바스크립트를 활용한 서버 개발도 활..

Module → 코드를 그 파일 내부에서만 한정할 수 있도록 "모듈화" 하는 것! → 모듈화를 하지 않으면 기본적으로 모든 파일에서 코드를 공유해버릴 수 있다. (이름 선언 충돌이 일어날 수 있겠찌?!?!) 브라우저 환경에서는 window에, node 환경에서는 global에 저장되어버리기 때문! //index.html //모듈화하기 //module1.js //export default는 한파일에서 하나만 가능! export default function add(a,b){ return a+b; } //그냥 export export function print() { console.log("print"); } //module2.js import add from "./module1.js" import {pri..

JS에서 this는 왜 어려울까? 다른 언어들에서 this는 만들어진 객체 자기 자신을 뜻하지만, JS에선 다르다! JS에서 this는 요술램프 지니다!! 누가 호출했냐에 따라 누구의 지니인지 동적으로 달라진다. This 1. 브라우저 전역스코프에서 console.log(this) result : window 객체를 가리킴 reason : 브라우저 전역 객체가 window이기 때문에 2. function(){} 내부에서 this 호출 result : window 객체가 나옴 reason : '함수'는 선언 시 window 객체에 '등록'됨. 이 함수는 class에 속한 것도 아니고, 전역 스코프에서 호출되었기 때문에 this가 속한 곳은 window 객체임. 따라서, window.simpleFun()로도..

TypeScript를 배우면서 결국, 타입스크립트는 자바스크립트의 superset인데 그러려면 JavaScript 개념을 조금 더 정리 할 필요성을 느꼈다빈 Prototype은 JS의 상속 기능, 객체 지향 프로그래밍을 위한 것이다!!! Prototype TS는 아래와같이 JS의 superset입니다. JS에선 없었던, class, interface, generics, types 등을 이용해서 객체 지향 프로그래밍이 가능했습니다. BUT, JS도 엄밀히 말하면 proto-based를 통해 객체 지향입니다. 또한, ES6부터는 class를 이용해서 프로토를 기반이기 때문에 객체 지향 프로그래밍이 가능합니다. Prototype은 상속을 위해 쓰이는 아이입니다! 우리가 Class를 이용해서 상속을 구현할 수 ..

MDN에 따르면, 이벤트 루프란, "JS의 런타임 모델은 코드의 실행, 이벤트의 수집과 처리, 큐에 대기 중인 하위 작업을 처리하는 이벤트 루프에 기반하고 있다" 라고 나온다.. 무슨말인지 도통 모르겠으니, 자바스크립트 엔진의 실행 원리를 살짝 알아보자 JavaScript, what r u? 싱글 스레드 언어이다. 뭔말이냐? ▷ 하나의 프로그램은 동시에 하나의 코드만 실행할 수 있다. one thread === one call stack === one thing at a time (멀티가 안돼!!) 자바스크립트 엔진은 Memory Heap & Call Stack으로 구성되어 있다. (가장 유명한 것이 구글의 V8 Engine) Memory Heap : 메모리 할당이 일어나는 장소 ex) 우리가 프로그램에..

19000->₩19,000 export const priceFormatter = new Intl.NumberFormat("ko", { style: "currency", currency: "krw", }); priceFormatter.format( roomType === "1 King Bed" ? pageDetail.rooms ? pageDetail.rooms[0].price: 0 : pageDetail.rooms ? pageDetail.rooms[1].price: 0 )