본문 바로가기

분류 전체보기132

[JSP] jQuery 선택자 정리 🙏🏻 jQuery 선택자 정리 📍 jQuery CSS 선택자 모음 ① 기본 선택자 ▪️ $("*") : 모든 요소를 선택 ▪️ $(".class") : 지정한 클래스를 가지는 모든 요소 선택 ▪️ $("element") : 지정한 태그명을 가지는 모든 요소 선택 ▪️ $("#id") : 지정한 ID 속성을 가지는 모든 요소 선택 ▪️ $("selector1, selector2") : 지정한 선택자들을 모두 결합하여 선택 ② 자식 선택자 ▪️ $("div:first-child") : 부모의 첫 번째 자식인 모든 요소 선택 ▪️ $("div: first-of-type") : 동일한 요소 이름의 형제 중 첫 번째 요소 선택 ▪️ $("div:last-child") : 부모의 마지막 하위 요소 모두 선택 ▪️ .. 2022. 11. 22.

[JSP] JSP 🙏🏻 JSP : Java Server Page : HTML 코드에 JAVA 코드를 넣어 동적 웹 페이지를 생성하는 웹 애플리케이션 도구 JSP가 실행되면 자바 서블릿으로 변환되며 웹 애플리케이션의 서버에서 동작되면서 필요 기능을 수행하고 그렇게 생성된 데이터를 웹 페이지와 함께 클라이언트로 응답합니다. JSP는 서블릿 기술 확장, 유지 관리 용이, 빠른 개발이 가능하다는 특징이 있습니다. ✅ JSP 개발 환경 도구 1) 자바 개발 환경 : JDK JSP는 HTML 코드 내 자바 코드를 작성하기 때문에 자바 개발 도구인 JDK가 반드시 설치되어야 함 2) 웹 서버 : Tomcat 웹 프로그래밍 언어로 작성된 웹 페이지가 실행되어 웹 브라우저에 나타나도록 하기 위해 웹 컨테이너 설치함 여기서 자주 사용되는 .. 2022. 11. 22.

[JSP] DataTables 🙏🏻 DataTables : 서버에서 가져온 데이터를 설정한 옵션에 맞게 그리드 형태로 그려주는 라이브러리 다시 설명하면 HTML의 을 데이터그리드 형식으로 사용하기 위한 라이브러리를 의미합니다. 서버에서 데이터를 가져와 사용하기 때문에 대용량 데이터를 가져와 표시할 때는 속도저하의 이슈가 있을 수 있습니다. 페이지 정보, 표시 건수, 검색 조건 등의 데이터를 Parameter로 보낸 후 서버에서 정제하여 원하는 만큼의 데이터를 가져와 사용하기 위해서는 ServerSide 옵션을 사용합니다. 1) 표시 건수 제어 기능 2) 페이징 기능 3) 정렬 기능 4) 필터 기능 5) 스크롤 기능 Datatable을 사용하면 이러한 기능을 빠르게 구현할 수 있습니다. 또한 서버에서 JSON 데이터를 받아 표시할 수 .. 2022. 11. 22.

[Spring] UUID란 🙏🏻 UUID : Universally Unique Identifier UUID란 정보 식별을 위하여 128 bit 숫자로 이루어져 있는 식별자를 의미합니다. 데이터들이 나중에 단일 DB로 통합되거나 같은 채널에서 전송되더라도 식별자가 중복될 확률이 매우 낮다는 장점이 있습니다. ✅ 정보를 식별하는 방법에는 두 가지가 있습니다. ✔️ 첫 번째, UUID - 128 bit 숫자로 정보 식별에 사용됨 - Microsoft에서는 GUID라고 불림 - Standard Method로 생성시 실용적인 용도로 충분히 고유함 - 중앙등록기관(ex. DB서버) 등에 의존되지 않고 독립적으로 생성 가능 - 별도로 분리되어 있던 데이터들을 통합하거나 하나의 채널에서 전송하더라도 충돌이 발생하지 않음 ✔️ 두 번째, Prim.. 2022. 11. 22.

[JS] 자바스크립트 🙏🏻 자바스크립트 JavaScript 📍 화살표 함수 1) 매개변수가 없을 경우 ( ) => { ... } 2) 매개변수가 한 개인 경우 x => { ... } 3) 매개변수가 여러 개인 경우 (x, y) => { ... } 📍 Javascript 연산자 / 입출력 / 변수 1) 연산자 ▪️ == : 자료형을 자동으로 형변환 ▪️ != : 자료형을 자동으로 형변환 ▪️ === : 값이나 자료형이 같음 ▪️ !== : 값이나 자료형이 다름 ▪️ ? : 삼항 연산자 2) 입출력 ▪️ 알림창 출력 alert("안녕"); ▪️ 확인창 출력 var replay = confirm("확인하시겠어요?"); ▪️ 프롬프트창 입력 받기 var name = prompt("이름을 입력하세요.", "default"); ▪️ 웹.. 2022. 11. 22.

[HTML] html 🙏🏻 HTML HTML은 웹 사이트의 모습을 기술하기 위한 마크업 언어라고 할 수 있습니다. 프로그래밍 언어가 아니라 마크업 정보를 포함하는 마크업 언어로, 문서의 내용 이외의 문서의 구조나 서식 같은 것을 포함합니다. 📍 기본 태그 제목입니다 내용입니다 ① : 웹 문서의 유형을 html로 지정 ② : 문서를 html로 시작하며 언어를 한국어로 지정 ③ : 주로 브라우저의 정보를 입력하는 곳 ④ : 웹 서버와 웹 브라우저 간에 교환되는 정보 정의 ⑤ : 문서 제목 ⑥ : 문서 내용 입력 📍 문서 구조 태그 1) : 머리글 영역 - 주로 태그를 사용하여 검색 창을 넣거나 태그를 사용하여 사이트 메뉴를 넣음 2) : 내비게이션 영역 - 문서를 연결하는 내비게이션 링크로 동일한 사이트 내 문서나 다른 사이트 .. 2022. 11. 21.

[Spring] Mapper와 Repository 🙏🏻 Mapper와 Repository mapper와 repository를 비교할 때는 mapper가 작은 단위에 속합니다. 즉, repository는 mapper를 포함하고 있습니다. ✅ Backend Business Logic 전체 구조 ① Model : controller, service, mapper, repository와 상호작용 ② RestController : service와 상호작용 ③ Service : mapper, repository와 상호작용 ④ Mapper, Repository : SqlSession 및 DB와 상호작용 📍 Mapper 대부분 ***.xml과 같이 SQL문을 정의해놓은 파일과 함께 사용됩니다. SQL문을 정의하고 그 결과를 정의해놓은 모델에 매핑시키는 Mybatis .. 2022. 11. 21.

[Spring] @Controller와 @RestController 🙏🏻 @Controller와 @RestController의 차이점은 HTTP Response Body가 생성되는 방식 1) @Controller는 View가 반환됨 2) @RestController는 객체를 반환하고 객체 데이터는 JSON 또는 XML로 HTTP 응답에 작성됨 🔺 @Controller - Client 요청으로부터 View를 반환 - Controller는 ViewResolver 설정에 맞는 View를 반환 ① Controller로 View 반환하기 ② Controller로 Data 반환하기 - RESTful 웹 서비스를 구현하기 위하여 Spring MVC의 컨트롤러에서 데이터를 반환하기 위해 @ResponseBody 사용 - 내부적으로 Spring은 HTTPMessageConverter 리.. 2022. 11. 21.

[Spring] DAO / DTO / VO / Entity 🙏🏻 DAO / DTO / VO / Entity ✔️ Java 파일 만들기 1) 컨트롤러 Controller 클라이언트에서 요청이 들어올 때 해당 요청을 수행할 비즈니스 로직 제어 객체입니다. 컨트롤러에서 세부적으로 서비스 레이어를 만들어 해당 요청 사항을 객체 지향적으로 세분화하여 관리합니다. 2) 서비스 Service 서비스 레이어에서 세분화된 비즈니스 로직을 처리합니다. 3) DAO : Data Access Object DB를 사용하여 데이터를 조회하거나 조작하는 기능을 전담하도록 만든 객체입니다. 4) VO : Value Object / DTO : Data Transfer Object 각 계층간 데이터 교환을 위한 자바 객체입니다. 📍 DAO : Data Access Object DB의 데이터에 .. 2022. 11. 21.

이전 1 2 3 4 ··· 15 다음

티스토리툴바