javascript 썸네일형 리스트형 require와 fetch의 차이점 정리 require와 fetch의 차이점 정리자바스크립트에서 require와 fetch는 전혀 다른 역할을 하는 기능입니다. 이 글에서는 두 함수의 목적, 사용 환경, 동작 방식 등의 차이를 정리합니다.✅ require (CommonJS 모듈 시스템)용도: 자바스크립트 코드에서 다른 파일이나 모듈을 불러올 때 사용사용 환경: Node.js동작 방식: 동기적(synchronous)예시:const fs = require('fs');특징:로컬 파일 또는 Node 내장 모듈을 불러옴파일 내용을 읽는 게 아니라, 모듈 전체를 가져와 실행✅ fetch (웹 API)용도: HTTP 요청을 보내서 외부 리소스를 가져올 때 사용사용 환경: 브라우저, 최신 Node.js 환경동작 방식: 비동기적(asynchronous) (Pr.. 더보기 [JS] 5장. 자바스크립트의 메모리 관리 자바스크립트의 메모리 관리 var string = new String("aa") string == string1; // true string1 = 'aa'; // 'aa' string === string1; // false string.toString() === string1 // true // 생각해볼것: 기본형도 참조형을 toString()같은 메소드로 바꿔 보여주는 것 아닐까? [번역] 자바스크립트의 메모리 관리 설명 JavaScript에서 변수, 함수, 객체 등이 어디에서 어떻게 저장되고 사용되는지, 그리고 더 이상 필요하지 않을 때 어떻게 수집되는지를 간략히 설명한 글입니다. velog.io 더보기 [JS] 3장-2. 프로토타입 3-7. 프로토타입 ES5에서는 class라는 키워드가 없다 ES6에서 class라는 키워드가 나옴 그래서 ES5를 쓸 때 class 비스무리한 것을 "프로토타입"을 사용해서 만듦 프로토타입 프로토타입: 부모 객체에 접근할 수 있는 프로퍼티 [[Prototype]], __proto__ 등의 키워드로 접근 가능 [코딩애플] 이거보고 prototype 이해 못하면 강의접음 var arr = []; arr.forEach(); // 내가 forEach를 정의하지 않았는데 어떻게 사용할 수 있지? [[Prototype]]을 찍어보니, Array(0)이라 나옴 아, Array라는 프로토타입이 forEach를 가지고있기 때문에 arr에서 forEach를 사용할 수 있구나! object obj = {}; // obj... 더보기 [JS] 2장. 브라우저, 자바스크립트 1. 브라우저: 문서, 이벤트, 인터페이스 DOM DOM(Document Object Model): DOM은 웹 페이지 내의 모든 콘텐츠를 객체로 나타내줌 HTML을 모델링한 게 DOM이라 생각하면 됨 Youtube DOM이란 뭘까요? 초짧은 설명 Window 객체 window = 루트 객체, 즉 브라우저 여러 이벤트도 등록되어있는 자바스크립트 코드의 전역 객체 Ex) 콘솔에서 따로 document라는 변수를 선언하지 않아도 document라는 브라우저에서 제공하는 내장 변수를 호출할 수 있음 2. 자바스크립트 JS 파일을 만들어도 되고, 태그 안에 작성해도 됨 HTML 렌더링의 가장 큰 원칙은 위에서 아래로 읽는 게 원칙 즉, 자바스크립트는 순서도 중요함 더보기 [JS] 1장. ES6란? ES6 ES6: 자바스크립트 표준, 규격을 나타내는 문법 모던 자바스크립트 과거에는 많은 사용자가 explorer를 쓰고 있었기 때문에, 많은 곳이 ES5로 서버를 제공했었음 ES5로 제공되고 있는 서버에서 ES6 문법을 쓰면, minimize 시 오류가 발생함 실제로 a?.aaa나 a ?? a같은 ES6 문법을 쓰면 오류가 남 => a === null ? undefined : aaa 로 하기 => a !== undefined !== null || a 로 써야 함 let, const 등을 써도 오류가 날 것 => var 사용하기 그러나 var 등 ES5는 함수 스코프를 따르고, 중복 선언이 가능하기 때문에 객체가 오염될 수 있다는 단점이 있음 => ES6 사용 가능하면 let, const 등 ES6를 쓰자 더보기 섹션 2: Next-Gen JS 10. Next-Gen JavaScript 리액트 앱은 보통 가장 최신 버전의 자바스크립트와 차세대 기능을 이용, 깔끔하고 강력한 리액트 앱을 작성할 수 있게 해줌 또한 리액트 자체가 수많은 차세대 자바스크립트 기능을 이용함 JS는 아주 빠르게 진화하기 때문에 새로운 기능들은 다양한 모습으로 보여질 수 있고, 덕분에 개발자들은 더 강력한 것들을 만들 수 있음 JS를 쉽게 실행해볼 수 있는 Jsbin.com http://jsbin.com/?js,console JS Bin Sample of the bin: jsbin.com 11. 변수 let과 const var: JS에서 변수를 생성함 let, const: ES6에서 변수를 생성하는 키워드 let - 새로운 var 변수 선언 시 사용 값을 수정할 수 있는 .. 더보기 이전 1 다음
