본문 바로가기

국비과정/Spring

 (38)
20230809 _[48일차]_01. 스프링부트 DB연결 & 게시판구현 어제 설치했던 전자정부프레임워크 다시 켜보자 db연결을 하려나보다 아래 나사모양 클릭 5.1 클릭하고 JAR List 탭으로 원래있던 jar 파일 remove 해주고 Add JAR 클릭해서 전에 받았던 mariadb 파일을 넣어준다 난 두개나있다 db정보들 입력 아래 Edit Driver Definition 요기에서 수정해줘도 된다. 성공하면 아래의 팝업이 뜬다. 아래처럼 db는 원통모양으로 생긴다 왜인지는 모르지만 예전부터 이랬단다. 이렇게 db에 있던게 다 나온다 SQL Scrapbook 을 열면 바로 쿼리문 작성하고 아래 result에서 결과도 볼 수 있다. status에는 시간이 얼마나 걸렸는지 나온다. 빠르다~ DBeaver 연결해보자. accept 하고 finish 누르면 아래의 창이 뜨는데 ..
20230808 _[47일차]_01. 게시판 댓글 수정기능 & 스프링부트 detail.jsp에서 댓글쓰기 몇 글자 썼는지 확인하는 코드만들자 keyup 사용하자 Document: keyup event - Web API | MDN (mozilla.org) Document: keyup event - Web API | MDN **keyup**키를 놓을 때 이벤트가 발생합니다. developer.mozilla.org JQ - keydown() 메서드 - 키보드키 내려갈 때 이벤트 발생. (= keydown메서드 = 키다운 메서드) > JQuery | 홈짱닷컴 (homzzang.com) 홈짱닷컴 홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL homzzang.com commenttextarea (댓글창) 에 keyup 시..
20230807 _[46일차]_01. 게시판 댓글 삭제기능 추가된부분 [ LoginController ] [ ResttController ] join2.jsp 추가** 댓글 계정 옆쪽에 수정& 삭제버튼 추가 cedit () & cdel () 함수로 수정 & 삭제 기능 넣어줄 예정 (onclick으로) 여러개의 댓글 중 어떤 댓글을 삭제 or 수정할지 알기위해 아래처럼 해당댓글번호인 cno를 매개변수로 가지고 가면된다. 함수 만들어줌 (아래 댓글창 숨겨주는부분 위치 옮겨줌) 댓글 삭제 버튼 눌러보면 팝업이 뜨고 팝업 확인누르면 아래처럼 cno를 잘 가져온다. 이제 댓글을 삭제했을 때 다시 detail 페이지로 돌아가는 로직 만들자 BoardController 에서 만들자 bno, cno를 받을거라 Map 타입은 둘다 int로 해도 된다. if조건문 걸어준다 => ..
20230804 _[45일차]_01. jquery + json 으로 board2 댓글창 구현 https://staruml.io/ StarUML UML 2 Compatible with UML 2.x standard metamodel and diagrams: Class, Object, Use Case, Component, Deployment, Composite Structure, Sequence, Communication, Statechart, Activity, Timing, Interaction Overflow, Information Flow and Profile Diagram. SYSML SUP staruml.io DB 관계도 정리할 수 있다. 다운로드 받기 File - New Form Template - Data Model Entity 눌러서 빈공간 클릭하면 테이블 생성가능 우측에서 데이터타입..
20230803 _[44일차]_01. jquery + json 으로 board2 만들기2 Map 10개가 들어있는 list를 JSONArray 객체에 (JSON의 배열형태) 넣어주고 그걸 JSON객체인 json으로 감싸줌 (josn에 .put () 으로 arr를 담아서 json을 리턴) list에 있는 것들을 그냥 내보내면 ajax가 알아볼 수가 없으니 json 객체 형태로 만들어준 후에(json 언어로 바꿔줌) string으로 맞춰줘야 한다. (통신을 위해 언어를 맞춰준다고 생각하면 될듯) ** 위에서 만들어준 객체들은 전부 자바객체 (Json객체로 활용하기 위해 자바에서 만들어준 자바객체) tostring으로 내보내는 시점부터 JSON 객체가 된다. arr를 바로 리턴하지 않고 json 객체로 감싼 후에 json을 리턴하는 이유 => 지금은 리턴 값이 list (배열) 하나지만 나중에 아..
20230801 _[42일차]_01. jquery 사용 & spring 로그인에 적용 오늘도 jquery 이어서 https://releases.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr releases.jquery.com 압축안된버전인 uncompressed 버전 코드 복사해서 head 내부에 넣어보자 minified 버전 잘 되는지 al..
20230731 _[41일차]_02. jquery 사용하기 20230729 jquery 맛보기 ==> 참고해서 같이 보기 jQuery 먼저 해보자 VS Code에서 해보자 하드디스크에 저장하는게 아니라 다른곳에서 가져옴 => CDN https://developers.google.com/speed/libraries?hl=ko#jquery 호스팅된 라이브러리 | Hosted Libraries | Google for Developers 가장 많이 사용되는 오픈소스 자바스크립트 라이브러리를 위한 안정적이고, 안정적이며, 속도가 빠른, 전 세계적으로 제공되는 콘텐츠 배포 네트워크입니다. developers.google.com 요거 선언해주면 jquery 사용가능 head 부분에 넣어주기 DOCTYPE html> Jquery 제이쿼리 사용하기 제이쿼리에 대해 이해하고 사용..
20230729 (보충) jquery 맛보기 write.jsp 에 보면 이미 jquery를 쓰고 있었음 $ 요것도 사실은 jquery 문법이였음 jquery 맛보기 VS code 사용해서 해보자 html폴더 열고 새파일(jquery.html) 만들기 확장자 추가설치해줌 CSS Peek (css에서 태그나 클래스 클릭하면 html에서 어디에 있는지 알려줌) css랑 jquery는 head 안에 들어갈 예정 P 태그는 문단태그 실행하는거 어떻게 하더라 암튼 브라우저 열어보면 아래처럼 보인다. CDN 기능 _ 클라우드처럼 jquery CDN를 다른곳에서 가져옴 내꺼에는 html만 가지고 있는거 => 트레픽 과부화 잡을 수 있어서 속도가 빨라진다. JS는 내가 함수를 다 만들어서 써야하는데 jquery는 이미 (함수들이)다 만들어져 있어서 가져다가 쓰기만..

티스토리툴바