페이징 기법(paging) - 컴퓨터가 메인 메모리에서 사용하기 위해 2차 기억장치로부터 데이터를 저장하고 검색하는 메모리 관리 기법. - 대량의 데이터나 정보를 처리하고 효율적으로 관리하기 위한 방법으로 사용됨 여러맥락에서의 페이징 1. 가상 메모리 - 운영 체제에서 사용되는 가상 메모리 관리 기법 중 하나입니다. - 프로그램이 실행될 때 모든 프로그램의 코드와 데이터를 물리 메모리에 한꺼번에 로드하지 않고, 필요한 부분만 필요할 때마다 불러오는 방식입니다. 2. 데이터베이스 페이징 - 데이터베이스에서는 페이징이 결과 집합을 처리하는 기법으로 사용됩니다. - 대용량의 데이터를 작은 블록 또는 페이지로 나누어 처리합니다. 이로써 일부분의 데이터만 읽어오고 쓸 수 있으므로 전체 데이터를 한번에 처리하는 것..

로그 : 소프트웨어의 실행 동안 발생하는 이벤트, 상태 ,오류 등의 정보를 기록하는 데 사용됨 - 로그레벨 어떤 종류의 로그 메세지를 어느 정도의 중요도로 기록할 것인지를 결정하는데 사용되는 개념. 1. trace (추적) : 가장 상세한 로그레벨, 매우 상세, 개발단계에서 디버깅 용도로 사용됨 2. debug(디버그) : 디버깅을 위한 상세한 정보를 기록, 개발자가 애플리케이션 내부 동작을 이해하고 디버그할 수 있도록 도움줌 3. info(정보) : 애플리케이션의 주요 이벤트를 기록함 4. warn(경고) : 잠재적인 문제의 전조로서 경고를 나타냄 5. error(에러) : 오류 레벨은 심각한 문제 6. fatal(치명적에러) : 가장 높은 중요도의 로그레벨 - 로그 레벨 명시하기 application..

XMLHttpRequest 객체 - ajax의 가장 핵심적인 구성요소이다. - ajax에서 XMLHttpRequest객체는 브라우저가 서버와 데이터를 교환할때 사용된다. - 웹 브라우저가 백그라운드에서 계속해서 서버와 통신할 수 있는것은 바로 이객체 사용한다. XMLHttpRequest 객체의 생성 XMLHttpRequest 객체를 생성하는 방법은 브라우저의 종류에 따라 다음과 같이 나눠진다. 1. XMLHttpRequest 객체를 이용한 방법 ( 익스플로워 7과 그이상의 버전, 크롬,파이어폭스,사파리,오페라) var 변수이름 = new XMLHttpRequest(); 2. ActiveXObject 객체를 이용한 방법 var 변수이름 = new ActiveObject("Mincrosft.XMLHttp")..

DOM이란? - html 문서나 xml문서에 접근하기 위한 일종의 인터페이스 이다. - 이 모델은 문서내의 모든 요소의 목적과 특징을 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 왜 ajax가 dom이랑 연관? - ajax에서는 이런한 dom을 이용하여 웹페이지의 일부 요소만을 변경할수있다. (비동기식) DOM요소의 선택 - 자바스크립트로 dom요소를 다루기 위해서 우선 해당 요소를 선택해야한다. - 태그이름, id, class, selector, html객체 집합을 이용한 선택하는 방법이있다. 자바스크립트에서 노드 1) 노드 추가 - appendChild() - insertBefore() - insertDate() 2) 노드 생성 - createElement() - createAttribute(..

Ajax 란? 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신 할 수 있게해줌 즉, ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있음 https://www.tcpschool.com/ajax/intro 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 장점 - 웹페이지가 로드된 후에 서버로 데이터 요청을 보낼수 있음 - 웹페이지가 로드된 후에 서버로 데이터를 받을 수 있슴 - 백그라운드 영역에서 서버로 데이터를 보낼 수 있슴 한계 - 서버 푸시 방식의 실시간 서비스는 만들 수 없음 - 바이너리 데이터를 보내거나 받을 수없음 동작 원리 - Aja..

홈페이지 화면 롤링 배너 기능을 구현해보자. 서치를 하다가 owl carousel (카라셀) 이란 라이브러리를 알게되었다. 이 라이브러를 사용해서 구현해보았다. 1. owl carousel 사이트에서 플러그인 다운로드하기. owl carousel2 > download https://owlcarousel2.github.io/OwlCarousel2/ Home | Owl Carousel | 2.3.4 Modules and Plugins Owl Carousel supports plugin modular structure. Therefore, you can detach plugins that you won't use on your project or create new ones that fit your needs..

몽고 DB를 쓰게 되었다. 이제까지 써본 DB는 mysql, mariaDB 인데... 이건 또 뭐람  1. 몽고 DB는 뭘까 - MongoDB는 NoSQL 데이터 베이스의 한 유형으로 비관계형 데이터 모델을 사용하는 데이터베이스 관리 시스템 ( mysql 같은 경우는 관계형 데이터 모델임) - 전통적인 SQL 데이터베이스와는 다르게 데이터를 저장하고 관리하는 방식을 채택하고 있슴 1.1 특징 (스킵가능) 1. **문서 지향 데이터 모델:** MongoDB는 문서 데이터 모델을 사용합니다. 데이터는 JSON 형식의 BSON(Binary JSON) 문서로 저장됩니다. 이 문서는 필드와 값의 쌍으로 구성되며, 다양한 형식의 데이터를 포함할 수 있습니다.2. **동적 스키마:** MongoDB는 동적 스키마를 ..

사용용도 html table을 엑셀파일로 추출해서 다운로드 할 수 있게 만들어준다. 관리 > user 테이블이 화면상에 보여진다. 여기서 "다운로드 버튼을 누르면 엑셀파일로 변환되어서 다운로드가 가능하게끔 만들어 주세요" 라는 요청이 왔다. 이때 사용할 라이브러리는 SheetJs 처음 알게되었다. 라이브러리 사용에 익숙하지 않아서 모르는게 많지만 https://sheetjs.com/ SheetJS SheetJS Tools for Excel Spreadsheets sheetjs.com - 깃허브 https://github.com/SheetJS/sheetjs GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git..

"대부분 규모있는 스프링부트 프로젝트는 컨트롤러에서 리포지토리를 직접 호출하지 않고 중간에 서비스(service)를 두어 데이터를 처리한다" 1. 서비스가 필요한 이유 ? 1.1 모듈화 ex) 어떤 컨트롤러가 여러개의 리포지터리를 사용하여 데이터를 조회한후 가공하여 리턴한다. 이러한 기능을 서비스로 만들어 두면 컨트롤러에서는 해당 서비스를 호출하여 사용하면 됨 but 서비스 없다면 ? -> 해당 기능을 필요로 하는 모든 컨트롤러가 동일한 기능을 중복으로 구현해야함 1.2 보안 컨트롤러는 리포지터리 없이 서비스를 통해서만 데이터베이스에 접근하도록 구현하는 것이 보안상 안전함 1.3 엔티티 객체와 DTO(Data Transfer Object) 객체의 변환 엔티티 클래스는 컨트롤러에서 사용할수 없게끔 설계하는..

루트 URL을 만들어주기 @GetMapping("/") public String root() { return "redirect:/question/list"; // /question/list URL 로 페이지를 리다이렉트 } root 메서드 추가하고 / url 매핑하였다. - redirect: - URL로 리다이렉트 (리다이렉트는 완전히 새로운 URL로 요청이 된다) - forward: - URL로 포워드 ( 포워드는 기존 요청 값들이 유지된 상태로 URL이 전환된다)