전체 글 149

[Node.js] Node.js 기본 모듈, 메소드, 동기식과 비동기식 알아보기

1) 기본 실행 console.log('node.js의 시작'); cmd창에서 node 파일명.확장자 명령어 실행해주기 2) fs 모듈 - 파일처리와 관련된 모듈(기능을 모아둔 파일)을 말한다. - node.js에서 가장 중요하고 기초가 되는 모듈이다. 3) 메소드 1. readFile( ) - 파일을 비동기적으로 읽어준다. const fs = require('fs'); //파일을 다루는 모듈 fs.readFile('text1.txt', 'utf-8', (err, data) => { //err가 났을 때 err결과가 data변수에 값이 들어가고 잘 실행되면 바로 data변수에 값이 들어감 if(err){ console.log(err); }else{ console.log(`비동기식으로 읽음 : ${data..

Front-End/Node.js 2021.08.07

[Node.js] node.js 개요,설치/ package.json 설치

1) node.js 란? - 백엔드 개발자가 사용하는 언어로 서버에서 실행되는 자바스크립트를 말한다. - Google V8 JavaScript 엔진을 사용하여 코드를 실행하고 기본 모듈이 자바스크립트로 사용된다. - node.js는 웹서버(아파치, iis, zeus, ...)과 같은 소프트웨어가 필요없이 웹 서버 역할을 할 수 있는 내장 라이브러리가 존재한다. - NPM이라는 패키지 관리자가 포함돼있다. 2) node.js 다운로드하기 1. https://nodejs.org/en/ 접속하기 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 보다 안정적인 LTS 버전 설치하기 3. nex..

Front-End/Node.js 2021.08.07

[JSP] MVC 패턴, Front-Controller 패턴

1) MVC 패턴 1. [JSP 방식] a.jsp --> b.jsp(처리) --> c.jsp ↑↓ DB - 각 페이지마다 필요시 자바코드가 스크립틀릿 내부에 작성되며 DB와 연결하는 코드도 JSP 파일 안에서 모두 작성된다. - 분리되어 있지 않기 때문에 소규모 프로젝트에는 어울리지만 가독성이 떨어지고 분업과 유지보수가 좋지 않으므로 규모가 커지면 불편해진다. 2. [MVC Model1] a.jsp --> b.jsp --> c.jsp ↑↓ DAO, DTO ↑↓ DB - b.jsp에서 DAO의 메소드만 호출함으로써 자바코드가 존재하긴 한다. - 하지만 선언은 분리되어 JAVA파일에 구현이 되어 있으므로 JSP 내의 JAVA코드의 양이 굉장히 줄어들게 된다. - 하지만 페이지가 확장될수록 유지보수가 상대적으..

Back-End/JSP 2021.07.28

[JSP] EL문과 JSTL

1) EL문과 JSTL를 쓰는 이유 - 페이지의 가독성을 높이기 위해 사용한다. - Mybatis와 유사하게 라이브러리로 자바 구문을 만들어 놓고 필요할 때마다 꺼내쓰면 되기 때문에 유지보수에 편리하다. - JSP 페이지 내에서 자바코드와 HTML코드(태그)가 섞여 있으면 가독성이 떨어진다. - EL문과 JSTL문을 이용하면 HTML과 태그로만 구성된 일관적인 소스코드로 볼 수 있다는 장점이 있다. 2) EL(Expression Language) - 값을 간편하고 간결하게 출력할 수 있도록 해주는 표현 언어이다. - 자바 / EL ${ } - 값을 찾을 때 작은 Scope에서 큰 Scope 순으로 찾는다. ** Scope란? 변수를 사용할 수 있는 범위 - pageContext > request > se..

Back-End/JSP 2021.07.26

[Mybatis] Mybatis(모델과 DB의 매개체)

1) Mybatis란? - Java 소스코드 안에 SQL문을 작성하면 코드가 길어지고 섞여 있어서 유지보수 및 분업이 쉽지 않다. - Mybatis는 기존 JDBC 방식과 달리 SQL문을 XML 파일에 작성함으로써 코드가 줄어들고 SQL문만 따로 관리하기 때문에 수정이 편해진다. - 또한 DBCP를 사용하여 커넥션을 여러개 생성하기 때문에 JDBC만 사용하는 것보다 작업 효율과 가독성이 좋아진다. - ibatis 2.5버전이며 JDK 1.4이상 - MyBatis 3.0버전이며 JDK 1.5 이상에서 지원한다. - iBatis와 MyBatis의 차이점은 몇 개의 문법 및 사용용어(명칭) 변경 등이다. 2) MyBatis 설치하기 1. 다운로드 페이지 접속하기 blog.mybatis.org/p/product..

Back-End/Mybatis 2021.07.26

[PHP] Ajax개요, 특징, XHR 알아보기

1) Ajax란? - 웹 페이지 전체를 다시 로딩하지 않고 백그라운드 영역에서 서버와 통신하여 그 결과를 리턴받고 웹 페이지 일부를 갱신할 수 있게 하는 기술을 뜻한다. 2) Ajax의 장점 - 웹 페이지의 전체를 다시 로드하지 않아도 일부분만을 갱신할 수 있다. - 웹 페이지가 완전히 로드된 후에도 서버로 데이터 요청을 보낼 수 있다. - 백그라운드 영역에서 서버로 데이터를 전송한다. 3) Ajax의 단점 - 바이너리 데이터를 전달할 수 없다. - 서버 푸싱 방식의 실시간 서비스를 만들 수 없다. 4) XMLHttpRequest(XHR) 객체 1. 객체 생성하기 서버에 접속할 수 있는 객체 const XHR객체명 = new XMLHttpRequest( ); 을 생성하면 readyState라는 상태pro..

Front-End/PHP 2021.07.24

[PHP] DB와 연결, 접속하기

1) DB와 연결하기 mysqli_connect("DB위치", "아이디", "비밀번호", "DB명") or die("연결 실패시 메시지"); 2) SQL 쿼리 실행하기 결과객체 = mysqli_query(접속객체, 쿼리문); include "./include/dbconn.php"; $sql = "insert into .."; $result = mysqli_query($conn, $sql); if(!$conn){ echo "DB연결 실패!"; }else{ $sql = "INSERT INTO tb_member (mem_userid, mem_userpw, mem_name, mem_hp, mem_email, mem_hobby, mem_ssn1, mem_ssn2, mem_zipcode, mem_address1, ..

Front-End/PHP 2021.07.24

[JSP] 쿠키(Cookie), 세션(session)

1) 쿠키(Cookie) - 웹 브라우저가 보관하고 있는 데이터로, 웹 서버에 요청을 보낼 때 쿠키를 헤더에 담아서 전송한다. 2) 쿠키(Cookie)의 장단점 - 클라이언트의 일정 폴더에 정보를 저장하기 때문에 웹 서버의 부하를 줄일 수 있다. - 정보가 사용자 컴퓨터에 저장되기때문에 보안의 위협을 받을 수 있다. - 데이터 저장 용량에 한계가 있다. (소용량, 과자 부스러기처럼 작은 값이라 하여 쿠키라고 한다.) - 일반 사용자가 브라우저 내의 기능인 쿠키 차단을 사용하면 무용지물이 된다. 3) 쿠키 동작 방식 - 쿠키 생성 > 쿠키 저장 > 쿠키 전송 1. 쿠키 생성 - 웹 서버에서 쿠키를 생성하고 쿠키에 응답 데이터를 담아 웹 브라우저에 전송한다. 2. 쿠키 저장 - 웹 브라우저는 응답 데이터를 ..

Back-End/JSP 2021.07.21

[JSP] 자바빈즈란?

1) 자바빈즈란? - 빈은 객체를 뜻한다. - JSP의 표준 액션 태그를 통해 접근할 수 있는 자바의 객체로서 필드와 setter, getter 메소드로 이뤄져있다. - 하나의 JSP페이지에서도 사용하고 그 외의 다른 페이지에서도 사용가능하다. 2) 자바빈즈 개발 규약 1. 패키지화(default 패키지 인식이 불가함) 2. 필드의 접근자는 private으로 설정한다. (필드는 메소드로만 접근하게 하기위함) 3. getter, setter는 필수로하고 public으로 설정한다.. 3) 자바빈즈 태그 1. useBean - userDTO user = new UserDTO( ); 대신에 를 사용한다. 2. setProperty - user.setUsername("김사과"); 대신에 를 사용한다. 3. get..

Back-End/JSP 2021.07.20

[JSP] JSON 개요, 라이브러리 다운로드하기

1) JSON이란? - 경량화된 데이터 교환 형식 - 서로 다른 언어들끼리 데이터를 주고받을 수 있도록 만들어진 텍스트 기반의 형식 - 프로그래밍 언어가 아닌 데이터 표기 방식 중 하나이다. - 기본적으로 name:value 형태의 구조를 가지고 있다. 즉, map 구조를 띄고 있다. 2) JSON 라이브러리 다운로드 1. https://code.google.com/archive/p/json-simple/downloads 접속하기 Google Code Archive - Long-term storage for Google Code Project Hosting. code.google.com 2. json-simple-1.1.1.jar 다운로드 받기 3. 웹 프로젝트에 jar 파일 추가 (java전용) 4. ..

Back-End/JSP 2021.07.19
반응형