eclipse, maven을 이용한 web application 배포 synology nas에 web application을 배포하기 위해서 maven을 이용해보자. 여기서는 eclipse 를 기반으로 설명한다. maven project 생성 먼저 프로젝트를 maven project로 변경해야 한다. 이를 위해 프로젝트 오른클릭 후 convert to maven project를 선택하자. 특별히 변경할 내용을 없으므로 Finish를 선택한다. 결과로 pom.xml 파일이 잘 생성되었다면 성공이다. 프로젝트 이름에도 M 이라고 표시되어있다. 플러그인 설치 tomcat에 배포하기 위해서는 tomcat 플러그인을 설치한다. pom.xml 파일을 오른클릭해서 Maven > Add Plugin을 선택한다. 검색어..

Synology NAS에 Web Application 배포하기 나름 고가를 들여 구입한 Synology NAS(사실 최하위급 기종이다. ㅜㅜ)를 좀 더 활용해 보기 위해서 웹서버를 설치하고 운영해보려 한다. 톰켓 설치 및 기본 설정 현재 Synology에서는 Tomcat 7 버전을 배포하고 있다. (현재 Tomcat의 버전이 10까지 가는 상황에서 매우 아쉽다. ㅜㅜ) 설치 방법은 시놀로지 바탕화면의 패키지 센터를 선택하고 거의 맨 아래에 있는 Tomcat7의 설치 버튼을 클릭하면 된다. 이후는 그냥 쭉 Next이다. 동작 확인 설치 후 열기를 눌러보면 로그인을 요청하는 창이 나오는걸로 봐서는 설치가 잘 된듯한데 도대체 누구로 로그인 해야할지 막막하다. synology 계정으로 로그인 하려 해봤자 당연 ..

유연한 박스 모델(Flexible Box Model) HTML 태그들은 기본적으로 BOX 모델이 적용되며 세로로 적층하게 된다. 이를 가로로 배치하기 위해서 가장 널리 사용되는 방법이 float 속성을 이용해서 요소를 띄워주고 clear 속성으로 마무리하는게 일반적인데 부모 컨테이너의 생각과 달리 자식이 배치를 결정하기 때문에 억지스럽고 코드도 복잡해진다. CSS3에서는 flex라는 새로운 display 설정값이 나와서 가로 배치를 한결 손쉽게 처리할 수 있게 되었다. flex container적용하기 먼저 부모 요소에서 진행하느 설정에 대해 알아보자. flex는 display 속성의 값으로 상위 컨테이너가 자식을 어떻게 배치할 지 설정한다. 사용 가능한 값으로는 flex 또는 inline-flex가 있..

웹페이지 액박 대처하기 웹 페이지를 만들다보면 아직 이미지가 없는 상태에서 위치, 크기만 지정해야할 경우가 많다. 이런 경우 크기가 맞지 않는 이미지를 가져다가 억지로 배치시켜 볼 수도 있지만 dummyimage.com 같은 사이트를 이용해보면 손쉽게 관련 처리가 가능하다. dummyimage.com dummyimage.com/은 이름그대로 동적으로 dummy 이미지를 생성해주는 사이트이다. Dynamic Dummy Image Generator - DummyImage.com Dynamic Dummy Image Generator by Russell Heimlich (@kingkool68) Documentation Size width x height Colors background color / text c..

alias와 정렬 sql 문장에서 특히 조회 결과가 수식인 경우 alias를 이용해서 간략하게 표시한다. alias를 사용할 때는 as 키워드를 쓸 수도 있고 생략도 가능하다. alias는 order by 절에서도 그대로 사용 가능하다. select ename, sal, sal*comm/100, sal + sal*comm/100 total from emp where comm is not null order by total desc; 여기서 total이 두 단어로 구성된다면 반드시 '' 또는 ""로 묶어줘야 한다. 이 alias를 order by 에서 참조하기 위해서는 백틱 문자를 이용한다. 또는 아예 인덱스 기준으로 접근하는 것도 좋은 방법이다. select ename, sal, sal*comm/100,..

MySQL 비밀번호 초기화 데이터베이스를 사용하다가 root 계정의 비밀번호를 분실하는 것은 정말 큰 일이다. 그나마 오라클의 경우 OS인증을 통해 좀 더 쉽게 처리할 수 있지만 MySQL은 갈길이 좀 멀다. 이 글은 윈도우용 MySQL 8.0.18 버전을 기준으로 작성되었다. 명령 프롬프트는 관리자 권한으로 사용한다. 서비스 중지 일단 현재 작동중인 서비스를 중지시킨다. C:\WINDOWS\system32>net stop MySql80 MySQL80 서비스를 멈춥니다... MySQL80 서비스를 잘 멈추었습니다. 승인 없이 접속할 수 있게 MySql을 시작한다. 기존에 windows에 install 형태로 설치했다면 datadir은 --datadir="C:/ProgramData/MySQL/MySQL S..

MySql 여러 데이터 동시 insert 데이터베이스 사용 초기에 테이블을 구성하면서 벌크로 대량의 데이터를 부어넣는 경우가 왕왕 발생한다. mysql에서는 이런 상황에서 매번 insert 쿼리를 쓰는것 보다는 value만 연속적으로 공급하는 방법을 사용할 수 있다. create table patient( name varchar(50), age int, gender char(1) ); insert into patient(name, age, gender) values('홍길동',100,'M'), ('나사기', 25, 'F') ; 실행 결과는 다음처럼 잘 들어가있다. mysql> select * from patient; +--------+------+--------+ | name | age | gender ..

이번 포스트에서는 전반적인 프로젝트 구성 및 환경 설정을 해보자. 문제링크 프로젝트 생성다음과 같이 프로젝트를 생성해보자.주요 특징은 Java17 기반의 Maven Project이고 Spring Boot DevTools, Lombok, Spring Web, Thymeleaf, Spring Security, H2 Database, Spring Data JPA를 사용한다. application.yml 편집spring data jpa와 h2, mustache 사용을 위한 yml 파일을 다음과 같이 작성해보자.logging: level: root: info pattern: console: '%clr(%d{HH:mm:ss} [%-5p] [%c{20}.%M.%L] %m%n)'spring: outpu..