1. W3School 사이트에 접속한다. 2. Navbar 선택 3. Collapsing The Navigaion Bar 코드 긁어오기 4. Basic Template 선택 5. Footer 코드는 이곳에서 긁어오기 6. 폴더 구조를 이렇게 만들어 주고 Index.jsp 파일에 아까 Navbar에서 긁어온 코드를 복사한다. 7. 그리고 Index.jsp 내용 중 헤더에 해당하는 코드, 푸터에 해당하는 코드를 분리해서 footer.jsp, header.jsp를 생성한다. footer.jsp 🤍Created by archive ☎010-1234-5678 인천광역시 header.jsp 홈 로그인 회원가입 Index.jsp : 분리한 헤더, 푸터를 include 해준다. 제목 적는 부분 상세 보기 제목 적는 부..
지난번에 만든 회원가입에서는 데이터베이스에 비밀번호가 그대로 저장됐다. 이번에는 DB에 비밀번호를 더 안전하게 저장하기 위해 bscrypt 를 이용해 비밀번호를 암호화한 다음 DB에 저장해 보도록 한다. 🤍비밀번호 암호화하여 DB 저장하기 1. bscrypt 설치 npm install bscrypt --save 2. npm 사이트 참고하여 User.js에 코드 작성 user 모델을 저장하기 전에 암호화를 하겠다. 그런데 매번 암호화를 하는 것은 번거로우므로, 비밀번호 변경 시에만 암호화되고 email 변경 시에는 비밀번호 암호화가 반복되지 않도록 조건을 걸어준다. next라는 파라미터를 넣어주고 next 호출 사용자의 비밀번호가 변경되었을 때에만 salt를 생성시켜준다는 문법의 genSalt 사용하여 에..
🤍Body-parser란? node.js의 Post 요청 데이터를 추출할 수 있도록 만들어주는 미들웨어. body-parser를 사용하게 되면 req에 body 프로퍼티를 사용할 수 있다. vscode 터미널에 아래 명렁어를 입력하고 설치해 준다. npm install body-parser --save 🤍회원가입 만들기 1. 지난번에 만들어둔 User 스키마를 가져와서 회원가입에 활용한다. 2. 데이터를 json 형태로 send할 것이고, 회원가입 성공하면 success:true 라고 출력. 3. Postman을 다운받는다. 4. 아래 화면에서 GET이 아닌 POST로 변경한다. 5. raw, json으로 선택하고 회원가입에 필요한 정보를 입력한다. 6. User 스키마에 필수값을 주지 않았기 때문에 모..
Web Application model1, model2 1. Model1 (모델1) 방식 -모든 클라이언트의 요청과 비즈니스 로직 처리를 JSP에서 담당하는 구조 -기능 구현이 쉽고 편리, but 유지 보수가 어려워서 큰 프로젝트에서는 한계가 있다. 2. Model2 (모델2) 방식 -각 기능을 분리해서 구현 ->클라이언트의 요청 처리 및 흐름 제어 담당 (Controller) => 서블릿 ->응답 처리 (화면 기능) (View) => JSP ->비즈니스 로직 처리 (Model) => DAO -각각의 기능을 모듈화하여 개발 => 재사용이 용이하다. -유지 보수가 쉽다. -publisher와 개발자 작업 분업화 MVC 디자인 패턴 -Model - View - Controller -Controller 서블릿..
useBean, setProperty, getProperty 1)자바 빈(Bean) -Java EE 프로그래밍 시 여러 객체를 거치면서 만들어지는 데이터를 저장하거나 전달할 때 사용되는 클래스 -DTO (Data Transfer Object, 데이터 전송 객체)클래스, VO (Value Object, 값 객체)클래스와 같은 개념. 2)자바 빈 특징 -기본(default) 패키지 이외의 패키지에 속해있어야함. -기본 생성자가 있어야함. -각 속성(attribute, property)은 각각의 setter/getter를 가짐. -setter/getter 이름의 첫 글자는 반드시 소문자. -인자 없는 생성자를 반드시 가지며 다른 생성자도 추가 가능. 3)useBean ActionTag -JSP 페이지에서 자바..
DataSource 이용해 데이터베이스 연동 1) ConnectionPool 등장 배경 -애플리케이션에서 DB 연결 과정에 시간이 많이 걸림(기존 연동 방법 문제점) ==>미리 Connection 객체를 생성한 후 미리 데이터베이스 연결을 맺음, 애플리케이션은 DB 연동 작업 발생시 이 Connection 객체를 이용해서 작업. 2)JNDI(Java Naming and Directory Interface) -필요한 자원을 키/값(key/value)쌍으로 저장한 후 필요할 때 키를 이용해 값을 얻는 방법. -커넥션 풀에 적용 -톰캣 컨테이너가 ConnectionPool 객체를 생성하면 이 객체에 대한 JNDI 이름(key)을 미리 설정해놓음. -그러면 웹 애플리케이션에서 DB와 연동 작업할 때 이 JNDI..