이전에 썸머노트를 구현하는 방법을 알아보았다. 오늘은 썸머노트에서 이미지 업로드에 대해 알아보려고 한다. 만약 구현하기 전이라면 아래 글부터 확인하고 오자! 썸머노트 (Summernote) 사용법 및 툴바 변경하기 최근 JSP/Servlet을 활용하여 CRUD를 구현하는 프로젝트를 진행하다가 텍스트 입력을 블로그처럼 에디터로 구현할 방법은 없을까?라는 궁금증에 구글 검색을 하다가 알게 된 서머 노트(Summernote) 사 s-bug.tistory.com 1. 이미지 업로드 구현 화면 비교 썸머노트 에디터에서 이미지를 업로드하면 해당 이미지가 base64로 인코딩 후 저장되는 방식이라 이미지 파일 관리가 어렵고, 코드의 길이도 엄청 길게 나타난다. 해당 내용은 아래 GIF 이미지를 보면 확인할 수 있다...
최근 JSP/Servlet을 활용하여 CRUD를 구현하는 프로젝트를 진행하다가 텍스트 입력을 블로그처럼 에디터로 구현할 방법은 없을까?라는 궁금증에 구글 검색을 하다가 알게 된 서머 노트(Summernote) 사용법에 대해 알아보려고 한다. 그리고 프로젝트에 어떻게 적용했는지 하나씩 기록하고자 한다. (해당 글에서는 간단한 구현단계까지만 기록할 예정이다.) 시작하기에 앞서 이런 웹에디터는 썸머노트 말고도 많이 존재한다. 대표적으로 네이버에서 사용하는 스마트 에디터 2.0 , 그리고 CkEditor 등이 있다. 현재 네이버는 스마트 에디터 3.0을 사용하고 있지만, 오픈된 api는 2.0까지 되어 있다고 한다. 나중에 다른 에디터들도 사용해 보고 싶지만 우선 제일 먼저 알게 된 서머 노트부터 알아보자. 1..
처음 자바를 다운로드할 때 최신 버전이 었던 java17 버전을 다운로드하였다. 하지만 현업에서는 java 8 버전을 아직 많이 사용하고 있다고 한다. 그래서 자바 8로 다시 다운로드하고, 프로젝트에 적용시켰다. 그동안 공부를 하면서 적용 한 프로젝트에서 계속 진행하다 보니 처음에 설정했던 방법이 기억이 나지 않았다. 그래서 오늘은 이클립스로 다이내믹 웹 프로젝트를 만드는 방법과 자바 버전을 변경하는 방법을 기록하고자 한다. 1. 자바 8버전 다운로드 우선 자바 8 버전을 아래 경로에서 설치해준다. 아니면 구글에 jdk download를 입력하면 공식 사이트에서 다운로드 가능하다. https://www.oracle.com/java/technologies/downloads/#java8-windows Dow..
💡인터페이스(Interface) 1. 인터페이스의 개념 - 자바에서는 다중 상속은 불가하다. 하지만 인터페이스를 이용한다면 자바에서도 다중 상속이 가능하다. - 추상메서드와 상수만을 멤버로 가질 수 있다. - 인스턴스를 생성할 수 없고, 클래스 작성에 도움을 줄 목적으로 사용된다. - 인터페이스 선언 시 interface 키워드를 사용하여 선언하면 되고, 인터페이스를 상속할 땐, extents키워드가 아닌 implements 키워드를 사용한다. 2. 인터페이스의 장점 - 대규모 프로젝트 개발 시 일관되고 정형화된 개발을 위한 표준화가 가능하다. - 클래스의 작성과 인터페이스의 구현을 동시에 진행할 수 있으므로, 개발 시간을 단축할 수 있다. - 클래스와 클래스 간의 관계를 인터페이스로 연결하면, 클래스마..
이클립스에서 깃허브와 연동 방법은 이전에 기록한 적이 있다. 깃허브에서 레포지토리를 만들어서 해당 레포를 클론 해서 사용하면 연동이 가능하다. 하지만 이렇게 깃허브와 연동했을 때, 이클립스의 프로젝트 명이 하나의 폴더로 묶여서 업로드 되어지는게 싫었다. 그래서 다른 방법은 없을까 하다가 검색 끝에 알아낸 결과를 기록하고자 한다. 사실 방법은 그렇게 다르지 않다. 이전에 기록했던 방법과 크게 다른점이 없다. 깃허브에 업로드되었을 때, 이클립스의 프로젝트명이 폴더로 묶여서 보이지 않는다는 점. 다만 브랜치 설정을 좀 해줘야 한다는 점.. 이 부분에서 이해가 안돼서 시간을 많이 잡아먹었다 ㅠ 그래도 해결했으니.. 우선 업로드 하기 전에 깃허브에서 레포는 미리 생성해두자! 생성하는 방법은 이전에도 설명했기 때문..
