3일차 디지털 컨버전스 융합 SW 개발자 YERIEL

 

---

잊지 말자! 열고 닫고!

http://www.w3school.com

---

세상에서 가장 멋없는 회원가입 화면 만들기_002

어제에 이어 만들기

▶ table 만들기

   1. 마음에 드는 table 코드 복사하기

   2. 나님은 개초보, 초보라고도 못할 초짜니까 test 폴더를 따로 만들어서 연습해보기

   3. talbe.jsp를 만들어서 아까 복사한 코드 붙여 넣기

   4. <h2> 01 회원 리스트 (한 명) </h2>

   5.

   6. 실행

 

▷ index.jsp와 talbe.jsp를 참고하여 user_list.jsp을 완성시키기

   1. index.jsp 연다 전체 선택 복사 
   2. user_list.jsp 파일 열어서 붙여 넣기
   3. index.jsp 실행
   4. 회원가입 회원 리스트 두 가지 메뉴 클릭해서 경로 이동 문제없는지 확인

   5. table.jsp 코드를 일부 복사해서 user_list.jsp  붙여 넣기
     ⓐ css 코드 별도 복붙

     ⓑ table 태그 별도 복붙

▶ 만약 스타일에 해당하는 css code가 없다면

• 어제 배운 단축키를 이용해서 주석 처리해보기

<!-- <style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
</style> -->

 

▷ 회원가입 후 회원 리스트 추가하기

   1. user_insert_form.jsp의 경로를 확인하기

   2.user_list_insert.jsp에 추가하기

 

▶ 수정 버튼 만들기

   1. user_list_insert.jsp의 수정 버튼 클릭해서  user_update_form.jsp 수정 화면으로 이동

   2. user_insert_form.jsp을 참고해서 user_update_form.jsp을 만들 수 있다. 텍스트 고치기

  ☞ 수정 화면에 값 보여주기 

  ☞ 아이디는 수정 못 하게 막기

  3. value 명령어 넣어주기

  4. readonly 명령어 넣어주기 -  텍스트 수정 불가 

▷ 수정 후 수정 리스트로 넘어가기

  1. 경로 설정 꼭 꼭 확인하기 

  2. 리스트 변경해주기 (확인을 위해) _ 단순 텍스트 수정

<h2>03 수정 후 회원 리스트 (두명)</h2><br><br>
        <td>02</td>
		<td>id002</td>
		<td>update_pw002</td>
		<td>update_사용자</td>
		<td>update_김아름</td>
		<td>update_email102</td>

  3. 확인꾸! Ctrl+F11

 

▶삭제 버튼 만들고 삭제 화면 넘어가기

 위에서 한 수정 버튼 만들기 참고해서 만들어보기

세상에서 가장 멋없는 회원가입 완성

▷ 절대 경로와 상대 경로

절대경로 : 어떠한 웹페이지나 파일이 가지고 있는 고유한 경로나 위치를 말한다.
             절대로 변하지 않아서 절대 경로
             오늘 배운 내용에서 예를 들면 /goods/goods_insert_form.jsp
             D:\Yuyeongju\35기 한국 스마트 정보교육원\00_블로그 주소
             인터넷으로 예를 들면 https://r-0o0-j.tistory.com/
            


상대경로 : 절대경로의 반대말
              현재 있는 위치가 기준
              기준이 현재 위치에 따라 바뀌기 때문에 주소가 바뀌니까 상대적인 상대주소
              현재 위치 D드라이브 그럼 상위 폴더는 없고 하위 폴더는 \Yuyeongju
              현재 위치 \Yuyeongju 상위 폴더는 D드라이브 하위 폴더는 \35기한국스마트정보교육원 
              현재 위치 \35기한국스마트정보교육원 상위 폴더는 \Yuyeongju 하위 폴더는 \00_블로그 주소
              현재 위치 \00_블로그주소 상위 폴더는 \35기한국스마트정보교육원 하위 폴더는 없음
              상위 폴더는 크니까.. 점 두 개, 하위 폴더는 작으니까 . 점 한 개

 

---

★앞으로 해야 할 것

1] 블로그 [매일매일 배운 것 정리] 

https://r-0o0-j.tistory.com/9

2] 영문타자연습 [min 250타] / 2020.02.19. 

3] 용어 정리 & 숙지   

  w3school

  value 

  readonly

4] 프로젝트