'🌏 WEB' 카테고리의 글 목록 (4 Page)

2020.07.30· 🌏 WEB/Node.js

하루종일 삽질한거 정리합니다. 분명 언젠가 또 쓸것이어니.... 우선 vscode로 작성하였습니다. vscode 터미널에서 npx create-react-app lasttest lasttest는 프로젝트 이름입니다. 만든후 터미널에서 해당 프로젝트 루트 경로에서 npm start로 실행이 되는지 확인합니다. 이 친구가 뜬다면 바로 node.js랑 연동할게요. npm install express --save 설치해주세요 express는 NodeJS의 웹프레임워크 입니다. 간편하게 웹서버를 구축할 수 있죠 그다음에 서버와 클라이언트 폴더를 나누어 줄껀데요 root경로에 server폴더를 만들어준 다음에 server.js 파일을 만들어주세요 const express = require('express'); co..

Mapper Interface?

2020.07.23· 🌏 WEB/Spring

면접보기 위해 과제를 해야 했다. 프로젝트를 파일을 받았는데 계속 구현해오던 구조와는 많이 달라서 시간을 많이 썼다. 하지만 역시나 인터넷을 자세히 보고 엄청난 시행착오를 한 후에 적응할 수 있었다. 언제 다시 쓸 수 있을지 몰라 기록해 두기로 했다. Mapper의 SQL ID와 Mapper Interface의 메서드명과 정확히 매칭해준다면 자바에서 메서드를 호출하기 때문에 오타에 대한 걱정이 없다. 개발을 배우면서 쓰던 구조는 대충 이런식이었다. 그러나 이번에 받은 과제는 Mapper Interface, Service class, sql.xml 이렇게 3가지로 있었다. 처음 본 구조 1.propertis에서 알리아스를 이용해 sql에서 dto로 연결해주던 것을 annotation을 사용하면 아주 간단하..

[JAVA] 의 데이터 타입의 분류

2020.06.23· 🌏 WEB/JAVA

기본타입 / 참조타입 으로 나뉩니다. (immutable / mutable) 기본타입은 정수, 실수, 문자, 논리 리터럴을 저장하는 타입입니다. 종류 기본타입 메모리 기본값 정수 byte 8bit 1byte 0 char 16bit 2byte 유니코드(\u0000), ASCII, 문자형 short 16bit (2byte) 0 int 32bit (4byte) 0 long 64bit (8byte) 0 실수 (부동 소수점) float 32bit (4byte) 0.0F double 8bit (1byte) 0.0 논리 boolean 8bit (1byte) false 메모리에는 0과 1을 저장하는 최소 기억 단위인 bit가 있습니다. 이 bit 8개를 묶으면 byte가 됩니다. 이 byte가 클수록 표현하는 값으 범..

Spring 총정리 3.Annotation

2020.06.13· 🌏 WEB/Spring

특징 ? - Spring Web MVC Framework는 JAVA1.5부터 Annotation을 지원합니다. - xml설정이 너무 길어짐에 따라 그 대안으로 나타났다. - 기본적으로는 활성화되지 않기 때문에 xml에서 확성화 작업이 필요하다. 장점 ? - 설정이 간편해 짐, view 페이지와 객체 또는 메서드의 맵핑이 명확해 짐. Annotation을 사용하기 위해서는 설정이 필요합니다. 3가지 방법이 있습니다. 1) CommonAnnotationBeanPostProcessor에 클래스 설정파일에 빈객체로 등록하여 어노테이션으로 사용 2) 태그 사용 : 이미 등록된 빈들의 어노테이션을 활성화 3) : 특정 패키지 안의 클래스들을 스캔하고, Annotation을 확인 후 bean 인스턴스를 생성 - 스테..

Cookie & Session의 차이점

2020.06.08· 🌏 WEB

저장 위치 쿠키 : 클라이언트의 브라우저가 지정하는 메모리 or 하드디스크 세션 : 서버의 메모리의 저장 만료 시점 쿠키 : 속성 설정을 이용해 삭제될 날짜를 정할 수 있다. 세션 : 클라이언트가 로그아웃하거나, 설정된 기간동안 반응이 없으면 무효화 되기 때문에 시점을 알 수 없다. 리소스 쿠키 : 클라이언트에 저장되고 클라이언트의 메모리 사용 세션 : 서버에 저장되어 서버 메모리로 로딩 되기 때문에 세션이 생길 때마다 리소스 차지 용량제한 쿠키 : 클라이언트도 모르게 설정될 수 있기 때문에 도메인당 20, 하나의 쿠키당 4KB로 제한 세션 : 클라이언트가 접속하면 서버에 의해 생성되어 개수나 용량 제한 없음 저장형식 쿠키 : Text 세션 : Object

Spring 총정리 2.Spring 3대 작동원리

2020.06.06· 🌏 WEB/Spring

Servlet에서 1:1mapping을 보안해서 자동으로 분기, 자동으로 생성화면 이동이 가능합니다. 여기서 이 Controller는 다양한 요청을 제어하여 J2EE Pattern: frontController 라고 합니다. Business Layer에서 handler mapper를 잊고 그리지 않았는데 알아두어야 합니다. Handler Mapping : dispatcherSevlet으로 받은 요청 -> Controller 보냄-> 요청이 어떤 매핑인지 그 방법을 정해주는 클래스 입니다. Spring 3대 작동원리에 대해 알아보겠습니다. 1. DI/IoC - Bean Spring 사용할 수 있도록 등록 - Life-Cycle을 따라가지 않고 사용 POJO를 Spring bean혹은 @Annotation을..

Spring 총정리 1.Spring에 기반이 되는 Servlet

2020.06.06· 🌏 WEB/Spring

Spring FrameWork를 설명하기 전 Servlet을 먼저 설명하겠습니다. Servlet이라 하면 3가지를 알아두면 좋아요. Url-Mapping, Hierarchy, Life-cycle입니다. 하나씩 알아볼게요! Url-Mapping 1:1 servlet-mapping 브라우저에서 ws에 요청하는 주소와 해당 주소의 처리 로직을 1:1 매핑한다 문제 : 너무 많은 mapping으로 코드가 복잡해진다. Life-Cycle (생명주기) HttpServlet -> OCP(Open Closed Programming) 초기화 -> 서비스 -> 종료 init() service() distroy() doGet() doPost() doDelete() Hierarchy 계층구조 HttpServelt을 상속받아 ..

Spring Setting 하기

2020.06.03· 🌏 WEB/SETTING

Window - Eclipse Marketplace - sts 검색 새로운 Spring 프로젝트를 생성합니다. 프로젝트 오른쪽 클릭 - properties - Project Facets 적용해주시고, pon.xml 들어갑니다. 체크한 부분 변경 해주시면 됩니다. 스크롤 밑으로 쭉 내려서 plugin도 바꿔줄게요~ 이렇게 하고 저장하면 메이븐이 열심히 다운로드합니다. 이제 마바티스, 스프링 연결 관련, 데이터베이스 등 라이브러리 다운로드하고 설정해 줄게요. 일단, 저는 spring 설정파일을 한 번에 보고 싶기 때문에 web.xml 에서 이 부분을 폴더에 넣어 주었어요 그러면 아래 그림처럼 같이 관리할 수 있습니다! 그리고 중요한것은 filter를 이용해서 인코딩을 해줍니다. web.xml에 작성해주시면 ..

Eclipse Maven Setting 설치부터 설정까지

2020.06.01· 🌏 WEB/SETTING

설치할 것 1. JDK 2. apache tomcat * - jdk - javac, jheap 등 - jre - Java Class Library JDK 설치 많은 공공기관과 프로젝트에서 1.8을 많이 사용한다고 추세라고 하기 때문에 JDK8 (jdk1.8)을 다운 받는다. (프로젝트마다 다르게 다운받으면 된다!) https://www.oracle.com/java/technologies/javase-downloads.html 1. 내 PC 오른쪽 버튼 - 속성 - 고급 시스템 설정 - 환경변수 - 시스템변수에서 새로 만들기 2. Path - 편집 - 새로만들기 %JAVA_HOME%\bin - 확인 : cmd창 java -version 버전이 출력되면 성공 apache tomcat 설치 http://tom..

파일 API를 이용한 미리보기 구현

2020.05.19· 🌏 WEB/JavaScript

2020/05/16 - [WEB/Spring] - 이미지 업로드 (Spring+Ajax) 이미지 업로드 (Spring+Ajax) Hyper 프로젝트를 하면서 과정 중 어려워했던 파일 업로드에 대해서 다시 공부하게 되었다. commons-fileupload를 사용하였고 pom.xml에 추가해줘야 한다. Ajax로 구현해야 하니 Controller에 @ResponseBody를 붙. aejeong.com 이어서 미리보기를 구현하겠습니다. var upload = document.querySelector('#file'); upload.addEventListener('change',function (e) { var get_file = e.target.files; var selected_file = upload.fi..

이미지 업로드 (Spring+Ajax)

2020.05.16· 🌏 WEB/Spring

Hyper 프로젝트를 하면서 과정 중 어려워했던 파일 업로드에 대해서 다시 공부하게 되었다. commons-fileupload를 사용하였고 pom.xml에 추가해줘야 한다. Ajax로 구현해야 하니 Controller에 @ResponseBody를 붙여줘야 한다 이거 또한 사용하려면 pom.xml에 jackson-mapper를 추가해줘야 한다. pom.xml에 추가해야 할 것. (mvnrepository.com) 1. commons-fileupload 2. jackson-mapper 제일 먼저 파일 업로드를 구현 후 미리보기를 하겠다. 1. spring 폴더에서 xxx-context.xml 에 파일 리졸버를 지정해줘야 한다. + application / servlet -context의 차이 더보기 이 두 ..

DataTable Ajax 사용하기

2020.05.12· 🌏 WEB/JavaScript

사용자 전체 조회를 해보았다. 처음 사용해봐서 삽질을 조금 했는데 재미있었고, 무엇보다 데이터를 쉽게 표현할 수 있고 기능이 많은 라이브러리라서 유익했다. 먼저 사용하려면 스크립트를 포함해줘야 한다. www.cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css www.cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js HTML 코드 사용자ID 사용자 이름 전화번호 E-mail 권한 JavaScript 코드 $(document).ready(function() { $("#deviceTable").DataTable({ "pageLength": 10, ajax:{ url:"./userAll.do", type:"GET"..

티스토리툴바