티스토리

Keep going

검색하기

블로그 홈

Keep going

cobook.tistory.com/m

코북 님의 블로그입니다.

구독자: 9

방명록 방문하기

주요 글 목록

[Spring/Ajax] Chart.js로 차트 만들기 2 안녕하세요 코북입니다. 지난번 https://cobook.tistory.com/36 에서 Chart.js를 이용해 차트 만들기를 해봤었습니다. 그때는 DB에 넣은 값을 단순하게 보여주는 것이 끝이었다면 오늘은 DB에 있는 값들을 연산하여 차트로 만들어봤습니다. 작업 진행 순서는 다음과 같습니다. VO Mapper.xml Mapper Interface Controller JavaScript 1. VO 사용할 변수에 맞춰 VO를 작성해줍니다. package city.turtle.vo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; @Data @AllArgsConstructor @NoArgsConstr.. 공감수 0 댓글수 0 2021. 11. 2.
[Spring] @Param 어노테이션으로 mapping하기 안녕하세요 코북입니다. 차트 만드는데 계속 이런 오류가 발생했습니다. '이용 가능한 변수들이 4개가 있는데 그중에서 "mb_id"라는 변수를 찾을 수 없다.'라는 내용입니다. Mapper Interface에서 실행한 메소드가 xml에서 변수들을 찾아가지 못해서 발생한 오류인데요. @Param 어노테이션을 사용하여 mapping 할 변수의 이름을 명시해 주었더니 오류가 해결됐습니다. mapping이란 하나의 값을 다른 값으로 대응시키는 것을 말합니다. ■ Mapper Interface public int countSum(GraphVO vo, int num1) throws Exception; ■ Mapper.xml select sum(pos_count) as pos_sum from POSTURE where .. 공감수 0 댓글수 0 2021. 11. 2.
[Spring] 회원 정보 수정하기 안녕하세요 코북입니다. 오늘은 회원 정보 수정 기능을 구현했습니다. 앞에서 회원가입과 로그인을 구현했다면 회원 정보 수정은 쉽게 구현할 수 있습니다. 작업순서는 다음과 같습니다. MyBatis XML Mapper Mapper Interface Controller JSP 1. MyBatis XML Mapper 먼저 회원정보를 수정할 수 있는 sql 쿼리를 만들어줍니다. update set 명령어를 사용했고 id값을 조건으로 합니다. update MEMBERS set mb_nick=#{mb_nick}, mb_pwd =#{mb_pwd}, mb_name=#{mb_name}, mb_birth=concat(#{mb_yy}, #{mb_mm}, #{mb_dd}), mb_gender=#{mb_gender}, mb_ema.. 공감수 3 댓글수 0 2021. 11. 2.
[Spring/Ajax] Chart.js로 차트 만들기 안녕하세요 코북입니다. 이번 프로젝트에서 측정한 거북목 DB를 사용자에게 시각화하여 보여주기 위해 차트를 만들게 됐습니다. 자료를 찾아보니까 Chart.js라는 사이트에서 Javascript를 사용하여 간편하게 차트를 구현할 수 있게 오픈 소스를 제공하고 있었습니다. 세상에는 정말 많은 천재들이 있구나 하는 생각이 들었습니다. 사이트 링크와 작업 진행 순서입니다. https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom sca.. 공감수 10 댓글수 0 2021. 10. 30.
[Spring] 카카오 로그인 Open API 안녕하세요 코북입니다. 지난번에 네아로 Open API를 사용해 네이버 아이디로 로그인 연동을 구현해봤는데요. 카카오 Open API도 같은 방식으로 구현이 돼서 기록하러 왔습니다. API의 흐름은 앞에서 언급했던 것과 동일하니 생략하도록 하겠습니다. 참고해주시면 감사하겠습니다. https://cobook.tistory.com/31 작업 진행순서도 똑같습니다. 1. 카카오 Open API 이용신청 2. OAuth2.0 Java OpenSource Library 설정 3. Scribe Library를 이용하여 카카오 인증 버튼 적용 4. Controller 5. jsp 1. 카카오 Open API 이용신청 https://developers.kakao.com/docs/latest/ko/kakaologin/c.. 공감수 2 댓글수 0 2021. 10. 26.
[Spring] 회원가입 기능 안녕하세요 코북입니다. 지난번에 회원가입 화면을 Bootstrap을 이용해 구성해봤었습니다. 오늘은 그 화면에 맞춰 DB에 값을 넣어 회원가입을 할 수 있도록 만들겠습니다. 작업 진행 순서는 다음과 같습니다. 1. sql, jsp, vo 참고 2. mapper.xml 3. mapper 4. controller 5. jsp 1. sql, jsp, vo 참고 DB에 값을 넣을 쿼리를 작성하기에 앞서, 테이블 구조와 회원가입 화면 jsp, 미리 만들어 놓은 vo를 통해 회원가입 sql을 을 어떻게 작성할지 생각해봅니다. ■ sql DB에 넣을 회원 테이블의 컬럼은 다음과 같습니다. join_date 컬럼을 default now()로 설정하면 가입이 완료됐을 때의 시간이 가입일자가 됩니다. CREATE TABL.. 공감수 0 댓글수 0 2021. 10. 25.
[Spring] 네이버 로그인 Open API 안녕하세요 코북입니다. 이번 프로젝트에서는 기존 홈페이지 DB를 통한 로그인 이외에 추가로 소셜 계정 로그인을 구현할 계획입니다. 목표는 네이버, 구글, 카카오 로그인이고 먼저 네아로 오픈 API를 사용해 네이버 로그인을 연동해봤습니다. API 흐름은 다음과 같습니다. 1. Resource Owner가 네이버 로그인 버튼을 클릭합니다. 2. 버튼 클릭 시 Service Provider에서 Client에 발급해준 웹 애플리케이션 Client ID, Client Secret를 통해 네이버 로그인 API를 호출하면 네이버 로그인 폼으로 이동합니다. 3. Resource Owner가 Service Provider에 id, pw를 입력합니다. ( Client에 입력 X ) 4. 계정 액세스 권한 요청 동의를 거친.. 공감수 8 댓글수 4 2021. 10. 23.
[Spring] session으로 로그인 유지하기 안녕하세요 코북입니다. 오늘은 session을 사용해 로그인 기능을 구현해보겠습니다. 들어가기에 앞서 간단하게 session에 대해서 정리해보자면, session은 우선 cookie의 트래픽 문제와 보안적인 문제를 해결하기 위해 등장했습니다. 사용자의 로컬 컴퓨터에 정보를 저장하는 cookie와 다르게 session은 해당 서버(웹)와 사용자의 메모리(브라우저)에 정보를 저장합니다. 정보를 서버에 저장하기 때문에 관리하기가 편하고 효율적입니다. session의 동작 절차는 다음과 같습니다. 1. 사용자가 서버에 접속을 요청하면 서버에서는 HTTP Request를 통해 쿠키에서 session id를 확인한 후, session id가 없다면 set-cookie값을 통해 새로 발행한 session id를 보냅.. 공감수 2 댓글수 0 2021. 10. 20.
[Spring] 비동기 ID 중복 체크 기능 안녕하세요 코북입니다. 1차 때는 JDBC와 서블릿을 사용해서 ID 중복 체크를 구현했었는데, 이번 프로젝트에서는 스프링으로 구현해봤습니다. 흐름이 조금 더 익숙하지 않긴 하지만 확실히 스프링 프레임워크가 좀 더 코드가 짧고 간결해서 익숙해지면 훨씬 쉽게 작업을 할 수 있을 것 같습니다. 작업순서는 JSP로 view단 먼저 만든 후 ajax를 이용해 json데이터를 요청했고, 그 후 controller와 mapper를 연결시켰습니다. 작업순서 1. jsp, ajax 2. controller 3. mapper 1. JSP, AJAX 아이디 먼저 bootstrap을 이용해 id를 입력할 수 있는 입력창을 먼저 만들었습니다. 그 밑에는 사용자가 id를 사용할 수 있는지 없는지 알림을 주기위해 font 태그를 .. 공감수 1 댓글수 0 2021. 10. 19.
[Spring] Spring에서 html 열기 Spring에서 html 파일을 불러올 때 404 Error가 발생하는 경우가 있습니다. web.xml 파일에 다음과 같이 servlet 코드를 입력하면 html 파일도 열 수 있게 됩니다. htmlServlet org.apache.jasper.servlet.JspServlet 2 htmlServlet *.html 공감수 2 댓글수 0 2021. 10. 13.
[Spring] 코딩 시작 전 환경설정 안녕하세요 코북입니다. 스프링MVC로 코딩을 하기 위해서 먼저 간단한 환경설정들을 해줘야 하는데요. 아무거나 하다 보니까 정리가 잘 되지 않는 기분이라 어떤 흐름으로 설정하는지 간단하게 적어 볼 생각입니다. 흐름은 다음과 같습니다. 프로젝트 생성 서버 연결 버전 업데이트 DB연결 (root-context.xml 환경설정) pom.xml 환경설정 web.xml 환경설정 1. 프로젝트 생성 + 패키지 이름 설정 New를 눌러 새로운 프로젝트를 생성해야 합니다. Wizards는 Spring Lagacy Project 선택합니다. Spring 이름을 설정한 후, SpringMVCproject를 선택합니다. 마지막으로 패키지 이름을 설정해주고 Finish를 누르면 프로젝트가 생성됩니다. 2. 서버 연결 서버 연결.. 공감수 1 댓글수 0 2021. 9. 5.
[Spring] 스프링 수업 기록 안녕하세요. 코북입니다. 10일 간 총 40시간에 걸쳐 진행된 스프링 기초 강의가 모두 끝났습니다. 개인적으로 스프링은 기존에 들었던 강의들보다 좀 더 어려웠고, 하루에 배우는 양도 전보다 많았기 때문에 강의를 들으면서 놓치는 부분들이 많이 있다고 느꼈습니다. 그래서 매 시간 무엇을 배웠는지 핵심 키워드들을 정리해봤습니다. ▶ 0817 day1 - Spring 설치, 환경설정, tomcat 연결 - FrontController - POJO ( Controller ) - HandlerMapping - ViewResolver - Maven - 스프링 MVC 흐름 ▶ 0818 day2 - JSP 원리 : F.C.를 거쳐야 함 - bootstrap 사용 - VO, lombok API 사용 - forward(),.. 공감수 2 댓글수 0 2021. 9. 5.
[Spring] 도서 목록 조회 리스트 만들기 안녕하세요 코북입니다. 며칠 전에 학원에서 스프링 게시판 만들기 수업이 마무리됐습니다. 수업이 끝나서 간단한 테스트를 봤는데, 게시판 리스트를 두 가지 방식으로 조회하는 문제였습니다. 먼저 가장 기본적인 방법으로 클라이언트가 .do 요청 시 JSTL과 EL을 사용해 데이터를 가져오는 방식, 그리고 ajax를 사욯해 json형식의 리스트를 가져오는 방식을 구현했습니다. 작업진행 순서는 다음과 같습니다. 작업 진행 순서 테이블 설계 -> VO생성 컨트롤러 작성 + Mapper 인터페이스, SQL Mapper XML 작성 View, JSP 구현 1. 테이블 설계 ( VO 생성 ) 먼저 SQL 명령어를 통해 테이블을 생성했습니다. -- 테이블 생성 create table tbl_book( num int not .. 공감수 4 댓글수 0 2021. 9. 4.
[Spring] 스프링 왜 사용할까? 스프링 수업 내용 필기입니다 ▶ 스프링 프레임워크? 프레임워크는 하나의 방법론이다 우리나라 전자정부 표준프레임워크가 스프링 기반으로 되어있다 표준프레임워크 포털에서 관리 이클립스에 여러가지 모듈을 탑재 ▷ JDBC = Java + SQL 1. 섞어서 사용하기 때문에 유지보수가 어려움 2. 모든 코드를 짜야하기 때문에 개발속도가 느려 생산성이 떨어짐 --> JDBC를 대신 MyBatis 프레임워크를 사용한다 ▷ MyBatis (DB 프레임워크) Java와 SQL을 분리해서 코딩 Java와 SQL을 연결하는 행위를 Mapping이라함 분리된 것을 Mapping해서 사용 ▷ web = servlet(Controller) + jsp(View), class(Model, DAO, DTO) 스프링에서는 servlet.. 공감수 1 댓글수 0 2021. 8. 31.
[Spring] 스프링은 뭘까? 안녕하세요 코북입니다. 어제부터 스프링에 대해서 배우기 시작했는데요. 수업을 듣다보니 무지성으로 스프링을 사용하면 안될 것 같은 느낌이 들었습니다. 그래서 스프링 프레임워크란 무엇인지, 왜 사용하는 것인지를 머릿속에 정리하고 싶었습니다. 오늘은 먼저 스프링 프레임워크가 무엇인지 알아볼 생각입니다. 수업 때 배운 내용과 사전의 내용을 종합해서 정리한 스프링의 정의는 다음과 같다. 스프링 프레임워크는 자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크로서간단히 스프링이라고 한다. 동적인 웹 사이트 개발을 위한 여러 가지 서비스를 제공한다. EJB 기반으로 개발을 하지 않고 POJO(Plain Old Java Object) 기반으로 개발을 하더라도 가볍고, 제어가 가능한 상호 관련이 적은, AOP(Aspec.. 공감수 1 댓글수 0 2021. 8. 18.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.