티스토리

웹 개발
검색하기

블로그 홈

웹 개발

jadestone.tistory.com/m

웹 개발 정보 기록

구독자
0
방명록 방문하기

주요 글 목록

  • 23-02-23) 스프링 부트 12강 - 자바측 API 통신(카카오 로그인) 카카오 로그인 https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#req-user-info * 모든 언어에서 API 통신 언제든지 가능. 사용하는 언어만 다를뿐. * 위 흐름을 알아야 프로그램 코드를 짤 수 있음. # login.html (로그인 페이지) * 로그인 페이지에서 로그인 버튼을 누르면 카카오 로그인 api 를 요청함. ( 보내야할 데이터를 get방식 중 쿼리스트링 방식으로 붙여가지고 요청을 보냄) * uri=http://127.0.0.1:8484/user/kakao 이와같이 요청에 대한 응답을 우리서버(컨트롤러)에 /user/kakao 요청으로 가도록 해주었다 # 컨트롤러 (사용자의 정보를 받는 과정) 1. 로그인 페이지에서 카카.. 공감수 0 댓글수 0 2023. 2. 24.
  • 23-02-22) 스프링 부트 10강 2편 - 이미지 파일 불러오기, 다운로드 * img 태그의 src 속성에 경로를 적는 것은 사실 서버에 데이터를 요청하는 방식과 같다 . ex) src =" http:// 경로" -> 풀경로임. 그래서 우리는 controller 로 보내는 요청을 src에 담을것. # productList.html 페이지 * 이미지 수정 버튼을 누르면 메서드 실행. - 우선 a링크의 고유한 이벤트(화면이동)를 중지시킴. e.preventDefault(); //a링크의 고유이벤트 중지 - 페이지 내에서 해당하는 해당 상품에대한 이미지 데이터를 분류해오기 위해 pk 값인 prod_id 값을 구해옴. //1. 클릭한 대상의 prod_id값 var prod_id = $(e.target).closest("td").next().html(); -.. 공감수 0 댓글수 0 2023. 2. 23.
  • 23-02-22) 스프링 부트 11강 1편 - 로그인기능 <세션 , redirect(redirectAttributes) > #로그인 기능 -> 2가지 1. 인터셉터 (쉬움) 2. security (어려움) * 쿠키는 클라이언트에서 저장 * 세션은 서버에서 저장 * login 페이지 - form 형식으로 입력값을 넘긴다. * 컨트롤러 - 아래 보면 요청이 /login 으로 똑같은 곳이 2군데 있다. 하지만 getMapping 과 PostMapping 은 똑같은 요청이지만 서로 요청방식에 따라서 다르게 적용된다. ( form 방식으로 요청했으면 PostMapping, get 방식 요청이면 GetMapping 으로 ) -아래서 로그인 기능 부분(PostMapping) 1. 전달받은 id 와 pw 값을 통해서 서비스 영역에서 //select * from 유저 where id =? and pw = ? 해당 id, pw 에 해당하는 유.. 공감수 0 댓글수 0 2023. 2. 22.
  • 23-02-21) 스프링부트 10강 - 파일 업로드 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 2. 22.
  • 23-02-17) 스프링 부트 8강 - 제이쿼리 깃허브 JQUERY 프로젝트 확인: https://github.com/BigJadeStone/JQUERY GitHub - BigJadeStone/JQUERY Contribute to BigJadeStone/JQUERY development by creating an account on GitHub. github.com -자바스크립트 1. javaScript vs Jquery 2. Jquery사용법 * JQuery 는 자바스크립트르 ㄹ더 간편하게 사용하게 해주는 자바스크립트 라이브러리이다. *Jquery 다운받기 - 제이쿼리 홈페이지 가서 다운로드. 다운로드 누르고 나오는 창에서 마우스 오른쪽 누르고 다른 이름으로 파일 저장 후 아래와 같이 파일을 프로젝트에 갖다 놓은 후 . 페이지에서 스크립트를 걸어준다.. 공감수 0 댓글수 0 2023. 2. 17.
  • 23-02-16) 스프링부트 7강 - REST API * REST API 를 이용하면 서버간에 통신을 할 수 있다. (핵심) * 네트워크는 객체를 모름. 따라서 객체를 문자열로 바꿔서 주거니 받거니 하게 됨. 이 문자열 형태 중 대표적으로 xml , JSON 이 2가지 방식을 사용. 즉, 자바의 객체를 보내거나 받을 때 xml이나 Json 형식으로 바꿔서 보내고 받는다. * 서버간 데이터 통신방식은 양방향 방식 * 기본적으로 클라이언트 (페이지)에서 넘어온 값을 컨트롤러에서 받는 기본적인 방법은 HttpServletRequest 인데 다른방법으로도 넘어오는 데이터를 받을 수 있는 이유는 Argument Resolver에서 내부적으로 처리를 해주기 때문. # REST API의 특별한 어노테이션 * @RequestBody - Json 으로 넘어오는 값을 자바 .. 공감수 0 댓글수 0 2023. 2. 16.
  • 23-02-15) 스프링부트 6강 - 판매자매니저 ( 등록, 조회, 페이지네이션, amount 조절, 검색 기능) 교안 파일 : 깃허브 : https://github.com/BigJadeStone/BootMyweb BootMyweb 프로젝트 내에서 해당 내용 확인. 임포트시 gradle 로 임포트 받기. 모르겠으면 구글링. MySql 데이터베이스 내용: #등록 기능 # 조회 #페이지네이션 # amount 조절 기능 # 검색기능 * 검색시 날짜를 기준으로 데이터에 조건을 줄 때는 아래의 내용을 주의해야한다. 날짜를 검색할 때는 문자열로 비교하면 안됨. 이거는 단순히 문자의 유니코드 값으로 비교가 들어가는것. 따라서 문자열이 아닌 날짜형식으로 바꿔서 날짜 비교가 들어가야함. *and 로 묶어주면 정확히 일치하는 데이터 *or 로 묶어주면 저 조건들 중에서 하나라도 만족하면 조회 됨. *Mapper.xml 에서 if 문을.. 공감수 0 댓글수 0 2023. 2. 15.
  • 23-02-14) 스프링부트 6강 - 판매자매니저 (페이지 나누기 - 템플릿형식으로) 6강 - 판매자매니저 1. 구현 순서 2. 페이징 처리 3. 검색처리 (동적쿼리) *상품을 관리하는 시스템이라고 보고 우리가 한번 만들어 볼것. *위 erd는 상품등록하나만 대상으로 만든거. *검색기능은 여러가지를 대상으로 검색할 수 있다. *카테고리는 상당히 어려운 부분. #프로젝트 생성 *spring starter project *basicLayout.html (템플릿으로 나누기) coding404 - 연습용 입니다. 이에 대한 무단 복제 및 배포를 원칙적으로 금합니다. 원본파일 및 핸드폰 촬영, 동영상강좌 녹화를 통한 무단 복제 · 배포하는 경우 저작권법 제136조에 의한 저작재산권 침해 죄에 해당될 수 있으니 각별한 주의 바랍니다. 관리자홍길동 님 버튼 - 상품관리(예제) -상품등록 -상품조회 /.. 공감수 0 댓글수 0 2023. 2. 14.
  • 23-02-14) 스프링부트 5강 - DB 연결 5강 1. 데이터베이스연결 2. MyBatis문법 * 마이바티스 스프링 부트 스타터의 자동처리 부분을 보면 @Mapper 어노테이션을 스캔한다고 했음. 그래서 인터페이스에 꼭 @Mapper 어노테이션을 붙여줘야함. *마이바티스 스프링 부트 스타터는 버젼을 따로 기재해줘야함 . 스프링 부트의 버전을 따라가는게 아니라 독립적인 버전을 갖고 있기 때문. *스프링부트에서는 인터페이스에 반드시 Mapper 어노테이션을 붙여줘야함. *개발단계에서 로그를 붙여주기 위해 위와같이 변경을 좀 해줘야함. 그렇지만 운영단계에서는 원상복귀 해줌. ( 위에 빨간 부분들 추가해주고 변경해주면 됨) * 그레이들 추가 //sql 로그 implementation 'org.bgee.log4jdbc-log4j2:log4jdbc-log4j.. 공감수 0 댓글수 0 2023. 2. 14.
  • 23-02-13) 스프링부트 3강 - thymeleaf 템플릿 사용법 ( 타임리프 구문) 3강 1. thymeleaf템플릿 사용법 *스프링 부트의 기본 뷰. *반드시 spring-boot-starter 모듈로 받아야지 별다른 설정없이 자동으로 연결이 됨. *우리는 자동완성 기능없이 수동으로 할것. # 파일 생성시 주의 !! templates 폴더가 베이스 폴더가 됨. 컨트롤러에서 경로 설정시 여기서부터 경로가 시작된다는 말. 따라서 templates 폴더 아래에다가 view 파일들을 만들어야함. *컨트롤러 @Controller @RequestMapping("/view") //templates가 베이스폴더가 됨. public class ThymeleafController { @GetMapping("/ex01") //get방식 public String ex01() { return "view/ex.. 공감수 0 댓글수 0 2023. 2. 13.
  • 23-02-10) 스프링 부트 2강 - 스프링부트 기본설정, 뷰, bean 수동설정, TTD ( Test driven development) , lombok과 builder 패턴 2강 1. JPA를 이용한 Database 자동연결 2. Thymeleaf 뷰 템플릿 vs JSP뷰 템플릿 3. 스프링부트에서 bean설정 파일 4. TTD란 5. Lombok과 Builder패턴 #프로젝트 생성 *스프링 부트의 버전도 꼭 설정해줘야 함. # bulid.gradle 확인 * gradle 에 모듈들을 더 추가하고자 한다면 maven repository 에서 gradle(short) 부분의 내용을 복사해서 가져오면 됨. 이 때 마지막 부분에 버젼을 따로 기재 안 한다면 프로젝트의 스프링 부트의 버젼을 저절로 맞춰줌. ex) # 데이터베이스 연결 * Application.properties ( 설정 파일) * jpa 모듈 로그 보여주는 것 (데이터베이스가 연결됬는지 로그를 보려고 다운받아봤음).. 공감수 0 댓글수 0 2023. 2. 10.
  • 23-02-10) 스프링 부트 1강 - 환경 구축 *왼쪽의 메이븐을 사용하던 방식에서 오른쪽의 그레이들을 사용하는 방식 (가독성이 더 좋음) 으로 바뀜. *스프링 부트를 한다고 하면 그냥 최신버전을 다운받아서 사용하면 됨. *스프링 부트는 뷰 화면이 없음. 그래서 jsp 파일이나 html 파일을 만드는 기능이 없음 -> 웹디벨로퍼라는 플러그인을 설치해서 jsp, html 파일을 사용할 수 있게 할것. *설치 링크 : https://spring.io/tools Spring | Home Cloud Your code, any cloud—we’ve got you covered. Connect and scale your services, whatever your platform. spring.io #프로젝트 생성 *Name : 프로젝트 이름 WAR (Web Ap.. 공감수 0 댓글수 0 2023. 2. 10.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.