목록분류 전체보기 (659)
겉바속촉
항상 프로젝트 해주실때마다 다음과 같이 설정해주셔야합니다:) 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) ---------> 메소드 만드는..
이미지1 이미지2 이미지3 점점크게 점점작게 컴파일 해보시면다음과 같이 뜰텐데요:) 이미지1버튼 누른경우 확인 눌러보시면 다음과 같이 사진이 뜹니다 점점크게 버튼 누른 경우 점점 작게 버튼 누른 경우
우리가 지난번에 만들어둔 템플릿 덕분에html 파일을 만들때마다다음과 같이 코드가 작성되어 나옵니다 이제 다음과 같이 코드를 작성해주세요:) 여러가지 예제를 연습해볼게요! 제목입니다1 제목입니다2 제목입니다3 제목입니다4 제목입니다5 문단안에 링크태그가 있다 두번째 태그에는 링크는 손자이다 one two three four five six 여자에게 인기있는 남자직업 프로그래머 연예인 백수 약사 남자에게 인기있는 여자직업 교사 주부 프로그래머 약사 일반적인 문단이다 문단안에 Span태그있습니다 아이유 이쁘죠? 숨겨진 문단 자리를 차지하지 못한 문단 투명한 문단 오늘은 즐거운 화요일 Nice to Meet you 안녕하세요 Hello jquery div_Happy div_A div_B 클래스추가 클래스제거 ..
이제 제이쿼리를 해보도록 합시다 두둥 test명을 가진 html파일 하나 생성해주었습니다 위와 같이 형광펜 칠해진 부분에 src="https://code.jquery.com/jquery-3.5.1.js"를 script에 넣어줍니다. 다운받지 않아도 직접 CDN을 넣어주는 방법이쥬:) 그리고 저는 bootstrap링크까지 추가해버렸습니다:) 이 상태에서 템플릿을 아예 만들어두고 시작할게요:) 매번 일일이 치려면 힘드니까요! 전체 선택 - 복사 하신 상태에서 우클릭 - new - html file - file name 지정 - next 꼭꼭꼭 next 눌러주셔야 합니다!!! 그래서 HTML Templates를 클릭 후 next 클릭해주세요 New 클릭 다음과 같이 name과 description 지어주신 후..
이번에는 ul이랑 li 사용해서 코드를 짜보도록 할게요:)table에만 css를 적용할 수 있는 것이 아니쥬?text에도 가능합니다!! 다음과 같이 코드를 작성해주세요순서 없는 list기 때문에 ul을 사용해주는 것이에요그리고 각각 들어갈 데이터들은 li 태그를 사용해주는 것입니다:) 1일차 1번예제 2번예제 3번예제 2일차 1번예제 2번예제 3번예제 3일차 1번예제 2번예제 3번예제 4일차 1번예제 2번예제 3번예제 컴파일 여기서 포인트는 hover를 썼다는 점입니다hover는 바로다음과 같이 마우스를 올려보면 blue로 바뀌게 해주는 것이에요!!색깔은 자기맘!! 다음과 같이 작성해주세요:)ul.submenu>li>a:hover { color: blue; }
이번 시간에는 아예 css파일을 따로 생성해준 후에html파일을 만들어보도록 할게요:) table을 또 만들려고 하는데요그 전에 table style에 대한 css를 따로 해주는 거죠!! 1. 다음과 같이 우클릭 - new - other 2. css를 타이핑 -> next -> 이름 생성 3. 다음과 같은 화면이 뜨면 ok 4. css파일 코드 작성해주기@charset "EUC-KR"; table { border: 2px solid gray; width: 500px; } tr, th, td{ border: 1px dotted gray; font-size: 10pt; } 5. html파일 생성해준 후에 table안에 들어갈 코드 작성 다음과 같이 작성해주시고~ 중간고사 성적 JAVA JSP Spring 8..
지난 번 포스팅에서 html로 tabel 생성하는 방법에 대해서 익혔는데요:)2020/06/16 - [취업일기/블록체인] - [html] table 생성하기[html] table 생성하기이번에는 table을 만들어보려고 하는데요:) 우선 개념을 짚고 가보도록 할게요!! tr -> 각각의 한 행을 의미 (table row) td -> 하나의 칸을 의미 (table data) th -> 제목에 많이 사용 (table header) / 굵게, 가..2-juhyun-2.tistory.com 항상 저런 모양의 테이블만 존재하지 않기 때문에우리는 경우에 따라서 행을 합치거나 열을 합쳐주어야 합니다 그래서 이제 행과 열을 합쳐보려고 합니다짚고 넘어갈 개념은 바로rowspan -> 행 병합 = 행들을 합쳐버리기cols..