본문 바로가기
반응형

분류 전체보기144

모듈 시스템 분리된 하나의 파일을 모듈이라고 한다. 이러한 모듈을 언제든지 불러오는 방법을 모듈 시스템이라고 한다. js에서 모듈 시스템이 있기 전에는 브라우저에서 script파일을 선언해서 불러 올 수 있다. 하지만 이러한 방법은 하나의 파일에 있는 것처럼 전역 스코프를 공유하게 된다. 즉 전역 스코프를 공유한다는 문제점이 생긴다. //a.js let number = 10 //b.js let number = 20 //index.html //number: 20 number를 콘솔에 출력했을 때 20이 출력됨을 확인할 수 있다. b.js파일을 가장 마지막에 불러왔기때문에 덮어씌여졌다. 이처럼 실제로 파일은 나누어져있지만 브라우저에서 동작할때는 마치 하나의 파일에 있는것처럼 동작하게 된다. 이렇게 이름이 같은 변수명이 .. 2022. 9. 20.
인터넷이 동작하는 가장 기본적인 원리 출처 페이지 HTTP란 무엇인가 인터넷(Internet) 인터넷은 TCP/IP(Transmission Control Protocol/Internet Protocol)라는 통신 프로토콜을 기반으로 하여 전 세계적으로 연결된 컴퓨터 네트워크 🔸[인터넷의 구성] 클라이언트와 서버로 구성 / 수많은 클라이언트 컴퓨터와 서버 컴퓨터, 그리고 이들로 구성된 네트워크들의 집합체인 것이다. 🔸[인터넷 서비스 종류] 인터넷 ≠ 웹이며, 웹은 인터넷 서비스들 중 하나이다. 인터넷 서비스의 종류: 월드 와이드 웹(WWW), 전자 메일(e-Mail), 파일 공유(토렌트, eMule 등), 웹캠, 동영상 스트리밍, 온라인 게임 웹(WWW) 🔸[웹의 개념] 웹(Web): 월드 와이드 웹(World Wide Web, WWW, W3.. 2022. 9. 20.
Node.js chrome v8 javascript 엔진으로 빌드 된 javascript 런타임이다. * javascript 런타임이란? 런타임이란 프로그래밍 언어가 구동되는 환경을 말하는데, Node.js나 크롬 등의 브라우저들은 javascript가 구동되는 환경이기 때문에 브라우저나 node.js들을 자바스크립트 런타임이라고 말한다. 브라우저: HTML,CSS,자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것이 목적 브라우저는 DOM API를 기본적으로 제공한다. Node.js: 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것이 주된 목적 Node.js는 DOM API를 제공하지 않는다. 브라우저 외부 환경에서는 HTML요소를 파싱해서 객체화한 DOM을 직접 다룰 필요가 없기 때문이다. 서버사.. 2022. 9. 20.
React 기초 지식 Node.js( javascript runtime), npm(node package manager) 설치 IDE(Integrated Development Environment)로 vscode 설치 [React CDN 사용] DOM Container(Root DOM Node) 추가하기 리액트 사용해보기 [create-react-app 사용] Node.js v14.0.0 이상 npm v6.14.0 이상 npx : create-react-app npx create-react-app my-app으로 설치 # 경로 변경 ( change directory) $ cd my-app # 애플리케이션 실행 $ npm start - 로컬 환경 실행 [JSX] A syntax extension to JavaScript 자바스.. 2022. 9. 5.
728x90
반응형

티스토리툴바