스타필드 도서관 웹 애플리케이션의 프로젝트 구조와 전체 코드이다. 코드뿐만 아니라 구현 과정 및 구현에 사용된 기술에 대한 설명을 덧붙였다. 2024.03.06 - [Programming/Spring] - [Spring Boot] 스타필드 도서관 웹 애플리케이션 개발과 배포: Spring Boot에서 MyBatis와 JPA 동시 사용하기 [Spring Boot] 스타필드 도서관 웹 애플리케이션 개발과 배포: Spring Boot에서 MyBatis와 JPA 동시 사용하 MyBatis와 JPA를 동시 사용해서 수원 스타필드 별마당 도서관 도서 관리 시스템 CRUD(Create, Read, Update, Delete)를 구현해 보도록 하자. 이렇게 만든 웹 애플리케이션의 배포까지 진행하면서 Spring MVC..
MyBatis와 JPA를 동시 사용해서 수원 스타필드 별마당 도서관 도서 관리 시스템 CRUD(Create, Read, Update, Delete)를 구현해 보도록 하자. 이렇게 만든 웹 애플리케이션의 배포까지 진행하면서 Spring MVC Pattern을 학습하는 것을 목표로 한다. 이 연습 프로젝트는 실제 스타필드 도서관 웹 애플리케이션은 아니지만, JPA를 활용하여 데이터베이스에서 책과 저자에 대한 CRUD 기능을 구현하였다. 💡JPA JPA(Java Persistence API)는 자바의 ORM(Object-Relational Mapping) 기술을 쉽게 구현하도록 도와주는 API이다. ORM은 객체와 관계형 데이터베이스 간의 매핑을 단순화하여 개발자가 객체 지향 프로그래밍 언어로 데이터베이스를 ..
Spring MVC Framework는 웹 개발에서 널리 사용되는 아키텍처 중 하나로, MVC(Model-View-Controller) 패턴을 기반으로 한다. 💡MVC 패턴의 구조 Model 정의: 애플리케이션의 데이터를 책임지며, 비즈니스 로직을 처리한다. 역할: 사용자에게 표시되는 데이터를 가공하고 저장하며, 데이터의 변경이 일어날 경우 적절한 처리 방법을 구현한다. 구현: Java 객체로 표현되며, 특정 도메인의 데이터를 담는 역할을 한다. View 정의: 시각적인 UI를 담당하며, 사용자에게 정보를 표현한다. 역할: Model에서 받은 데이터를 화면에 표시하고, 사용자의 입력을 Controller에 전달한다. 구현: 주로 HTML, JSP, Thymeleaf 등의 템플릿 엔진을 사용하여 구현한다...
🍁카카오맵 API Open API > map Google Map Naver Map Kakao Map [JDBC] Ajax: 게시판 구현 🍁게시판 구현 1. 주제 게시판 회원 관리(인증) 기타 등등 2. 요구분석 게시판 CRUD 권한 처리 목록 보기, 상세보기는 비회원과 회원 모두 할 수 있다. 글쓰기, 수정하기, 삭제하기는 비회원은 할 isaac-christian.tistory.com 게시판 구현에서 이어진다. [JDBC] Ajax (Asynchronous JavaScript and XML) 🍁Ajax Ajax는 비동기 방식으로 자바스크립트를 사용해서 서버와 데이터를 통신하는 기술을 의미하며, XML 형식으로 데이터를 주고받는다. 화면 깜박임 없이 데이터를 주고받을 수 있는 기술이다. isaac-chri..
🍁게시판 구현 1. 주제 게시판 회원 관리(인증) 기타 등등 2. 요구분석 게시판 CRUD 권한 처리 목록 보기, 상세보기는 비회원과 회원 모두 할 수 있다. 글쓰기, 수정하기, 삭제하기는 비회원은 할 수 없다. 수정하기, 삭제하기는 회원의 자기 글만 가능하다. 수정하기, 삭제하기는 관리자는 모든 글에 가능하다. 즉, 로그인을 하지 않더라도 글은 볼 수 있지만, 글을 조작하는 건 해당 글을 작성한 회원과 관리자만 가능하다. 3. 전체 구성(페이지 관계도) drwo.io 4. 화면 설계 & 스토리 보드 5. 데이터베이스 ERD ToyProject > ddl.sql, dml.sql [Oracle] 데이터베이스 설계 (Data Modeling) 💡데이터베이스 설계 1. 요구사항 수집 및 분석 2. 개념 데이터..
🍁주소록 구현 Ajax는 화면 깜박임 없이 데이터를 주고받기 때문에 눈에 보이는 페이지를 여러 장 만들지 않고 한 장으로 구현한다. 테이블 형태로 주소록 목록을 만들고, 입력하는 화면은 다른 페이지에 만들지 않고 해당 페이지의 팝업이나 아래에 폼으로 만든다. Ajax를 사용하지 않는 페이지는 각 기능을 별도의 페이지로 만든다는 특징이 있다. 그래서 Ajax를 쓰지 않을 때에는 CRUD를 구현할 때 4개의 독립적인 페이지를 생성한다. 반면에 Ajax를 사용하면 모든 기능을 한 장으로 구현하기 때문에 페이지가 복잡해진다. https://fonts.google.com/icons Material Symbols and Icons - Google Fonts Material Symbols are our newest ..
🍁jQuery UI https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com https://jqueryui.com/ jQuery UI jQuery UI is a curated set of user interface interactions, e..
