본문 바로가기

전체 글

Node.js 기본 - 전역객체 (console, process, exports) 1. console 객체 - dir, time, timeEnd 1) time(), timeEnd() 메소드 프로그램 수행 시간 구하기 var result = 0; console.time("계산시간"); for (var i=1; i a와 b를 더한것을 add에 넣는다 2. 객체를 사용해서 분리하는 방법 (module.exports 분리) calc2.js var calc = {}; calc.add = function(a,b){ return a+b; }; //'calc'로 내보내겠다고 명시 module.exports= calc; > 메소드를 변수에 넣는 형태 test2.js //같은공간이니깐 ./calc var calc = require("./calc"); console.log("모듈 분리 후 함수 add 속.. 더보기
Node.js 개념 & 세팅하기 Node.js란? Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 (크롬에는 Javascript V8 엔진이 내장돼있음) npm은 개발자들이 Node.js 기반의 JavaScript로 개발된 오픈 소스를 모듈로 올려놓은 곳 우리는 웹 개발에 필요한 jQuery, gulp, webpack 등의 모듈들을 npm명령어를 통해 쉽게 다운받고 쓸 수가 있다. - %j : 데이터가 key와 value로 구성돼있는 데이터 (node.js는 모든 데이터를 JSON형식으로 처리) Node.js 세팅하기 1. NodeJS 폴더 생성 > work, install 폴더 생성 * work 폴더 - workspace임. 본인이 원하는 workspace 폴더명으로 해줘도 됨 * e.. 더보기
[Spring] 파일 업로드/다운로드 스프링이 제공하는 파일 업로드 처리 기능을 사용하려면 MultipartResolver를 빈으로 등록해야 한다. 스프링은 Apache Commons FileUpload API를 이용하여 파일 업로드를 처리하는 CommonsMultipartResolver 클래스를 제공한다 * 파일 다운로드는 어떤 프레임워크건 라이브러리가 없다. 직접 코딩해서 모듈화 해놔야함 실제주소 - /spring/fileTest/ 가상주소 - /spring/file/ web.xml에 MultipartResolver 빈으로 등록 1. DB 테이블 생성 create table fileTest ( num number(7) not NULL, subject varchar2(50) not NULL, saveFileName varchar2(50),.. 더보기
SPRING 2.5 - 컨트롤러 종류별 예제, annotation dispatcher-servlet.xml - viewResolver : view를 관리하는 애 return '/board/created.jsp'; => return 'board/created'; 1. BeanNameUrlHandlerMapping - DispatcherServlet이 사용하는 기본 DI 객체 - 핸들러 매핑 : BeanNameUrlHandlerMapping - 명시적으로 지정된 HandlerMaping이 없으면 별도의 설정 없이 자동으로 사용 - 바로 컨트롤러의 위치로 가라고 알려줌. 직관적임. 2. SimpleUrlHandlerMapping listFormController listController testLoginController testMemController multiTestC.. 더보기
Ajax - 댓글 기능이 있는 게시판 만들기(미) 실제폴더: /ibbs, 가상주소(uri): /comm 개발환경: struts2+spring2.0, 톰캣 v8.5, iBatis, 이클립스, JDK 7.x - struts-ibbs.xml ( BoardAction.java, CommentList.java 1. DB설정 ibbs_sqlMap.xml (sqlMapConfig.xml 에 등록) 2. xml파일 struts-ibbs.xml (struts.xml 에 등록) 3. Action클래스 생성 BoardAction.java, CommentAction.java 4. 게시글 관련 jsp 페이지 list.jsp, created.jsp, article.jsp 5. 댓글관련 jsp 페이지 - article.jsp (게시글 부분과 공통) - ajax를 통해 데이터를 반.. 더보기
Ajax - 방명록 만들기 (댓글창 만들기) *Ajax를 이용하여 새로고침(Reload) 하지 않아도 글 작성 시 밑에 조회가 되도록 구현해보자 *Redirect를 쓰지 않아야 한다. Redirect 시키면 새로고침 됨 개발 환경 톰캣 8.5, 이클립스, 오라클, JDK, Struts2, Spring2.0, iBatis 구현 순서 1. DB 생성 - iguest (테이블명) 2. DTO 생성 - GuestDTO.class 3. 페이징 처리를 위한 클래스 생성 - MyUtil.class (이전 페이징 처리와 조금 달라짐) 4. [jsp 페이지] - 방명록 작성/조회 페이지 - guest.jsp - DB에 접근하여 결과 뿌려주는 페이지 - list.jsp 5. Action 클래스 생성 - GuestAction.java 6. [iBatis] - igue.. 더보기
Ajax(5) - Document Object Model (DOM), DOM API를 이용한 XML 파싱 (pdf파일로부터 내용 더 보완하기) 1. DOM API를 이용해서 HTML 화면변경을 하는 예제 - changeHTMLUsingDOM.jsp 2. DOM API를 이용해서 XML 파싱 DOM과 XML DOM, 즉 Document Object Model은 문서를 객체로 표현하기 위한 표준으로서 HTML 이나 XML등의 문서를 객체로 표현할 때 사용되는 API이다. 자바스크립트 ,자바,C,C# 등다양한 언어에서 DOM API를 제공하고있다. DOM은 문서를 트리구조로 표현하기 때문에 쉽게 이해할수있다. XMLHttpRequest 객체는 응답텍스트대신 XML 응답결과를 사용할수있는데,이 때 DOM API를 사용해서 서버가 생성한 XML로부터 데이터를 추출할 수 있다. DOM API의 주요 인터페이스 DOM API에서 모든 건 Node로 표현된다.. 더보기
Ajax(4) - JSON형식 데이터를 읽어와 Javascript의 객체 생성 하기 Ajax를 이용하여 JSON 데이터 읽어와서 Javascript의 객체 생성하기 1. JSON 기초 실습 - jsonUse.jsp 2. JSON 방식으로 미리 만들어둔 상태의 데이터를 읽어오기 - newsTitleJSON.jsp, newsTitleJSON_ok.jsp 3. DB에서 가져온 데이터(TEXT형태)를 JSON으로 변환하여 읽어오기 - newsTitleJSON2.jsp, newsTitleJSON2_ok.jsp 4. Javascript에 클래스기능 만들기 (원래는 없음) - member.js, log.js 5. Javascript에 패키지 만들기- member_json.js, memberJSONClass.jsp 1. db에 저장된 text 데이터를 읽어낸다 2. text 데이터를 xml로 바꾼다 .. 더보기

티스토리툴바