35기 디지털 컨버전스 융합 SW 2일차

웹서버를 만들고 HTML과 CSS를 통해 화면을 만들 수 있다.

       개발 환경이 어려울까? or 업무 프로세스가 어려울까?

       개발 환경이 쉬울까?    or 업무프로세스가 쉬울까?

▶ HTML 감 익히기 [화면 연결 -> 화면흐름]

• 화면 흐름 예시 ; 회원 1명 리스트, 회원가입 화면을 만들어서 회원 1명을 등록하면 2명의 리스트, 2명의 리스트에서 수정 버튼을 만들어서 수정해서 수정 버튼을 누르면 수정 완료, 탈퇴 버튼을 만들어서 버튼을 클릭하면 2명의 리스트에서 1명의 리스트가 된다.

• 상황에 맞게 사용자가 편한 상태를 생각해보자. -> 무의식적으로 바라보았던 것들에 진행 순서를 생각

개발환경
1) 자바 프로그램 개발을 위해서 필수 다운로드 및 설치 : http://www.oracle.com
   JDK ( Java SE Development Kit ) : 개발환경
   JRE ( Server Java Runtime Environment ) : 실행환경
2) 웹서버(Web Server) , 웹 애플리케이션 서버 (Web Application Server) : apache-tomcat http://tomcat.apache.org/
3) 편집 도구 : eclipse http://eclipse.org/

불러오는 중입니다...

▷eclipse :

Java와 Apache-tomcat을 연결해서 프로젝트를 생성한다. 

<a href="<%=request.getContextPath()  %>________ </a>	
<a href="<%=request.getContextPath()  %>/user/user_insert_form.jsp">01회원가입</a>

  경로를 가져오는 명령어

* 절대 절대 주소는 타자로 치지 않는다. 복붙복붙

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

1. 프로젝트 생성

2. WebContent 하위에 index.jsp 생성 → 레이아웃 불러오기경로설정 하기위해 css 폴더 만든 후 css 파일을 복사해서 css 폴더 안에 붙여넣기 (위치가 중요하다)

3. 상단메뉴에 메뉴 만들기 → 경로를 가져오는 명령어 request.getContextPath 사용

4 .WebContent 하위에 user 폴더 생성 → 경로에 맞는 jsp만들기 ⇒ requsest.getContextPath 명령어 이용하여 경로 설정

5. 4번에서 만든 jsp 채우기 →index.jsp Ctrl+a, Ctrl+c → Ctrl+v

6. 오른쪽 레이어드 채우기

<form action="<%=request.getContextPath()  %>/user/user_insert_list.jsp">
               아이디:<input type="text" name="u_id">  <br>
		       비   번:<input type="text" name="u_pw">  <br>
		       권   한:<input type="text" name="u_level">  <br>
		       이   름:<input type="text" name="u_name">  <br>
		       이메일:<input type="text" name="u_email">  <br>
		       <input type="submit" vlaue="회원가입버튼">
		      
		       
		       </form>

단축키
ctrl + F11	실행
ctrl + shift + ±	화면 확대 축소
드래그 Ctrl + Shift + /	주석 설정
드래그 Ctrl + Shift + \	주석 해제

▷ 웹서버

• 웹서버는 설치할 수 도 있고 특정 폴더에 위치시킬 수도 있다.

• 웹서버가 동작(실행)하면 Clience가 서비스를 받는다. 

하나의 언어를 제대로 알면 다른 언어도 쉽게 할 수 있다.

 

★앞으로 해야 할 것

1] 블로그 [매일매일 배운 것 정리]  https://r-0o0-j.tistory.com/6

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

3] 용어 정리 & 숙지   

4] 프로젝트 : 내가 관심 있는 것 ⓐ 배구 ⓑ 카페 ⓒ교회