이 장의 키워드 AOP 프록시, 대상 객체 Advice의 순서 @Pointcut @Around 핵심 공통 기능 구현 / 핵심 기능 구현을 분리 1. 프록시와 AOP 프록시 : 핵심 기능의 실행은 다른 객체에 위임하고 부가적인 기능을 제공하는 객체 핵심 기능은 구현하지 않지 않고, 여러 객체에 공통으로 적용할 수 있는 기능을 구현한다. 대상 객체 : 실제 핵심 기능을 구현하고 실행하는 객체 AOP(Aspect Oriented Programming) 여러 객체에 공통으로 적용할 수 있는 기능을 분리해서 재사용성을 높여주는 프로그래밍 기법 핵심 기능의 코드를 수정하지 않으면서 공통 기능의 구현을 추가한다. 스프링이 제공하는 AOP 방식 런타임에 프록시 객체를 생성해서 공통 기능을 삽입한다. 예시 // Calc..

22-23/22-23 Spring 2 2022. 11. 10. 10:00

이번 장에서는 반복되는 코드를 효율적으로 보여주고 관리하는 방법에 대해 배워보겠습니다. 0. 자바스크립트 배열의 내장 함수 자바스크립트에서는 배열을 다룰 수 있는 유용한 내장 함수들이 있습니다. forEach : 배열의 각 요소들에게 일관된 작업을 수행할 수 있습니다. 사용법 - 배열명.forEach(파라미터) map : 배열 안의 모든 원소를 변환할 때 사용됩니다. 사용법 - 배열명.map(파라미터) filter : 배열에서 특정 조건을 만족하는 값들을 분류하여 새 배열을 만듭니다. 사용법 - 배열명.filter(파라미터) push : 배열의 맨 뒷부분에 요소를 추가합니다. 사용법 - 배열명.push(파라미터) pop : 배열의 맨 뒤 요소 하나를 반환하고 제거합니다. 사용법 - 배열명.pop() co..

22-23/22-23 리액트 스타터 1 2022. 11. 10. 10:00

해당 포스트는 초보 웹 개발자를 위한 스프링 5 프로그래밍 입문 [최범균 저] 책 내용을 참고하였습니다. ❗컨테이너 초기화와 종료 📌기본 public class Main { public static void main(String[] args) { //1. 컨테이너 초기화 AnnotationConfigApplicationContext ctx = new AnnotationConfigApplicationContext(AppContext.class); //2. 컨테이너에서 빈 객체를 구해서 사용 Greeter g1 = ctx.getBean("greeter", Greeter.class); Greeter g2 = ctx.getBean("greeter", Greeter.class); System.out.println..

22-23/22-23 Spring 1 2022. 11. 5. 10:02

해당 포스트는 초보 웹 개발자를 위한 스프링 5 프로그래밍 입문 [최범균 저] 책 내용을 참고하였습니다. ❗@Component : 스캔 대상 📌사용법 @Component: 기본 1. MemberDao(→memberDao), ChangePasswordService(→changePasswordService), MemberRegisterService(→memberRegisterService) @Component public class MemberDao { ... } 2. MemberInfoPrinter(→infoPrinter), MemberListPrinter(→listPrinter) @Component("infoPrinter") public class MemberInfoPrinter { ... } @Cont..

22-23/22-23 Spring 1 2022. 11. 5. 10:01

해당 포스트는 초보 웹 개발자를 위한 스프링 5 프로그래밍 입문 [최범균 저] 책 내용을 참고하였습니다. ❗@Autowired 애노테이션을 이용한 의존 자동 주입 📌@Autowired로 의존 자동 주입하기 (기존 config 클래스) @Configuration public class AppCtx { @Bean public MemberDao memberDao() { return new MemberDao(); } @Bean public MemberRegisterService memberRegSvc() { return new MemberRegisterService(memberDao()); //의존 관계 직접 주입 } @Bean public ChangePasswordService changePwdSvc() { ..

22-23/22-23 Spring 1 2022. 11. 5. 10:00

5장 ref: DOM에 이름달기 public/index.html 파일의 div 태그의 id가 root로 설정되어 있습니다. 이처럼 id를 사용하면 특정 DOM 요소에 대하여 쉽게 접근하여 처리할 수 있습니다. 이렇게 HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼, 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법이 ref(reference)입니다. 5.1 ref는 어떤 상황에서 사용해야 할까? ref는 DOM을 직접적으로 건드려야 할 때 사용해야 합니다. 예로 클래스형 컴포넌트에서 ref를 사용하는 방법을 알아봅시다. 5.1.1 예제 컴포넌트 생성 src 디렉터리 안에 ValidationSample.css와 ValidationSample.js 파일을 생성해봅시다. /*ValidationSam..

22-23/22-23 리액트 스타터 1 2022. 11. 5. 10:00

5.1 ref는 어떤 상황에서 사용해야 할까? HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법이 있습니다. 바로 ref(reference의 줄임말) 개념입니다 5.1.1 예제 컴포넌트 생성 //ValidationSample.css .success { background-color: lightgreen; } .failure { background-color: lightcoral; } //ValidationSample.js import React, { Component } from 'react'; import './ValidationSample.css'; class ValidationSample extends Component { state = {..

22-23/22-23 리액트 스타터 3 2022. 11. 5. 10:00

* ref(reference의 줄임말) : HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법 5장에서는 클래스형 컴포넌트에서 ref를 사용하는 법을 공부한다. (함수형 컴포넌트에서 ref 사용 시, Hooks 사용 > 8장 ) I. ref는 어떤 상황에서 사용해야 할까? => 특정 DOM에 작업을 해야할 때 사용하는데, 특히 DOM을 꼭 직접적으로 건드려야 할 때 사용해야 한다 1. 예제 컴포넌트 생성 .success { background-color : lightgreen; } .failure { background-color : lightcoral; } import {Component} from 'react'; import './Validat..

22-23/22-23 리액트 스타터 2 2022. 11. 5. 10:00

🔍 익스프레스 npm에는 서버를 제작하는 과정에서의 불편함을 해소하고 편의 기능을 추가한 웹 서버 프레임워크가 있는데, 대표적인 것이 익스프레스다. 익스프레스는 http 모듈의 요청과 응답 객체에 추가 기능들을 부여했다. 📌 익스프레스 프로젝트 시작하기 learn-express 폴더 생성 package.json 생성 // package.json { "name": "learn-express", "version": "0.0.1", "description": "익스프레스를 배우자", "main": "app.js", "scripts": { "start": "nodemon app" }, "author": "seol", "license": "MIT", } // app.js const express = require..

22-23/22-23 Node.js 2022. 11. 5. 10:00

해당 포스트는 초보 웹 개발자를 위한 스프링 5 프로그래밍 입문 [최범균 저] 책 내용을 참고하였습니다. ❗ 의존 주입 - DI(Dependency Injection) 📌 의존이란? 한 클래스가 다른 클래스의 메서드를 실행할 때 이를 의존한다고 표현한다. 혹은 변경에 의해 영향을 받는 관계를 의미한다. import java.time.LocalDateTime; public class MemberRegisterService { private MemberDao memberDao = new MemberDao(); public Long regist(RegisterRequest req) { // 이메일로 회원 데이터(Member) 조회 Member member = memberDao.selectByEmail(req...

22-23/22-23 Spring 1 2022. 10. 27. 10:01

해당 포스트는 초보 웹 개발자를 위한 스프링 5 프로그래밍 입문 [최범균 저] 책 내용을 참고하였습니다. ❗ 스프링 프로젝트 폴더 구조 📌 기본 폴더 구조 C:\spring5fs\sp5-chap02\ : 프로젝트 폴더 C:\spring5fs\sp5-chap02\src\main\java : 자바 소스 폴더 ❗ 메이븐과 그레이들(Maven and Gradle) 📌 공통점 프로젝트의 설정 정보를 관리하는 프로그램으로 프로젝트에서 필요로 하는 의존 모듈이나 플러그인 등에 대한 설정을 담는다. 📌 차이점 메이븐은 .xml 확장자로 관리하고, 그레이들은 .gradle 확장자의 파일로 관리한다. ❗ 메이븐 프로젝트(Maven Project) 📌 메이븐 프로젝트 생성 4.0.0 sp5 sp5-chap02 0.0.1-S..

22-23/22-23 Spring 1 2022. 10. 27. 10:00

❗ 스프링 빈 콜백 📌 스프링 빈 라이프사이클 스프링 컨테이너 생성 → 스프링 빈 생성 → 의존관계 주입 → 초기화 콜백 → 사용 → 소멸 전 콜백 → 스프링 종료 스프링 컨테이너는 스프링 빈을 생성하는 동시에 해당 빈에 존재하는 모든 의존관계를 주입한다. 이 과정이 종료되면 초기화 작업이 시작되는데, 스프링에서는 초기화 시점에 호출할 수 있는 콜백 메서드를 제공한다. 또한, 비슷한 맥락에서 스프링 빈이 소멸되기 직전에 호출 가능한 콜백 메서드도 제공한다. ❗ 스프링이 제공하는 빈 생명주기 콜백 방식 인터페이스(InitializingBean, DisposableBean) 설정 정보에 초기화 메서드, 종료 메서드 지정 @PostConstruct, @PreDestory 애노테이션 지원 📌 인터페이스 Init..

22-23/22-23 Spring 1 2022. 10. 21. 10:00