본문 바로가기

수업내용91

20230619 수업내용🙌🙌🙌 다시 Spirng 수업 새로운 프로젝트를 만들어주고 먼저 Oracle DB를 이클립스로 연결해보겠다. 이클립스 window에 Eclipse Marketplace를 열고 mybasit를 검색해주고 제일 상단을 install해준다. 여기에 다음과 같은 코드를 추가해주었다. Spring 프레임워크를 사용하는 근본적인 이유는 프로젝트의 규모가 큰 경우에 유지 보수를 편하게 하기 위해서 사용한다. 클래스(객체들)들 간에 의존 관계가 느슨해야 유지 보수가 편하다. 어떠헥 해야 의존 관계가 느슨해 지는걸까? 필요한 핵심의존 객체를 직접 생성하지 않고 주입 받아서 사용한다. 객체의 생성과 관리를 spring프레임워크에 맡긴다. 인터페이스 type을 적극 활용한다. 객체 생성과 관리를 Spring에게 맡긴다. 이렇게 하.. 2023. 6. 19.
20230616 수업내용2🤦‍♂️🤦‍♂️🤦‍♂️ 2교시는 Spring수업이다. Project의 기본 구조를 알아보겠다. 프로젝트 아이콘에 M이라는 이니셜은 Maven project라는 뜻이다. maven은 java buid system인데 이 빌드 시스템은 ant, maven, gradle등등이 있다. 이클립스에는 ant라는 빌드 시스템을 사용했다. ant빌드 시스템을 사용할 때는 직접 다운 받거나 만들어서 사용했는데 maven이나 gradle은 다운 받을 필요없이 pom.xml에 무엇이 필요한지 명시만 해주면 자동으로 다운 받아준다. 그러면 자동으로 사용할 준비를 해준다. maven을 사용할 때는 그냥 사용하는 것이 아니라 설치 및 설정도 해주어야한다. 우리가 설치한 maven을 이클립스가 끌어다 쓰는 것이다. maven의 특징은 pom.xml이 있.. 2023. 6. 16.
20230616 수업내용🫡🫡🫡 오늘의 첫수업은 이클립스를 이용한 Vue2수업! 서버에서 바꿔준것이 아닌 사용자입장에서 바꿔진 것을 클라이언트사이드렌더링이라 한다. 미리만들어진 틀을 원하는 곳에 끼워넣어 만들어 쓸수 있다. 이런 방식은 compoents라는 방에 object를 만들어주고 그 object안에는 사용 할 option을 넣어준다. your-component의 '안녕하세요'가 출력되는 과정을 설명하는 그림 props는 프로퍼티스인데 이는 여러개를 전달 가능하다. friends-componet의 작동원리 components는 하나이지만 data를 friends와 friend2를 나누어서 출력을 두개로 사용할 수 있다. Vue객체는 하나가 아닌 여러개를 나누어 사용도 가능하다. 그리고 기존에는 data에 methods를 따로 사용.. 2023. 6. 16.
20230615 수업내용👏👏👏 Vue.js 주소를 script 하면 Class Vue{ }를 가져다 쓸 수 있다. 그리고 script 안에 new Vue({ })를 작성하여 사용할 수있다. 괄호안에는 option을 넣어 사용할 수 있는데 어제 수업에서는 el, data, method를 사용했었다 el은 선택자라고 하여 el에서 "#app"라고 되어있는 건 id = "app"영역에서 Vue를 사용하겠다는 의미이다. v-bind:class는 class를 관리한다는 것은 class를 추가 제거한다는 의미이다. Vue 버튼 ' ' 을 사용하는 이유는 btn-primary에서 - 를 산술연산자로 인식하기에 ' '로 감싸서 사용해주어야 한다. checkbox 에 v-model을 지정하면 true/false가 들어가게 된다. checkbox가 c.. 2023. 6. 15.
20230614 수업내용🧏‍♂️ 오늘도 첫 수업시작은 js로 오늘은 popover에 대해서 bootstrap을 통해 배우고 있다. 님 어서오고! 로그아웃 인덱스 페이지 입니다. 회원가입 로그인 놀러가기(로그인필요) 공부하기(로그인필요) 자료실 form 테스트 글 목록보기 여태 만들었던 index.jsp 페이지 이다 이제 이 코드를 어제 배운 el을 적용시켜서 바꿔보겠다. 오늘로 jsp를 마무리하고 vue.js수업으로 넘어간다 https://v2.ko.vuejs.org/v2/guide 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 v2.ko.vuejs.org 새로운 html파일을 만들어주고 Vue.js에서 script src를 복사해 붙여넣어주었다. 위에 링크를 통해 Vue라는 객체를 생성하면서 object.. 2023. 6. 14.
20230613 수업내용🫡🫡🫡 첫 수업은 js에대해서 배운다 오늘은 modal에 대해 배운다. Modal 테스트 Modal 띄우기 눌러보셈 알림 확인 버튼을 누르면 삭제 됩니다. 확인 취소 알림2 확인 버튼을 누르면 저장 됩니다. 확인 취소 이제 이클립스를 실행하고 어제 배우고 있던 el을 배워보자 in jsap page에서 ${ }을 사용했을 때에는 주로 cpath를 넣기 위해서만 사용했었다. String myName="김구라"; /* page scope 에 "myName" 이라는 키값으로 myName 담기 해당 jsp 페이지 에서만 사용할수 있다. */ pageContext.setAttribute("myName", myName); String yourName="해골"; /* request scope 에 "yourName" 이라는 .. 2023. 6. 13.
20230612 수업내용😶‍🌫️😶‍🌫️😶‍🌫️ 오전에 수업내용이 다 날라갔다 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 번호순대로 같은 내용ㅇ디ㅏ. 에디터 기능도 라이브러리를 통해 넣어주어보았다. 다음으로 게시물을 검색할 수 있는 검색기능을 추가해 보겠다. uri = "http://java.sun.com/jsp/jstl/core에 있는 core를 c라는 prefix로 쓰겠다 라는 의미이다. prefix는 아무렇게나 작성해도 되지만 여기서는 core의 c를 따와 사용한것이다. 2023. 6. 12.
20230609 수업내용🤣🤣🤣 마저 하겠다~~~~~~~~~~~~~~~~~~~~~~~~~ 새글 작성 양식 제목 내용 저장 기존에 만들어둔 loginfilter로 가서 로그인한사람에게만 글을 쓸 수 있도록 filter를 걸어준다. "/cafe/private/*" 요기까지 해준 후에 dao와 dto를 만든다. 먼저 CafeDto👉생성자와 setter getter까지 만들어 주었다. package test.cafe.dto; public class CafeDto { private int num; private String writer; private String title; private String content; private int viewCount; private String regdate; //생성자 public CafeDto() {.. 2023. 6. 9.
20230609 수업내용🤦‍♂️🤦‍♂️🤦‍♂️ 첫 시작은 bootstrap components에서 자주 쓸만한 것을 알아보자 먼저 Alerts인데 어떤 배경색을 가지고 알림색을 띄우는 효과도 있다. 약속된 속성 외에 ex( class, id, src 등등)사용자가 임의로 속성을 만들수 있다. 조건으로 앞에 data-~~~라고 시작해야한다. git fork와 clone의 차이점 git fork 란? 나의 git hub repository에 다른 사람의 git hub repository를 통째로 복사해서 가져오는 것이다. fork한다음에 clone을 해야 나의 컴퓨터에서 사용이 가능하고 fork한 repository는 내 개인 repository내에서만 수정이 가능하다.(다른 사람의 repository에는 영향이 없다) 복제본이기 때문에 다른 사람이 자.. 2023. 6. 9.

티스토리툴바