git hub에 서버 연결, 웹프로젝트 구현(insert, delete, update)

두부링·2025년 1월 8일

웹프로그래밍

목록 보기
3/20

git

git hub로 올리기

올리면 안되는 파일


.metadata : 이클립스의 설정(글자크기, 템플릿)
Servers : 서버의 정보

환경은 이클립스에서...
1. git init 하기

  1. gitignore 작성하기
  • 올리면 안되는 내용 작성함
  • DB 연동하는 jar 파일은 commit 의 대상으로 설정
  1. git add to inbex -> commit 하기

    푸쉬 레포지토리가 없고 commit and push 만 누르면 commit만 함

  2. git hub 에 레포지토리 만들고 git remote
    4-1. git remote 환경 연결하기

    4-2. git remote 연결하는 창

  1. 서버의 환경이 아닌 단순히 코딩 내용이 올라감

home에서 환경설정 하기

가장 먼저 서버를 잡아야 함

  1. apache tomcat 파일 복사 + web_work 폴더 생성

  2. 웹프로젝트를 할려면 서버를 잡아야 함
    기존에 서버 잡는 거랑 동일함

  3. 서버의 포트를 8888로 설정하기

  4. git clone 해서 하나씩 import 하기

  • 이클립스에서 clone~선택해서 -> git url 들어가기 -> 클론할 위치(경로 확인)
  • 대신에 import 한 것은 아님
  1. import 하면 에러가 발생함
  • 웹프로젝트의 모양이 아니므로 오류가 발생함

프로젝트 우클릭 -> properties -> project Facets -> convert to~ 선택 ->


기본 버전 설정

다이나믹 6.0 JAVA 21
Apache Tomcat 10.1

단 로컬에서 서버 설정은 다시 해야 한다. 깃허브에 서버의 정보는 올리지 않았으니!

웹서버 프로그래밍

내가 작성한 내용을 예상해야 함.
페이지 소스보기를 꼭꼭꼭 해봐야 한다.

수정 기능 구현

  1. list.jsp 파일에 ? 파라미터 추가
  1. sql 파트
SELECT name, addr
FROM member
WHERE num=?
  1. 번호 넘어오는 곳에서 = 생략

  2. jsp 주석

  • 자바스크립트 영역과 자바의 영역을 꼭 구분해서 생각하기

    자바스크립트와 자바를 섞으면 안된다!
    웹브라우저의 입장과 웹서버의 입장을 구분하는 생각을 항상 갖고있어야함.

  1. test.food.dto , test.food.dao 패키지 만들기
  2. FoodDto, FoodDao 만들기
  3. webapp/food 폴더 만들기
  4. /food/list.jsp
    /food/insertform.jsp
    /food/insert.jsp
    /food/updateform.jsp
    /food/update.jsp
    /food/delete.jsp
    만들기

음식의 type은 "한식" "중식" "양식" "일식" "기타" 중에서 고르게 하면 좋음 select요소로 고르게 하면 적당!

체크사항

  1. Dao
  • 시퀀스 체크
  • insert, update, delete 작성법
  • dto 리턴하면 dto 작성
  • list 는 list 객체를 리턴해야 하니 생성까지 작성
  • getSting getInt 이냐 확인
  1. list.jsp
    1-1. javascript :

< a>< /a>의 추가기능으로 어플을 사용할 수 있다.

1-2.

  1. insertform.jsp & insert.jsp
    2-1. insertform.jsp

2-2. location.href

자바스크립트에서 다른 위치로 이동하고 싶을 때 사용

insertform에서 넣고싶은 내용을 입력받고
목적지인 insert.jsp 로 넘어가서 dao로
DB에 전송 -> 성공여부에 따라서 자바스크립트를 활용하여 위치를 따로

  1. delete.jsp
    3-1. request.getContextPath();

    자바의 객체를 이용해서 자동으로 경로를 작성해주길 원할 때 사용

  • request : 웹브라우저가 서버에 요청 시 구성을 이렇게 한다.

  • response : 서버가 사용자에게 답할 때 응답 방식 구성을 이렇게 강제한다

  • 자바스크립트로 페이지를 이동하는 법

  • html 요소만 보여주는 게 응답이 아님, 다른 경로로 가는 것도 응답으로 볼 수 있음

  1. updateform.jsp , update.jsp
    4-1. updateform.jsp java 3항 연산자

    jsp에서 삼항연산자는 바로 값을 출력하니 <% %> 하나만으로 가능함

<질문>
1. clone한 환경이랑 서버를 만든 환경이라 다르게 설정 왜? 그러면 어떻게 해야하는가?

  1. 왜 꼭 list.jsp를 통해서 updateform.jsp를 접속해야 해?
    list.jsp가 수정하고 싶은 데이터를 얻어오는 부분이므로 꼭 거쳐야 한다는 말
profile
하이하잉

0개의 댓글