본문 바로가기

Front-end12

scope (let , const) A B C D var list = document.querySelectorAll("li"); for(var i=0; i 2021. 1. 4.
JSP Model2 (MVC) MVC의 의미 Model : db에 접근을 담당 View : 화면 출력을 담당(JSP) Controller : 어떤 View를 뿌려줄지 담당, 클라이언트의 요청을 받고 적절한 Model에 지시를 내려 전달된 데이터를 View에 전달 일단 정확히 모델1 과 모델2이 어떤 차이점을 가지고 있는지에 대해서 정확히 알고 넘어가자 Model 1 Model 2 (MVC) 사진을 보면 어떤 차이점이 보일까요? 위에는 뷰와 컨트롤러가 함께있고 아래에서는 뷰와 컨트롤러가 분리되어있습니다. 즉 Model2 에서는 코드를 분리하고 각각의 역할을 객체지향적으로 확실히 만들었습니다. 이로서 코드의 재사용성이 증가하고 코드관리가 쉬워지겠죠? 하지만 대형프로젝트가 아닌 소규모의 프로젝트에서는 Model2는 부적합한 디자인이라고 생.. 2020. 1. 29.
JSP 이메일 보내기 2개의 jar 파일을 먼저 받고 라이브러리를 추가해준다! SMTPAuthenticator.java import javax.mail.Authenticator; import javax.mail.PasswordAuthentication; public class SMTPAuthenticator extends Authenticator{ @Override protected PasswordAuthentication getPasswordAuthentication() { return new PasswordAuthentication("didwodn8822@gmail.com","****암호*****"); } } SendMailAction.java import java.util.Properties; import javax.m.. 2020. 1. 13.
HTTP 통신 라이브러리 - axios jQuery의 ajax를 많이 사용했는데 vue에서는 axios를 대부분 많이 사용한다고 한다. 근데 왜 사용하냐 ? Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어 있고 API가 다양하단다. axios 사용법 get user {{ users }} new Vue({ el : '#app' , data : { users : [] }, methods : { //axios를 처리하기 전의 this와 처리후의 this는 의미가 다르다! getData : function() { var vm = this; axios.get('https://jsonplaceholder.typicode.com/users/') .then(function(response).. 2020. 1. 2.