AI / DL47 [SW 코딩 훈련] Node.js와 Express.js 04. 웹과 Express.js 웹 사전적 의미 : World Wide Web, 인터넷상에서 동작하는 모든 서비스 일반적 의미 : 웹 브라우저로 접속해서 이용하는 서비스, 웹 사이트 웹사이트 동작방식 웹 서비스는 기본적으로 HTTP 요청과 응답의 반복으로 이루어진다. HTTP 요청은 사용자가 어떤 데이터가 필요한지를 서버에게 알리는 역할이다. 예를 들어 www.naver.com 이 필요하단 정보를 전달하는 것이다. HTTP 응답은 HTTP 요청에 해당하는 적절한 데이터를 전달하는 역할이다. 브라우저가 인터넷을 통해 HTTP 요청을 서버에 전달 서버는 사용자의 HTTP 응답을 브라우저로 전송 브라우저는 HTTP 응답을 사용자에게 적절한 화면으로 노출 (시각화) HTTP 요청과 응답 HTTP 요청은 어떤 사용자가, 어떤 데이터를 필요로 하.. 2022. 11. 25. [8기 Data Science] 4주차 미션 - KOSIS 데이터 분석 및 시각화 보호되어 있는 글 입니다. 2022. 11. 24. [SW 코딩 훈련] Node.js와 Express.js 03. NPM과 모듈 NPM(Node Package Manager) Package는 어떤 노드, 코드들의 모음이다. Manager는 Package를 관리하는 툴이다. NPM은 Node.js 프로젝트를 관리하는 필수적인 도구라고 보면 된다. NPM은 온라인이 연결된 환경이라면 어디서든 사용할 수 있도록 온라인 저장소가 있고, cmd나 terminal 같은 커맨드라인 도구에서 이를 사용할 수 있다. NPM 온라인 저장소는 수많은 오픈소스 라이브러리와 도구들이 업로드되는 저장소다. 이곳에서 필요한 라이브러리나 도구를 손쉽게 검색 가능하다. JS 한계를 넘은 Node.js의 특징 때문에, 웹이 아니라 다양한 분야에서 사용되기 때문에 Node.js의 인기로 거대한 생태계를 보유한다. cmd나 terminal 같은 커맨드라인 도구는 프.. 2022. 11. 24. [SW 코딩 훈련] Node.js와 Express.js 02. Node.js 이해하기 ES6 ECMAScript 버전 6 이후를 통틀어 일반적으로 ES6이라고 부른다. ECMAScript JavaScript의 표준문법이다. 2015년, ECMAScript 버전 6 이후로 많은 현대적인 문법이 추가됐다. ES6를 사용하는 이유 현대적인 문법은 생산성 향상에 도움을 준다. 즉, 적은 코드로도 유용하고 많은 기능을 할 수 있다는 뜻이다. Node.js는 빠르게 최신 ECMAScript를 지원한다. 자주 사용되는 유용한 문법을 익히고 필요한 부분에 적절하게 활용하는 것이 중요하다. 하지만 Node.js는 ES6의 모든 문법을 지원하지는 않는다. Node.js로 자주 사용되는 유용한 ES6문법의 코드를 익히는 과정은 필요하다. 자주 사용되는 ES6 문법 기존에는 변수를 선언하는 과정에서 var라는.. 2022. 11. 22. [SW 코딩 훈련] Node.js와 Express.js 01. Node.js 시작하기 Node.js 웹이 발전함에 따라 필요성이 대두됐다. WEB 1.0에서 단방향 통신 위주일 때 사용자가 정보를 일방적으로 수용했다. 2.0은 어떤 웹 프로그램의 개념이 등장해서 정보 수신뿐만 아니라 전달까지 가능했다. 사용자와 상호작용이 가능해졌다. 이에 따라 많은 사용자가 웹 어플리케이션을 사용하고, 그 종류도 많아졌기 때문에 고성능의 JavaScript가 필요해졌다. 이를 지원하는 브라우저인 Chromium Project가 등장했고 이 안에는 V8이라는 엔진이 있었다. 이 엔진은 JavaScript를 더 빠른 속도로 처리할 수 있어서, 오늘날 더욱 다양한 웹 어플리케이션을 사용하는데 도움이 되었다. V8은 고성능의 JavaScript 실행이 가능했는데, 웹 브라우저에 달린 V8 엔진을 따로 분리해서 .. 2022. 11. 22. [SW 코딩 훈련] 핵심 JavaScript 기초 04. DOM과 이벤트 DOM(문서 객체 모델, Document Object Model) 객체 지향 모델로써 구조화된 문서를 표현하는 형식이다. 특히 웹페이지를 기반으로 한 HTML을 구조화하기 좋다. DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스이다. JavaScript는 이 DOM을 다룰 수 있다. DOM은 문서의 구조화된 표현(structured representation)을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 한다. 이 중에서 HTML DOM은 HTML 문서를 조작하고 접근하는 표준화된 방법이다. JavaScript는 궁극적으로 HTML 문서에서 특정 요소를 조작하거나 접근해야한다. 하지만 기본적으로는 HTML의 어디에 무엇이 있는지 모른다. 그래서 신원미상의 HTML.. 2022. 11. 21. [SW 코딩 훈련] 핵심 JavaScript 기초 03. 자바스크립트 제어문 조건문 주어진 조건에 따라 결과값을 출력하는 구문. 조건으로는 비교 연산자 또는 논리 연산자를 사용한다. if 문 if ( 조건 ) { 수행할 명령 } if ~ else 문 else if 문 여러 개의 조건문을 생성할 때 사용한다. 가장 첫 번째로 true가 나오는 조건의 명령을 수행한다. 중첩 if문 if문 안에 또 다른 if문을 삽입할 때 사용한다. 반복문 for 문 for ( 초기화한 변수값; 조건; 증감 표시) {수행할 명령} while 문 while ( 조건 ) { 수행할 명령 } 조건이 참일 동안 중괄호 안의 코드를 실행한다. do ~ while 문 do { 수행할 명령 } while ( 조건 ) ; while의 조건과 관계 없이, do의 명령을 무조건 실행부터 한다. 자바스크립트 활용 주사위.. 2022. 11. 15. [8기 Data Science] 3주차 미션 - seaborn 시각화 보호되어 있는 글 입니다. 2022. 11. 15. 이전 1 2 3 4 5 6 다음