겉바속촉

web server programming 1. npm init (🡺package.json이 작성되었음) 2. npm i express 3. npm i -g nodemon 4. public 폴더 생성 --> 하위에 index.html 과 index.jsx 생성 index.html index.jsx var {Component} = React; class Main extends Component{ render(){ return( aaa ); } } ReactDOM.render( , document.getElementById("root") ); 5. server.js 생성 const express=require("express"); const path=require("path"); const app=expres..

이번에는 parameter를 연습해보도록 할게요:) form을 만들어주시구요!! post방식으로 값을 넘겨줄게요 우리가 출력할 때는 형식은 다음과 같아요 ${param.name} -----> 우리가 여태 사용했었던 request.getParameter("name")과 동일합니다 그리고 를 사용합니다 구조는 다음과 같아요 조건이 참을 만족하면 실행되는 부분 이름입력: 나이입력: 결과출력 이름: ${param.name} 나이: ${param.age } 이번에는 DTO를 따로 만들어서 값을 저장해볼게요:) 1. DTO 만들기 ---> 변수 선언하고 set, get 자동생성 package test.code; public class DataDto { String name; String age; String add..

우리가 계속 꾸미고있는 사이트에서요 이제 방명록을 추가로 꾸며보도록 할게요:) 여태까지 한 과정은 지난번 포스팅 참고해주세요~ 2020/06/22 - [취업일기/HTML] - [html] 간단한 쇼핑몰 만들기 [html] 간단한 쇼핑몰 만들기 이번에는 간단한 쇼핑몰을 만들어볼게요:) [JspMiniProject] 라고 만들었어요 web-inf > lib> ojdbc jar츄가 Webcontent - index(jsp파일) 만들기 Webcontent - layout - body, bottom, header, menu(jsp파일) 만.. 2-juhyun-2.tistory.com 2020/06/23 - [취업일기/HTML] - [html] 간단한 쇼핑몰 만들기 - 수정, 삭제편 [html] 간단한 쇼핑몰 만들..

개념을 먼저 정리해보도록 할게요:) session 세션이란? 사용자 정보등의 데이터를 서버나 웹컨테이너에 저장할때 사용되는 객체입니다 주로 로그인 후의 사용자 정보나 쇼핑몰의 장바구니 추가 등의 데이터 공유가 필요할때 주로 session에 저장하여 사용한다 브라우져가 종료되지 않을때 까지 지정된 데이터를 페이지 이동에 상관없이 시간을 지정하여 저장가능합니다 쿠키(cookie)는 사용자의 컴퓨터에 저장되므로 보안에 취약한데 이를 보완하여 쎄션은 서버에 저장하므로 보안에도 훨씬 뛰어납니다 자 그럼 다음과 같이 layout이라는 폴더 만들었던 것 기억나시죠? 그리고 login폴더를 하나 새로 생성해주세요:) 우리의 목표는 메뉴에 있는 login을 클릭하면 다음과 같이 폼이 뜨게 해주고 싶은 거에요 1. DAO..

지난 번에 했던 부분에 이어서쇼핑몰을 더 완성도 있게 만들게요:) 2020/06/22 - [취업일기/HTML] - [html] 간단한 쇼핑몰 만들기[html] 간단한 쇼핑몰 만들기이번에는 간단한 쇼핑몰을 만들어볼게요:) [JspMiniProject] 라고 만들었어요 web-inf > lib> ojdbc jar츄가 Webcontent - index(jsp파일) 만들기 Webcontent - layout - body, bottom, header, menu(jsp파일) 만..2-juhyun-2.tistory.com 1. update 기능 완성해주기 회원목록에서 수정을 눌렀을 때다음과 같은 화면이 뜰 수 있도록 해줄게요:) 바로 jsp 파일을 하나 생성해주세요mbUpdatePassForm.jsp 라는 이름으로요..

이번에는 간단한 쇼핑몰을 만들어볼게요:) [JspMiniProject] 라고 만들었어요 web-inf > lib> ojdbc jar츄가 Webcontent - index(jsp파일) 만들기 Webcontent - layout - body, bottom, header, menu(jsp파일) 만들기 다음 블럭을 윗 부분에 넣어주세요 프로젝트 경로는 계속 사용할 것이므로 따로 저장해두세요:) 사이에다가는 다음블럭을 넣어주세요 다음과 같이 각각 넣어주시면 되는거에요! 우선 저는 사진 body에 들어갈 사진 8장 foot, bottom에 들어갈 사진 2장 이미지 폴더 만들어서 저장해두었습니다. 그리고 전체적인 구조는 다음과 같습니다. 이제 각각 만들어두었던 jsp파일의 코드들을 작성해볼게요:) 1. body bo..

항상 프로젝트 해주실때마다 다음과 같이 설정해주셔야합니다:) JspProject - 우클릭 - Configure - Convert ..... 다음과 같이 3가지 체크해주세요 Browser, CKEditor, Jquery 체크체크 table 하나 생성해주세요 refresh 해보시면 다음과 같이 sinsang table이 만들어졌죠? 자바 로 오셔서 다음 표시해준 것과 같이 package(안에 class2개), folder(안에 jsp file 3개) 생성해주세요:) 1. sinsangDTO 만들기 변수 선언해주시고 자동생성으로 setter getter들 작성해주세요:) source - generate getters and setters select all - generate 그러면 다음과 같이 쭈루르르르륵..

2020/06/17 - [취업일기/블록체인] - [html] jsp로 DB에 저장하기 [html] jsp로 DB에 저장하기 우선 DTO랑 DAO개념들 잡고 갈게요:) DTO(Data Transfer Object) :특정테이블의 정보를 단위별로 정의한 클래스 필수변수와 set,get 메소드만 으로 이루어짐 DAO(Data Access Object) :데이타 베이스에 접속, 명령.. 2-juhyun-2.tistory.com 지난번에 했던 곳에서 이어서 가야합니다:) 다음과 같이 list가 나온 상태에서 수정이나 삭제를 누르면 가능하도록 기능을 추가해주어야합니다 우선 다음과 같이 info안에다가 jsp파일 3개를 만들어줍니다 infoupdateform를 이제 작성해줄건데요 그 전에 우리가 수정을 하기 위해서 ..

우선 DTO랑 DAO개념들 잡고 갈게요:) DTO(Data Transfer Object) :특정테이블의 정보를 단위별로 정의한 클래스 필수변수와 set,get 메소드만 으로 이루어짐 DAO(Data Access Object) :데이타 베이스에 접속, 명령전송전담클래스(메소드) 시작하기 전에 포인트는!!!! WEB-INF 에 ojdbc jar를 넣어주셔야합니다:) 1. sequence 생성 후 refresh 해보면 SEQ_INFO 만들어진 것이 보입니다 2. DB창에서 테이블 생성 3. src에서 info.model 패키지 생성 4. infoDAO랑 infoDTO 클래스 생성해주기 아까 시작하기 전에 살펴봤던 개념 다시 복기! DTO(Data Transfer Object) ---------> 메소드 만드는..