DI와 AOP는 스프링의 핵심 기술이지만, 스프링의 전용 기술이 아니다. 스프링이 있기 훨씬 이전에 있던 기술(아키텍처)인데, 스프링에서 도입한 게 Spring DI, Spring AOP이다. 가장 핵심적인 기술인 만큼 현업 면접에서도 많이 물어보는 질문이기도 하다. 🌿Spring DI Dependency Injection 디자인 패턴 DI를 우리말로 하면 의존(성) 주입이라고 부른다. 스프링에서 굉장히 중요한 개념인데, 스프링 내의 모든 객체를 관리할 때 사용하기 때문이다. 눈에 보이는 부분, 눈에 보이지 않는 부분에서 모두 사용이 된다. DI의 정의는 프로그래밍에서 구성 요소 간의 의존 관계가 소스 내부가 아닌 외부 환경에서 정의되게 하는 디자인 패턴이다. 의존 관계 com.test.spring.di..
🌿Spring 설치 Spring Tools 3 full distribution on Eclipse 4.19 Spring Tools 3 > Spring Tool Suite 3.9.18 > spring-tool-suite-3.9.18.RELEASE-e4.19.0-win32-x86_64.zip https://download.springsource.com/release/STS/3.9.18.RELEASE/dist/e4.19/spring-tool-suite-3.9.18.RELEASE-e4.19.0-win32-x86_64.zip 위 링크에서 압축파일을 다운로드한다. 이 파일은 이클립스에서 스프링을 개발할 수 있게 배포한 Spring Tool Suite로, 줄여서 STS라고 부른다. Spring을 할 때에는 STS 3..
🍁카카오맵 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..
🍁아이디 중복 검사 구현 Ajax는 데이터를 전송해도 페이지 새로고침과 화면 깜박임이 발생하지 않기 때문에 화면에 메시지를 띄우는 작업을 하기에 적합하다. select * from tblUser; 기본 코드 아이디 중복 검사 이름 아이디 작업 과정 1. 데이터 가져오기 (id) 2. DB 작업 (중복 체크) 3. 결과 반환 ex06.jsp 아이디 중복 검사 이름 아이디 아이디 우회 가입 방지 아이디를 복사 붙여넣기하여 가입하는 것을 방지하기 위해 disabled 속성을 부여한다. 아이디 중복 검사를 해서 사용할 수 있다는 결론이 난 경우에만 가입 버튼을 누를 수 있게 한다. $('#regBtn').prop('disalbed', false); 그리고 사용 가능한 아이디일 경우 disabled를 해제한다. ..
