본문 바로가기
반응형

개발관련46

javascript , jquery, css 무료 라이브러리 소개 FullCalendar 일정관리 달력을 편리하게 사용할 수 있다. 월간, 주간, 일간으로 표시할 수 있으며 일정을 추가하거나 삭제할 수 있다. swipper 스와이프 기능을 제공해주는 라이브러리다. (화면을 쓸어서 페이지 이동) j-query UI DatePicker, tab, tooltip등 기본적인 객체를 사용하기 간편하게 만들어 놓은 라이브러리다. 예쁘지는 않지만, 기술적인면에서는 편리 bootstrap 웹페이지 제작에 필요한 요소들을 사용하기 간편하게 만들어놓은 라이브러리. 간단한 사용방법만 익히면 웹페이지에 모든 구성요소를 부트스트랩으로 만들 수 있다. 특히 반응형으로 구현할 때 사용하기 편리하다. TOAST-UI 차트, 에디터, 그리드, 캘린더, 이미지 에디터를 무료로 지원한다. https:/.. 2020. 6. 4.
EL 사용법 / request, session 등에 있는 값을 jsp에서 간편하게 사용해보자. EL = Expression Language EL은 header, request, session, application과 같은 객체의 값을 편리하게 가져올 수 있도록 JSP에서 제공하는 기능입니다. EL은 JSP페이지 내에서 어느 위치에서든 사용할 수 있습니다. 예) 로그인여부 판단 및 포워딩처리 sessionScope에 있는 값 중 userid를 가져와서 null여부를 검사합니다. 로그인이 되어있다면 null이 아니므로, 초기화면으로 가고, 로그인 되어있지 않은 경우 로그인페이지로 이동합니다. JSTL과 EL이 함께 사용된 예시입니다. 위처럼, JSTL코드 내부에서도 사용할 수 있고, HTML페이지 어디에서든 필요한 곳에 사용할 수 있습니다. EL을 사용할 때는 ${[변수명 또는 수식]}과 같은 형태로.. 2020. 2. 26.
alert문구를 하나의 파일로 만들어서 관리하자. springframework.org/tags 프로젝트 하나를 완성하고나서, gitHub에서 프로젝트 하나를 다운받아 보던 중, 보지 못했던 기술이 있어서 찾아보았습니다. 폼을 서브밋 할 때 사용하는 자바스크립트 함수입니다. chkInputValue라는 메소드를 만들어서, 간단하게 공백검사를 하고 있네요. 그런데, ""는 생소하게 느껴졌습니다. jstl과 비슷한 느낌이라서 검색해보았습니다. 간단한 설정만 해주면 alert문구를 하나의 파일에서 통합하여 관리할 수 있었습니다. 어떻게 가능할 걸까요? 0. 세가지 필수 빈 알고가기 messageSource 메세지들을 입력해놓을 파일에 대한 설정 (인코딩 방식, 파일경로 등등) messageSourceAccessor 다양한 getMessage 메소드를 제공하여 MessageSource의 메시지에 쉽게 액세.. 2020. 2. 26.
개인 웹서버 운영, 사이트 접속시 ERR-ADDRESS-UNREACHABLE 에러 발생 / 해결방법 이전에 포스팅했던 coo.kr이라는 DDNS사이트를 통해 도메인이름을 설정하여, 사이트로 유입할 수 있도록 설정해놓았습니다. 그런데, 아이피주소, 도메인명을 통해 사이트로 들어왔을 때 "ERR-ADDRESS-UNREACHABLE"에러가 발생했습니다. 검색해보니, 클라이언트 측에서 DDNS주소를 수동으로 설정하여, 인터넷 연결이 빠르게 될 수 있도록 설정하면 오류를 해결 할 수 있었습니다. 그런데 휴대폰이나 컴퓨터에서 다른 사이트는 다 접속이 되는데, 내가 만든 웹서버에만 되지 않는 것이 웹서버상의 문제라고 생각되었습니다. unreachable은 도달하지 못했다는 의미이므로 내 아이피를 찾아오는데, 너무 오래걸려 요청을 포기한다는 의미로 해석되었습니다. 그래서 제 서버 아이피를 빨리 찾아올 수 있도록 설정.. 2020. 2. 15.
서버 가동시 설정할 것 (기록용) 데스크탑에서 이클립스로 서버를 구동시켰는데, 서버가동은 전력이 적은 노트북으로 옮기고 싶어 삼일간의 대장정 끝에 노트북으로 서버를 실행할 수 있었습니다. 제가 했던 방법을 간단히 공유하겠습니다. 포트 설정 방화벽 inbound정책 추가 : 외부에서 들어오는 요청을 처리하기 위한 포트를 개방하고, 설정하는 것 포트포워딩 : 공유기 사용시 외부에서 들어온 요청을 어떤 아이피를 가진 컴퓨터가 처리할지 맵핑해주는 것., 외부아이피로 들어온 특정 포트의 요청을, 서버의 내부 아이피의 특정 포트로 연결시켜주는 것이다. 시스템 설정 작업환경과 동일한 jdk, tomcat, database버전 선택 후 시스템 환경변수 설정 작업환경에는 oracle 11g를 사용했고, 서버에는 무료버전인 oracle xe를 사용했다. .. 2020. 2. 14.
Oracle에서 MariaDB로 마이그레이션하기 개인서버를 운영하기위해 오라클로 개발된 소스를 무료인 데이터베이스인 MariaDB로 변경했습니다. 그 과정에서 쿼리를 변경해 줄 필요가 있었는데요, MariaDB에 테이블을 마이그레이션 하는 방법에 대해 말씀드리겠습니다. 참고로 not null, pk 지정은 따로 해주셔야합니다. 1. sqlines http://www.sqlines.com/oracle-to-mysql (좌) / http://www.sqlines.com/online (우) 간편하게 소스를 변환하기 위해 sqlLines를 이용해보겠습니다. sqlLines는 데스크탑 버전과 온라인 버전이 있는데, 간편하게 온라인 버전을 사용하겠습니다. 이미지 캡션의 오른쪽 링크를 클릭하면 바로 들어갈 수 있습니다. 왼쪽이 변환전 오른쪽이 변환후 언어입니다. .. 2020. 2. 9.
내 컴퓨터를 서버로 활용하기 개발환경 Eclipse spring, egovFrameWork Tomcat 8.5 MariaDB 10.5 저의 사이트를 운영해보고 싶어서 집에서 사용하는 컴퓨터로 호스팅을 해보았습니다. 모두 무료인 것을 골라 사용했기 때문에 집에서 전기세만 부담할 수 있다면 부담 없이 운영할 수 있습니다. 1. 파비콘 만들기 Go! 클릭시 파비콘 만들기 위치로 이동합니다. 2. 무료 도메인 만들기 Go! 클릭시 무료 도메인 만들기 위치로 이동합니다. 파비콘 만들기 먼저, 파비콘을 만들어 보겠습니다. 파비콘이란, 브라우저에서 사이트를 구분하기 쉽게 보여주는 작은 아이콘입니다. 등록해두면 사용자가 파비콘를 보고 어떤 사이트인지 바로 알 수 있겠죠? (https://www.websiteplanet.com/ko/webtools.. 2020. 2. 9.
MariaDB와 MySQL 충돌! 공통점과 차이점! MariaDB를 설치했을 때 파일들을 보았다. MySQL관련된 파일들이 많이 보인다. 왜그런걸까? 분명 MariaDB를 깔았는데... MariaDB란? MariaDB 는 MySQL 의 발전된 형태의 대체제로써, 여기에서 다운로드 받을 수 있으며, GPL v2 라이센스로 유지되고 있고, MariaDB 커뮤니티 와 MariaDB 재단이 주축이 되어 개발되고 있다. (중략..) MariaDB 는 현재까지 최신의 MaySQL 과 같은 브랜치로부터 릴리즈되며, 대개의 경우 MySQL과 마찬가지로 동작한다. MySQL의 모든 명령어, 인터페이스, 라이브러리와 API 가 MariaDB 에도 존재한다. 또한 MariaDB 로 데이터베이스를 변환할 필요도 없다. 즉, MariaDB 는 사실상 MySQL 의 완벽한 대체제.. 2020. 2. 4.
Maria DB(마리아 DB) 설치하기, 무료데이터 베이스! 오라클을 사용하던 중, 호스팅을 해보고 싶어 무료 데이터 베이스인 MariaDB로 변경하기로 결정했습니다. 이 다음 포스팅으로는 DB를 옮기는 방법에 대해 설명하겠습니다! 먼저, 마리아 데이터베이스를 설치하는 과정에 대해 알아볼까요? MARIA DB 설치 방법 Open Source Database (RDBMS) for the Enterprise | MariaDB MariaDB is an open source database that supports continuity and open collaboration. MariaDB Platform drives transactional and analytical workloads at any scale. mariadb.com MariaDB Foundation - .. 2020. 2. 4.
[spring] 파일다운로드 구현 개발환경 Eclipse spring, egovFrameWork Tomcat 8.5 oracle 11g 첨부파일을 클릭하면 파일 다운로드가 자동으로 진행될 수 있도록 처리해보겠습니다. 초급 개발자의 이론이므로 간단한 참고만 부탁드립니다. 1. 첨부파일 표출 - 게시판 View 페이지 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 ${post.title} ${post.writer} &nbsp|&nbsp ${post.dateWrite} ${post.content} 첨부파일 ${file.filenameReal} ${file.fileSize}Byte http://colorscripter.com/info#e.. 2020. 2. 2.
[Spring] 파일 업로드 구현 개발환경 Eclipse spring, egovFrameWork Tomcat 8.5 oracle 11g 목차 더보기 1. XML 파일 설정 2. 페이지 생성 3. 기눙 구현 1. XML 설정 pom.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 commons-fileupload commons-fileupload 1.4 org.imgscalr imgscalr-lib 4.2 http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter pom.xml파일에 추가해줍니다. 의 하위 어느위치든 편한 곳에 삽입해주시면 됩니다. root-context.xml .. 2020. 1. 30.
에버그린 브라우저 ( Evergreen Browser) 에버그린 브라우저 ( Evergreen Browser) 브라우저가 사용자에게 재설치를 요구하지 않아도, 자동적으로 업데이트할 수 있는 브라우저 브라우저 분류 에버그린 브라우저 에버그린이 아닌 브라우저 Chrome (Google) Firefox(Mozilla) Whale (Naver) Edge (Microsoft) Internet Explorer (Microsoft) Safari (Apple) 의미 Evergreen은 상록수라는 뜻이다. 항상 fresh(신선)하고 useful(유용)한 상태를 유지한다고 해서 붙여진 이름이다. 자동으로 업데이트 해주는 똑똑한 브라우저 작성된 스크립트의 버전과 사용자의 브라우저 버전이 상이한경우 사이트의 오류 발생률이 높다. 코드를 잘못작성한게 아니지만, 버전차이 때문에 발생.. 2019. 12. 6.
온프레미스, 오프프레미스 / Off-premises softwar, On-premises software Premises = 전제, 토지, 근거 Premises는 전제, 토지, 근거라는 의미가 있다. 주장을 하기위한 전제와 근거, 농작물이나 건물을 짓기위한 토대가 되어주는 토지. 이러한 뉘앙스로 봤을 때 Premises는 주장,건물,시설의 "기반"이라고 할 수 있다. 웹개발시 기반이 되어주는 것은 서버 또는 개발을 할 수 있는 컴퓨터라고 할 수 있다. 서버가 있어도 프로그램을 만들 수가 없거나 그 반대를 생각해본다면 사이트 자체를 띄을 수 없기 때문이다. 웹사이트 구축시에 필요한 서버나 개발을 하기 위한 컴퓨터를 내가 직접 구비해놓고 서버를 운영한다면 on-premises, 네트워크를 통해 공급 받는다면 off-premises라고 할 수 있다. On-Premises / Off-premises On-premi.. 2019. 11. 28.
JAVA) 디자인 패턴 Design Pattern 디자인 패턴을 사용하는 이유 프로그램을 개발하는 과정에서 빈번하게 발생하는 디자인상의 문제를 정리해서, 상황에 따라 간편하게 적용해서 사용할 수 있는 패턴 형태로 만든 것이다. 디자인 패턴의 종류 - Strategy pattern 교환가능한 행동을 캡슐화하고 위임을 통해서 어떤 행동을 사용할지 결정한다. - Observer pattern 상태가 변경되면 다른 객체들에게 연락을 돌릴 수 있게 한다. - Decorator pattern 객체를 감싸서 새로운 행동을 제공한다. - Factory pattern 생성할 구상 클래스를 서브 클래스에서 결정한다. - ? AbstractFactory pattern 클라이언트에서 구상 클래스를 지정하지 않으면서도 일군의 객체를 생성할 수 있도록 한다. - Singlton.. 2019. 11. 26.
javascript : 영어만 입력되도록 설정하기 정규표현식 1 2 3 4 5 6 7 8 9 10 11 12 var pattern = /[^가-힣]/; //한글 허용 할때 var pattern = /[^a-zA-Z]/; //영문 허용 var pattern = /[^가-힣a-zA-Z0-9]/; //한글,숫자,영문 허용 function KenDownForId() { var expression = RegExp(/[^a-zA-Z]/); if (expression.test($("#id").val())){ $("div[id=warn_id]").text("영어만 입력 가능합니다."); }else{ $("div[id=warn_id]").text(""); } } http://colorscripter.com/info#e" target="_blank" style="colo.. 2019. 11. 19.
페이지가 캐시(Cache)되지 않도록 설정하기 개발환경 Eclipse spring, egovFrameWork Tomcat 8.5 oracle 11g 개인적으로 프로젝트를 진행하는데, 스크립트 파일 수정에 어려움을 겪었다. 스크립트 파일(.js)을를 개별적으로 생성해서 필요한 페이지에서 호출해서 사용할 수 있도록 설정하였는데, 미리 호출된 스크립트파일이 브라우저에 캐쉬되어 있어 내용이 변경되지 않고 동일한 내용을 계속 보여주었다. 서버를 재시작하거나, 캐시를 지워봐도 마찬가지였다. 서버 구동시 사용되는 주소로 가보면, 내용도 변경되어 있으나 사용자 측에 적용이 되지 않는 것이었다. 즉, 브라우저 측에서 저장된 데이터를 계속하용한다는 것이다. 그래서 저장된 데이터를 사용하지 않도록 캐시설정을 해주었다. 캐시설정하기 캐시는 meta를 설정해주면 된다. 모.. 2019. 11. 14.
Mybatis API Mybatis에 대한 자세한 설명이 나와있다. 설치부터, 설정방법까지 자세히 나와있으니 마이바티스를 자세히 알고 싶을 때 보면 좋다. 한글 사이트 https://mybatis.org/mybatis-3/ko/ MyBatis – 마이바티스 3 | 소개 마이바티스는 무엇인가? 마이바티스는 개발자가 지정한 SQL, 저장프로시저 그리고 몇가지 고급 매핑을 지원하는 퍼시스턴스 프레임워크이다. 마이바티스는 JDBC로 처리하는 상당부분의 코드와 �� mybatis.org 영문 사이트 https://mybatis.org/mybatis-3/ mybatis – MyBatis 3 | Introduction What is MyBatis? MyBatis is a first class persistence framework wit.. 2019. 11. 12.
ORACLE, 테이블 스페이스 설정 방법 #DB성능향상 테이블 스페이스란, 테이블이 저장되는 공간이다. 테이블 스페이스를 생성하면, 생성시 정의한 용량만큼을 미리 확보한 테이블 스페이스가 생성되며, 생성 되어진 테이블 스페이스에 테이블 데이터가 저장된다. 예를들어 많은 데이터가 쌓이는 테이블의 경우, 기본용량 100MB, 자동확장 10MB로 테이블 스페이스를 만들어서 초기에는 100MB까지 저장되고 용량 초과시 10MB단위로 테이블 스페이스의 크기가 확장된다. 테이블 스페이스 생성방법 SYS계정으로 접속하여, 테이블 스페이스를 생성한다. SYS계정에서 SCOTT2계정을 생성한다. (default tablespace는 이전에 생성한 테이블스페이스로 지정한다.) SCOTT계정의 emp테이블을 SCOTT2계정으로 옮긴다. 자세한 내용은 아래의 블로그.. 2019. 10. 31.
[Spring] 스프링은 어떻게 동작할까? (2) : 의존성 주입[xml방식] 스프링에 의존성을 주입하는 방식은 두가지가 있다. XML파일을 사용하여 bean을 정의할 수 있고, class파일에 Annotation을 사용하여 주입할 수 있다. 처음에는 XML방식을 사용하여 의존성을 주입하다가, Annotation방식이 추가된 것으로 의존성주입의 기본이라 할 수 있는 XML방식으로 예제를 통해 의존성을 주입해보자. 의존성 주입 방식 1. XML을 통한 bean 정의 - 별도의 파일인 XML파일에 등록할 bean들을 모두 정의한다. 2. Annoation을 통한 bean 등록 - bean으로 등록할 객체의 Class파일에 Annotaion을 사용하여 bean으로 등록한다. ApplicationContext와 BeanFactory가 무엇인지 모른다면? 이해가 어려우실 수도 있습니다. 확.. 2019. 9. 27.
[Spring] 스프링은 어떻게 동작할까? (1) spring은 무엇일까? 알고싶은데, 사용법만 설명하고 끝나는 경우가 많아 spring에서 제공하는 API, 그리고 자세히 설명되어 있는 블로그를 소개하며 SpringFrameWork가 어떤 것인지 낱낱이 살펴보려 한다. SpringFrameWork란? Spring은 java application을 구현하기 위한 틀을 제공한다. spring을 검색하면 "의존성 주입"을 가장 먼저 설명해주는데, Spring이 "의존성주입"형태를 기초로 만들었기 때문에 가장 먼저 알려주는 것이다. 그렇다면 의존성 주입이란 무엇일까? 의존성 주입이란? 이 명칭만으로는 무엇에 어떤 의존성을 주입한다는 것인지 알 수 없다. 풀어서 설명하자면 객체에 객체가 필요로 하는 다른 객체를 생성하여 전달(주입, injection, push.. 2019. 9. 24.
JAVA) 자바의 작동 원리 이클립스 툴은 이용할 줄 알지만, 자바를 잘 모르신다구요? 자바를 처음 접하는데 자바가 무엇인지 모르겠다구요? 그렇다면 이번 포스팅이 도움이 될 것 같네요. 자바가 어떻게 소스코드를 실행하는지 과정에 대한 과정을, 너무 deep 하지 않게 설명해드리겠습니다! 자바는 '운영체제에 상관없이 사용될 수 있는 언어'라는 말을 들어보셨나요? 가상머신을 사용하여, 운영체제의 도움없이 자체적으로 메모리를 할당하여 프로그램이 운영될수 있도록 합니다. 또한 바이트 코드를 만든 뒤 프로그램을 실행하기 때문에 여러 운영체제에서도 사용이 될 수 있는데요 그 이유는 무엇일까요? 자바의 작동원리를 간단하게 말씀드리겠습니다. java compiler는 소스파일을 컴파일하여 바이트코드로 변환시켜줍니다. 그리고 자바 가상머신은 필요한.. 2019. 7. 15.
[스프링] 관련 사이트 《 오늘의 기록 》 "오늘의 기록" 첫 게시글이다. 오늘은 스프링에 대한 이론적 지식을 쌓을 수 있는 사이트들을 모아보았다. ▷ https://spring.io/docs/referenc 스프링 레퍼런스와 API 모음 Spring Documentation API and reference documentation for all Spring project spring.io ▷ https://www.journaldev.com/2888/spring-tutorial-spring-core-tutorial JAVA는 기본적으로 알고 있다는 전제하에 진행하는 Spring 튜토리얼이다. 스프링에 대한 기초적인 지식을 습득할 수 있다. Spring Tutorial - Spring Core Framework Tutorials.. 2019. 7. 9.
반응형

티스토리툴바