HTML71 웹스퀘어 / script단 / d3 SVG d3 객체로 만들어진 도형들은 getBBox() 객체로 접근 가능하다. $("#id").get(0).getBBox(); 위 데이터 호출시 아래처럼 해당 객체 위치 반환 interface SVGRect { x: number; y: number; width: number; height: number; } 2021. 12. 23. 웹스퀘어 / script단 / datalist 객체 요약..LinkedDataList/ api TotalList1.insertJSON( a , datavalue); JSON 데이터 칼럼추가 a = index datavalue = 추가할 JSON TotalList1.getAllJSON(); JSON데이터 형식으로 리스트의 ID와 VALUE 값을 가져온다 TotalList1.setRowJSON( i , DataList) JSON데이터 형식으로 해당 데이터리스트에 로우값을 세팅해준다 TotalList1.getMatchedJSON(" id" , d , true); 해당 id 값인 d와 동일한 리스트데이터를 가져온다 매핑 2021. 12. 23. JQuery / Attribute / css , attr() Attribute/CSS Selector를 사용하여 조작을 원하는 HTML 노드를 선택했다면, 이제는 선택한 노드에 어떠한 작업을 할 순서이다. 선택한 노드의 속성 값을 가져오거나 텍스트를 변경할 수 있고, CSS() 함수를 사용하면 CSS에 의해 적용되는 상태를 동적인 상황에서도 변경할 수 있다. jQuery의 강력한 기능 중 하나는 CSS를 조작할 수 있다는 것이다. 일반적인 CSS는 HTML의 구조에 표현을 입히는 작업이라 할 수 있는데, jQuery의 CSS 관련 메서드는 동적으로 CSS를 변경할 수 있다는 것이 가장 큰 장점이다. 변경을 할 때에 클래스를 추가할 수도 있고, 제거할 수도 있기 때문에 매우 유용하다. ※ 태그의 배경색을 빨간색으로 설정 CSS jQuery.CSS() p {backg.. 2021. 12. 13. WebSquare 오늘은 회사에서 주로 쓰는 WebSquare를 사용하기 위해 공부를 하여 정리하려고 한다. UI툴을 실습을 통해 한번 사용해보자. -design 탭, script 탭, xml 소스 로 기본탭이 설정되어있다 -design 탭에서는 동적으로 디자인을 드래그?하면서 수정하는것이 아닌 컴포넌트에서 그룹들의 위치를 옮긴다 -> css 수정할때는 소스탭보다 컴포넌트탭에서 수정해야지 된다(소스에서 잘못고치면 골치아픔) 2021. 11. 26. 58일차//Ajax 댓글기능 *jQuery를 이용한 AJAX 1) jQuery라이브러리에 ajax모듈 존재 → 따라서 문서에 포함시키고 메소드 호출해 사용하면 OK! 2) $.ajax() : AJAX기능을 제공하는 jQuery메소드 : 매개변수를 object 객체형식{}으로 전달(속성과 함수 설정) - type : 요청방식 (GET/POST/PUT/PATCH/DELETE) - url : 요청 웹문서의 url주소 - async : false(동기화요청), true(비동기화요청-기본값) => submit요청시 꼭 처리하고 이동해야하는경우 정도만 사용 - data : 전달할 변수와 값 설정 (1. QueryString형식, 2. Objest객체형식 {}) - dataType : 요청에대한 응답결과의 데이터형식 (HTML/XML/JSON.. 2021. 4. 1. semiproject// 1일차 1. 주제 및 제목선정 2. 순서도 3. Class modeling 4. DB modeling 5. Storyboard 6. 화면구성 6. Resource 수집 8. 기획서 작성 9. 역할분담 10. 개발기간 수빈:메인페이지(대략적 레이아웃 작성) 정현:DB모델링, 로고이미지작업, 정우:리소스(객실,호텔)수집 윤아:메인페이지,클래스모델링(큰그림) 종훈:기획서작성, 리소스(객실,호텔)수집 ~3/25일 - 기획서 작성 ~3/26일 - 기획서 완성 ~3/28일 - 역할분담, 기획서 확정 및 개발 시작 ~4/3일 - 개발완료 및 피드백 2021. 3. 24. 48일차//JSP// doGET, HttpServlet ( 자료실 다운로드 받기, 다운로드 수)💨 pdsdetail.jsp 자료실 상세 페이지 작성자id 제목 작성일 조회수 다운로드 수 파일 이름 정보 내용 파일 삭제 파일 수정 자료실로 가기 FileDownLoader.java package filedown; import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import java.. 2021. 3. 22. 48일차//JSP// FileItem 인터페이스 ( 자료실 파일 업로드, 올리기)💨 org.apache.tomcat.util.http.fileupload.FileItem 인터페이스 FileItem 인터페이스는 multipart/form-data 형식으로 전송된 폼 데이터를 파일 또는 폼 아이템으로 표현하는 객체입니다. 161616161.txt //original filename = mydata.txt // file name = 161616161.txt %> 자료 올리기 아이디 파일 업로드 타이틀 내용 FileItem 인터페이스 메소드 void delete() : 임시 디렉토리에 있는 임시 파일을 삭제합니다. byte[] get() : 파일 아이템을 byte 배열로 반환합니다. java.lang.String getContentType() : 콘텐츠 타입을 반환합니다. java.lang.S.. 2021. 3. 22. 48일차//jsp// 게시판 파일업로드..enctype = "multipart/form-data" pdswrite.jsp 파일을 저장하고 액션으로 pdsupload로 전송할때 enctype = "multipart/form-data" 로 전송가능하다. 태그의 enctype 속성 태그의 enctype 속성은 폼 데이터(form data)가 서버로 제출될 때 해당 데이터가 인코딩되는 방법을 명시합니다. application/x-www-form-urlencoded 기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함. multipart/form-data 모든 문자를 인코딩하지 않음을 명시함. 이 방식은 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용함. text/plain 공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩되지 않음을 명시함. 예제 파일명 : 제출하기 2021. 3. 22. 이전 1 2 3 4 ··· 8 다음
