전체 글235

• 

  (22.12.11)Web 프로그래밍 : 웹페이지 헤더 만들기 (include file 이용하기) ●●웹페이지 헤더 만들기●● ●●전체 코드●● 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 1분 댄스학습하기 var uid=''; $(function(){ if(uid=='null'){.. Web programming 2022. 12. 11.

• 

  (22.12.10)CSS: A 태그 속성 (link, visited, hover, active), HTML 테이블 마우스오버 이벤트 CSS: A 태그 속성 (link, visited, hover, active) a:link : 방문 전 링크 상태이다. a:visited : 방문 후 링크 상태이다. a:hover : 마우스 오버 했을 때 링크 상태이다. a:active : 클릭 했을 때 링크 상태이다. 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 a:link{ text-decoration:none; color: black;} a:visited{ text-decoration:none; color: black;} a:hover{ text-decoration:none; color: white;} a:active{ text-decoration:non.. Web programming 2022. 12. 11.

• 

  (22.12.09)Database: Join query, CROUP BY, Javascript Timing Events ●●Join query●● -inner join : 연결 조건에 맞는 행만 연결해서 가져온다. -outer join : 연결 조건에 벗어나 있어도 가져온다. left outer join right outer join full outer join -cross join : 조건 없이 연결 짓는다 (기준 테이블의 행 수 x 연결할 테이블의 행 수 만큼의 행수를 가진 결과가 나온다.) ●●CROUP BY ~●● ●●Javascript Timing Events●● - setTimeout (function 이름, milliseconds(설정할 시간도넣기 ex: 3000 > 3초)) : 1회용 타이머 - setInterval (function 이름, 설정할 시간) : 설정한 시간 마다 주기적인 타이머 Database 2022. 12. 9.

• 

  이용자 동영상 학습 페이지 이용자가 동영상을 학습하고 관리자가 통과 여부를 판단하여 통과 하면 다음단계 학습을 시작할 수 있도록 하기 M : UserVO.java , LHVO.java , Video.java , HwStatus.java , PraticeVO.java , Questions.java , LmsDAO.java V : learn.jsp , Main.jsp , practice.jsp , user_info.jsp , userDetailForUser.jsp , editUser.jsp C : LmsServlet.java Service Class : LmsService.java UserVO.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28.. Web programming 2022. 12. 8.

• 

  (22.12.07)Web 프로그래밍: MVC방식으로 동영상 학습 사이트 -1단계 웹페이지 설계 및 VO클래스 만들기 동영상 학습 사이트 - 각자의 동영상은 Youtube의 개인 계정에 올린다 - 로그인한 이용자에게만 동영상을 볼 수 있게 한다 - 한개의 동영상을 학습하고 반드시 실습과제를 제시한다 - 실습과제에 대한 통과 여부는 관리자만 결정할 수 있다 - 실습과제를 통과한 학습자만 다음 동영상을 볼 수 있다 - 3개의 동영상(1과목)을 통과하면 1과목 통과자가 된다. - 1과목 통과자는 2과목 학습을 시작할 수 있다 VIEW 구성 Back-end logic (JAVA & DB) 학습자가 사이트에 접속한다 -> main 페이지를 보여준다 [로그인] 링크를 누른다 -> 로그인 페이지를 보여준다 ID, 암호 입력 후 [로그인] 버튼을 누른다 -> 로그인 성공/실패 메시지를 보여준다 ​ 성공이면 현재 페이지를 그대로 보여주.. Web programming 2022. 12. 7.

• 

  (22.12.06)Database : MVC방식 게시판 답글 달기 (Oracle 계층 쿼리 활용) ●●게시판 답글 달기- 계층구조 질의(hierarchycal Query)●● 오라클에서 제공해주는 계층구조 질의(hierarchycal Query)을 활용하여 게시판에 답글 넣기 기존 게시판 [(22.12.02) 게시판 글 참고!!!] 에서 답글 달기 기능 만들기 M : BoardVO.java , BoardDAO.java V : boardList.jsp , boardAdd.jsp , boardDetail.jsp , boardEdit.jsp , boardReple.jsp C : 서블릿 MVC Service : BoardService.java 현재 글에 없는 java, jsp 파일은 (22.12.02)글 참고 BoardService.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1.. Database 2022. 12. 6.

• 

  (22.12.05) Database : 계층구조 질의(hierarchycal Query), pagination(페이지 나누기),VIEW 만들기, 외부키 제약조건 ●●계층구조 질의(hierarchycal Query)●● -부모글 /자식글 정렬 누구아래에 누구를 붙어라 root를 정해주면 가지가 붙는다 상사의 사원번호로 정렬을 하게 된다면 루트를 정해주고 그곳부터 사원번와 상사번호가 같은 사람끼리 정렬한다. 하지만 들여쓰기를 하지 않아 보기가 불편하다. LPAD를 사용하여 들어 쓰기를 해준다. 트리의 가지들은 가지치기 한 만큼 들여쓰기 되게 된다. NAME : KING의 레벨이 1이므로 레벨 2부터 들여쓰기 해주고 싶으니 (LEVEL-1)을 해준다. 이름에 빈칸을 주어 들여쓰기 하고 싶은데 시스템 상에선 공백은 하나만 취급을 한다. 따라서 특수문자를 사용해준다. 'ㄱ'을 쓰고 한자 키를 누르면 1번에 공백이 있는 걸 확인할 수 있다. 공백대신 '*'을 쓴다면 이와 .. Database 2022. 12. 5.

• 

  (22.12.04)Android 프로그래밍 : 테이블 레이아웃을 이용한 계산기 ●●테이블 레이아웃을 이용하여 계산기 앱 만들기●● activity_main.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 Colored by Color Sc.. Android studio programming 2022. 12. 4.

• 

  (22.12.03)Android 프로그래밍 : 기타 레이아웃 - 렐러티브레이아웃, 프레임레이아웃, 테이블레이아웃, 그리드레이아웃 ●●렐러티브레이아웃●● 렐러티브 레이아웃은 상대 레이아웃이라고도 하며, 이름처럼 레이아웃 내부에 포함된 위젯을 상대적인 위치로 배치한다. 레러티브레이아웃 안에 포함된 위젯은 렐러티브 레이아웃의 어디쯤에 위치시킬 것인지 지정해야한다. 렐러티브 레이아웃에 있는 위젯의 위치와 관련된 속성은 크게 두 분류로 나눌 수 있다. 렐러티브 레이아웃의 상하좌우에 배치하는 경우와 다른 위젯의 상대 위치에 배치하는 경우가 있다. ①렐러티브레이아웃의 상하좌우에 배치 렐러티브레이아웃 안에 포함된 위젯의 속성 중 부모(레이아웃)의 어느 위치에 배치할지를 결정하는 속성은 모두 7가지이다. 렐러티브레이아웃에 있는 위젯을 부모(렐러티브레이아웃)의 어느 부분에 위치시킬지를 보여준다. 각 속성의 값은 true 또는 false이다. 예를 .. Android studio programming 2022. 12. 3.

• 

  (22.12.02)Database : DB에서 정보를 꺼내오고 추가하는 웹 프로그래밍(게시판 글 찾기,추가,수정,삭제 CRUD) ●●게시판 CRUD●● 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet(name = "DBBoardServlet", urlPatterns = { "/DBBoard" }) public class BoardServle.. Database 2022. 12. 2.

• 

  (22.12.01)Database : 사원정보 삭제하기, 추가하기, DB에서 테이블 생성, 날짜 가져오기, 시퀀스 ●●사원정보 삭제하기●● 회원정보를 삭제하면 DB에서도 테이블에서 객체 정보를 삭제하기 empDAO.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 1.. Database 2022. 12. 1.

• 

  (22.11.30)Database : DB에서 데이터를 뽑아 MVC방식으로 웹프로그래밍 하기, 사원정보 수정하기 ●●DB에서 데이터를 뽑아 웹프로그래밍 하기●● 이용자가 검색할 수 있는 기능중 '이름검색'과 '부서번호' 검색 둘 중 하나를 선택하여 만약 이용자가 '부서번호'를 선택했다면 서버측에 부서번호 리스트를 요청하여 응답(JSONArray 문자열)을 받아서 ' keyword' 박스에 보여준다. 그리고 검색을 하면 상세보기를 할 수 있게 한다. Servlet 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet;.. Database 2022. 11. 30.