Web5 [Spring] Spring Project DB (MySQL) 연결하기 # 목 차 # 1. DB 정보 2. 연결방법 3. 남기는 말 1. DB 정보 내 컴퓨터의 Local DB가 아닌 회사나 아니면 외부 서버의 DB의 접근하려면 DB의 정보가 필요하다. 위에 사진처럼 DB의 접속 url, 포트번호, 계정, DB 이름의 정보가 필요하다. 일단 내가 사용하는 계정은 ㅋ 비밀이니까 가려놈 ㅋ 이번에 사용할 DB는 "mysql : 8.0.26" 사용하는 DB와 DB의 버전도 알아야 한다. 2. 연결방법 연결하고 싶은 스프링 프로젝트에서 일단 pom.xml에서 내가 사용하려는 DB (MySQL)의 Dependancy를 추가한다. 버전이랑 이런거 꼼꼼하게 잘봐서 추가! 오류나면 짜증난다. 그 다음에 우리가 연결할 DB와 계정을 등록해야한다. root-context.xml에서 등록하면 .. 2022. 5. 21. [Spring] Spring 프로젝트 생성 및 환경설정 # 목 차 # 1. Spring Project 생성하기 2. 환경설정 및 라이브러리 3. 추가 설명 1. Spring Project 생성하기 구글에 "스프링프레임워크 설치"를 검색하여 스프링프레임워크를 먼저 다운받는다. 그러면 기존에 주로 사용했었던 이클립스와 동일하게 생긴 프로그램이 생성된다. 먼저 New Project를 하여 "Spring Legacy Project"를 생성한다. Project name은 SpringTest라고 하고, Templates는 MVC 패턴을 사용할 것이기 때문에 Spring MVC Project를 선택 프로젝트를 만들때 기본 패키지가 있어야하는데 Spring에서는 3단계로 만들어줘야한다 1Level. 2Level. 3Level 나는 "kr.book.bshop"으로 만들었다... 2022. 4. 23. [jQuery/js] 페이지 로드 후 바로 이벤트 실행 # 목 차 # 1. 문제 2. 사용방법 3. 차이점 1. 문제 현재 만들고 있는 웹 페이지에서 차트를 그려야 하는데, 예제로 만들었었던 차트는 버튼을 눌러야 차트가 나타난다. 내가 원하는건 페이지 로드가 끝나자마자 바로 차트가 나타나는 것. (페이지에 접속하자마자 DB에서 데이터를 가져와 차트를 그려주는 것.) 아래의 코드는 기존에 작성했던 버튼 클릭시 이벤트를 하는 html 전체 코드이다. 버튼 위 코드를 실행하고 버튼을 클릭하면 다음 그림처럼 나온다. 여기서 03columnChart1.jsp에는 다음 그림처럼 데이터가 json구조로 들어가 있다. 실행해서 버튼을 클릭하면 다음 그림처럼 차트가 그려진다. 2. 사용방법 페이지 로드와 동시에 출력이 되게 하는 방법을 찾아본 결과 세 가지의 방법이 있었다... 2022. 3. 29. favicon 적용하기 # 목 차 # 1. favicon이란? 2. 사용방법 3. 결과 1. favicon이란? 아래 사진처럼 작게 웹사이트의 로고를 favicon이라고 한다. 2. 사용방법 일단 favicon을 적용하려면 저런 로고가 있어야 한다. 사진을 넣으면 알아서 favicon을 만들어주는 사이트가 있다. favicon 만들어주는 사이트 http://tools.dynamicdrive.com/favicon/ 사이트에 들어가서 원하는 사진을 넣으면 알아서 favicon 파일이 만들어진다. 만들어진 파일을 다운받으면 위에 사진처럼 확장자가 아이콘(.ico)로 되어있다. 만약, 직접 만들고 싶다면 16*16 크기로 만든 후 확장자를 아이콘 확장자로 저장해 주면 된다고 한다.(해본적 없음) 이제 만들어진 파일을 내가 넣고 싶은 .. 2022. 3. 28. Apahe Echarts 커스텀하여 사용하기 # 목 차 # 1. Intro - echart란? 2. 사용방법 3. 결론 1. echart란? echart는 중국에서 만든 차트 라이브러리이다. 구글차트보다 더 다양한 차트가 많다. echart의 장점 다양한 차트 제공, 커스텀 용이, 무료 echart의 단점 샘플 데이터가 워딩으로 되어 있음 이밖에도 버전업 주기가 상당히 빠른 장점이 있다. 단점 보다 장점이 많은 라이브러리이므로 잘만 쓰면 좋은 차트 만들기에 유용해 보인다. 1. 사용방법 간단하게 CDN으로 불러와서 사용하거나, 다운받아서 사용하는 방법 두가지가 있다. 나는 귀찮으니까 CDN으로 사용하겠다. 사용할 차트 https://echarts.apache.org/examples/en/editor.html?c=line-race 나는 위 그림과 같.. 2022. 3. 25. 이전 1 다음
