본문 바로가기
반응형

○ WEB/19.07 BoostCourse_DB연결 웹앱25

[6.2] 익스프레스에서 몽고디비 사용 익스프레스 : 웹서버를 만들 때 필요한 파일들을 자동으로 생성해준다. 1단계 app.js 파일에 코드를 쓰자! 하단의 코드를 입력하기 전, npm init 으로 json파일을 만들고나서 npm install * --save를 입력해서 외장 모듈들을 설치하자 const express = require('express'), http = require('http'), path = require('path'); const bodyParser = require('body-parser'), cookieParser = require('cookie-parser'), static = require('serve-static'), errorHandler = require('errorhandler'); const expres.. 2020. 1. 14.
[6.DB] mongoDB 다운 / 데이터 추가 / 데이터 조회 Download Center: Community Server Download MongoDB Community Server, the most popular non-relational database built to address the needs of modern applications. www.mongodb.com 1. 설치 후 시스템 PATH에 bin폴더 추가하기 시스템 변수 편집 > 변수이름 : Path, 변수 값 : C:\Program File\MongoDB\Server\4.2\bin 2. 윈도우 사용자 폴더 밑에 database폴더 만들고 그 안에 local폴더 생성 3. 프롬프트 창에 다음 명령어 입력해서 실행해보자 (user는 사용자 계정이름을 넣으면 된다) mongod --dbpath /Us.. 2020. 1. 14.
[웹기초 BE_Servlet] Servlet 정리 자바웹앱? 자바웹앱은 혼자서 동작하지 않고 WAS(웹앱서버)에 설치되어 동작하는 앱 자바웹앱 폴더에는 WEB-INF폴더 필수존재. 이 폴더 안에 web.xml파일 존재(servlet3.0미만) web.xml이 배포기술자, 웹앱정보를 가짐 서블릿? URL요청을 처리하는 프로그램을 서블렛 프로그램을 수행해서 페이지를 동적으로 만들어 준다. 자바 웹앱의 구성요소 중 동적인 처리를 하는 프로그램 역할 WAS에서 동작하는 JAVA클래스 HttpServlet 클래스 상속받아야함 서블릿과 JSP를 조화롭게 쓰면 좋다. 웹페이지 구성화면(HTML)은 JSP로, 복잡 프로그래밍은 서블릿으로 구현 Dynamic WebProject생성 > HelloServlet이란 서블릿 클래스 생성 작성된 서블릿은 서블릿클래스 내부에 설.. 2019. 7. 19.
7. mar Mar 2019. 7. 18.
6-2 DML DML (Data Manipulation Language): 데이터 조작용 언어 > 예시 : INSERT, UPDATE, DELETE, SELECT 등 insert : 등록 select : 검색 update : 수정 delete : 삭제 select 구문의 기본문형 SELECT(DISTUNCT) 칼럼명(ALIAS) FROM Table명; SELECT 검색할 데이터(칼럼) 나열 DISTINCT 중복행 제거 ALIAS 나타날 컬럼에 대한 다른 이름 부여 FROM 선택한 칼럼이 있는 테이블 명시 SELECT 구문 사용하기 *는 모든 데이터를 찾을 때 사용한다 예시 : SELECT * FROM DEPARTMENT; SELECT.. 2019. 7. 18.
[에러/해결] ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061) 시작 > 서비스 > MYSQL을 실행하면 됨 2019. 7. 17.
6. SQL이란? / DB생성 / 계정 생성 및 권한 부여 / Table 명령어 / Sample sql 데이터 활용 부스트코스 교육내용(링크)을 바탕으로 학습 자료를 추가하였습니다. SQL이란? 한국사람과 미국사람이 대화하기 위해서는 한쪽이 이해할 수 있는 언어를 사용해야 하듯이 DBMS에게 명령을 내릴 때도 특별한 언어(SQL)가 필요 학습할 키워드 create database grant / create all flush privileges () select (선택) SQL(Structured Query Language)? Structured : 정리정돈, 구조화됨 / Query : DB에게 데이터에 대한 처리를 요청하는 것 SQL은 데이터를 보다 쉽게 검색하고 추가, 삭제, 수정 같은 조작을 할 수 있도록 고안된 컴퓨터 언어 관계형 데이터베이스에서 데이터를 조작하고 쿼리하는 표준 수단 DML (Data Manipu.. 2019. 7. 17.
5-1 MySQL설치 / MySQL 실행 / MySQL 종료 부스트코스 교육내용(출처)을 바탕으로 학습 자료를 추가하였습니다. MySQL :: MySQL Downloads MySQL Downloads Oracle MySQL Cloud Service (commercial) Oracle MySQL Cloud Service is built on MySQL Enterprise Edition and powered by Oracle Cloud, providing an enterprise-grade MySQL database service. Learn More » MySQL Enterprise Edition (commercial) My www.mysql.com MySQL 사이트로 이동한다. 그리고 다음 순서대로 진행하여 다운받을 것! 오른쪽 사진처럼 포.. 2019. 7. 17.
[에러/해결] MySQL the specified port already in use 위 사진처럼 포트번호 옆에 느낌표 발생현재는 the specified port already in use 에러 발생.이전 MySQL버전이 설치되어 있어서 생긴문제이전 버전을 삭제하면 끝. 이제 삭제해보자Win+R을 누른 뒤 "resmon.exe" 입력하여 port number 3306을 찾자 port number 3306의 PID는 5256이다. 이 PID를 기억할 것! 이제 CMD를 관리자 권한으로 실행하고 다음처럼 입력해주면 된다. MySQL Installer에 포트번호를 다시 입력해주면 에러가 사라진 것을 알 수 있다. 2019. 7. 17.
5. DB와 DBMS의 차이 부스트코스 교육내용(출처)을 바탕으로학습 자료를 추가하였습니다.들어가기 전에프로그램에서 다루는 데이터가 많아질수록, 그 데이터를 동시에 사용하는 사람이 많아질수록 데이터의 관리는 어려워집니다.이러한 데이터를 쉽고 편리하게 다룰 수 있도록 하기 위해서 등장한 것이 데이터베이스 메니지먼트 시스템입니다.이번 시간엔 데이터베이스와 데이터베이스 메니지먼트 시스템에 대해서 알아보도록 하겠습니다. 학습 목표데이터베이스와 데이터베이스 메니지먼트 시스템에 대해서 이해하고, 설명할 수 있다.핵심 개념데이터베이스 (Database)데이터베이스 메니지먼트 시스템 (DBMS)데이터베이스 데이터베이스(DB)의 기본개념 (정의)어느 한 조직의 다양한 응용 프로그램들이 공동으로 사용하는 데이터들을 통합해 저장하고 운.. 2019. 7. 17.
JSP, Spring의 차이점 JSP는 웹 페이지 영역에서 사용되고, Spring은 웹 서비스 전반적 환경을 구성합니다.Spring이 나라라고 한다면, JSP는 도시 입니다. 스프링은 프로그램 전반적인 근본이 되는 환경을 구축하고있고, JSP는 그 환경의 일부분에 사용되는 언어입니다. 2019. 7. 16.
3-1. application scope 부스트코스 교육내용(출처)을 바탕으로 학습 자료를 추가하였습니다. 들어가기 전에 하나의 웹 어플리케이션에서 공유하고 싶은 변수가 있을 때 application scope를 사용합니다. 이번 시간엔 어플리케이션 스코프에 대해서 알아보도록 하겠습니다. 학습 목표 application scope를 이해한다. application scope를 사용할 수 있다. 핵심 개념 ServletContext setAttribute getAttribute 애플리케이션 스코프 (출처) 애플리케이션 스코프(application scope) 역시 가시성과 생존주기는 객체에 저장된다. 애플리케이션 스코프 객체는 모든 클라이언트와 발생되는 웹 어플리케이션에서 볼 수 있다. 애플리케이션스코프 객.. 2019. 7. 15.
3. scope란? / page scope / request scope / session scope 부스트코스 교육내용(출처)을 바탕으로 학습 자료를 추가하였습니다. 들어가기 전에 Servlet과 JSP를 개발하다보면 변수를 많이 다루게 됩니다. 어떤 변수는 웹 어플리케이션에서 공유하고 싶은 변수가 있을 수도 있고, 어떤 변수는 사용자 별로 유지하고 싶은 변수가 있을 수 있습니다. 또 어떤 변수는 포워딩 되는 동안 유지하고 싶은 변수가 있습니다. 이렇게 변수를 어떤 범위 내에서 사용하기 위해서는 스코프(scope)라는 것에 대해서 알아야 합니다. 이번 시간엔 scope에 대해서 알아보도록 하겠습니다. 학습 목표 4가지 scope에 대해서 이해한다. 핵심 개념 application scope session scope request scope page scope 4가지 Scope Ap.. 2019. 7. 15.
2. redirect / forward / servlet & jsp 연동 부스트코스 교육내용(출처)을 바탕으로 학습 자료를 추가하였습니다. 들어가기 전에 게시판 같은 곳에서 글을 작성하는 경우 글 작성 후 글 작성 버튼을 클릭 이때 클라이언트가 서버에게 글을 작성해주세요 라는 요청을 보내게 됩니다. 서버는 해당 글을 저장한 후, 웹 브라우저에게 글 목록으로 이동하라고 응답을 보내게 됩니다. 웹 브라우저는 글 목록으로 이동하라는 서버의 요청을 받은 후, 자동으로 서버에게 글 목록을 요청하여 응답받아 출력하게 됩니다. 서버가 클라이언트에게 어떤 URL로 이동하라는 요청을 보내는 것을 리다이렉트라고 합니다. 핵심 개념 HttpServletResponse sendRedirect() 리다이렉트 (redirect) 리다이렉트는 HTTP프로토콜로 정해진 규칙이다. .. 2019. 7. 14.
1. JSP / 라이프사이클 / 문법 / 내장객체 부스트코스 교육내용(출처)을 바탕으로 학습 자료 추가하였습니다. 들어가기 전에 마이크로소프트의 ASP(Active Server Pages)와 같은 스크립트 형태의 개발 방법이 인기를 얻게 되면서, 자바 진영에서도 대항하기 위해서 JSP를 발표하게 됩니다. 학습 목표 jsp가 무엇인지 이해한다. jsp의 간단한 사용법을 알아본다. 핵심 개념 jsp (java server page) JSP란? 출처 JavaServer Pages 의 약자 HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다. JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트.. 2019. 7. 13.
[DB연결 웹앱 JS] 2. window 객체 / DOM / querySelector / Browser Event, Event object, Event handler / ajax / 디버깅 부스트코스 교육내용(출처)을 바탕으로 학습 자료 추가하였습니다. window 객체(setTimeout) 들어가기 전에 전역객체(window)에 속한 메서드에는 경고창을 띄워주는 alert 그리고 setTimeout이라는 메서드등이 있습니다. 학습 목표 setTimeout을 필요한 곳에 사용할 수 있다. 비동기가 무엇인지 기본개념을 이해한다. 핵심 개념 setTimeout과 비동기 window 객체 브라우저 개발을 하다 보면, window라는 객체가 있습니다. window에는 많은 메서드들이 존재하며, 아래처럼 사용할 수 있습니다. window는 디폴트의 개념이므로 생략할 수 있습니다. window.setTimeout() setTimeout() //window는 전역객체라서 생략 가능하다. setTimeo.. 2019. 7. 12.
[DB연결 웹앱 JS] 1. JS / var, let, const / 연산자 / 문자열 / 함수 선언문, 함수 표현식 / 함수호출과 스택 부스트코스 스크랩, 상세한 내용은 여기!! 연산자 학습 목표 자바스크립트 변수 선언, 연산자 사용, Type을 이해한다. 핵심 개념 변수선언 연산자 Type 종류 Type 확인 방법 자바스크립트의 버전 자바스크립트 버전은 ECMAScript(줄여서ES)의 버전 따라 결정, 이를 자바스크립트 실행 엔진이 반영 버전 : ES5, ES6(ES2015).. ES6문법이 2018년을 중심으로 ES6를 지원하는 브라우저(파이어폭스, 크롬)가 많아져 표준으로 사용 ES6는 ES5문법을 포함하여 하위호환성 문제 없음 다만 feature별로 지원하지 않는 브라우저가 있을 수 있어 조심 변수 변수는 var, let, const 로 선언할 수 있습니다. (var,let,const의 차이점이 궁금하다면 여기!) var let.. 2019. 7. 12.
[웹기초 BE_Servlet] 서블릿과 JSP란? 차이점은? https://gmlwjd9405.github.io/2018/11/04/servlet-vs-jsp.html [Web] Servlet과 JSP의 차이와 관계 - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io 하는 일, 기능은 동일하나 역할이 다르다. 서블릿 웹 기반 요청에 대한 동적 처리 가능한 서버 사이드 자바 프로그램 자바 코드안에 HTML 코드(하나의 클래스) 존재 웹 개발을 위해 만든 표준 서블릿 JSP 웹 기반 요청에 대한 동적 처리 가능한 서버 사이드 자바 프로그램 JAVA언어 기반의 서버사이드 스크립트 언어 자바 코드안에 HTML 코드(하나의 클래스) 존재 HTML 코드 안에 java 코드 웹 개발을 위해 .. 2019. 7. 11.
반응형