[@Annotation] 스프링은 어노테이션이라는 일종의 메타데이터를 사용하여 특별한 기능으로 코드를 구현할 수 있다. 어노테이션을 활용하여 Spring Framework는 해당 클래스가 어떤 역할인지 정하기도 하고, Bean을 주입하거나 자동으로 getter와 setter를 생성하기도 한다. 이렇게 어노테이션을 활용하면 코드량이 감소하고 유지보수가 쉬우며 생산성이 증가한다는 장점이 있다. [대표적인 Annotation] @Component 개발자가 생성한 Class를 Bean으로 등록할 때 사용되는 어노테이션이다. Spring 은 해당 어노테이션을 보고 Bean으로 등록한다. 아래에 Bean에 관련한 자세한 설명이 있다! 스프링 빈(Spring Bean)이란? 1. 스프링 빈(bean) Spring I..

vue에 폰트를 적용하기 위해서 CDN 방식을 이용하는 가장 간편한 방식이 있다. 근데 만약에 CND 을 찾지 못한다면 ? 어떻게 해야 할까 ㅠㅠ 프로젝트를 하는데 글씨체가 ttf 형식만 있어서 vue에 적용 해보려고 한다. [ TTF 파일 넣기 ] 우선 src -> assets -> fonts (폴더생성) 후 그 안에 ttf 폰트 파일을 넣어준다. [ App.vue ] 그 후 App.vue 로 가서 아래와 같이 적어준다. 이렇게 하면 전역적으로 사용할 수 있는 font를 생성해 준 것이다. 대신 단점.. 모든 ttf 파일을 하나씩 아래와 같이 쳐주어야한다... 내가 지금 가진 글씨체가 무려 9개니까 그걸 다 적어줘야한다는건 저 세상 귀찮은 일이다... (아직도 못했음) @font-face { font-..

1. 스프링 빈(bean) Spring IoC 컨테이너가 관리하는 자바 객체를 빈(Bean)이라고 한다. 이전 포스팅에서 제어의 역전 (IOC, Inversion Of Control)에 대하여 간략하게 알아보았다. 제어의 역전 (IOC, Inversion Of Control) 제어의 역전(IoC, Inversion Of Control) 이란 사용자의 제어권을 다른 주체에게 넘기는 것을 IOC(제어의 역전) 라고 한다. 우리가 처음 자바 프로그램을 배울 때, 각 객체들이 프로그램의 흐름을 결정하 henniee.tistory.com 예전에는 Spring 프레임워크에서 ApplicationContext.getBean() 메서드를 사용하여 자바 객체를 가져와 사용했지만, Spring 2.5 버전 이후부터는 @A..

제어의 역전(IoC, Inversion Of Control) 이란 사용자의 제어권을 다른 주체에게 넘기는 것을 IOC(제어의 역전) 라고 한다. 우리가 처음 자바 프로그램을 배울 때, 각 객체들이 프로그램의 흐름을 결정하고 객체를 직접 생성하고 조작하는 작업을 했었다. 쉽게 말해 Class를 생성하고 new를 입력하여 원하는 객체를 직접 생성한 후에 사용했다는 말이다. 이렇게 객체를 직접 생성하여 메소드 호출하는 작업을 했고 이 말은 사용자가 직접 작업을 제어하는 구조였다는 뜻이다. 예를 들면, A객체에서 B객체에 있는 메서드를 사용하고 싶다면 B객체를 직접 A객체 내에서 생성하고 메서드를 호출했던 방식이다. 예시) 더보기 // A 클래스 정의 class A { private B bInstance; pu..

2탄에서 vue의 전체적인 코드를 살펴보았다. vue에서 구현 한 것을 전체적으로 써보자면 네이버 로그인 이미지 버튼 클릭 -> naver 로그인 api 주소 호출 (여기에 클라이언트 아이디와 리다이렉트 주소, 난수를 생성하여 요청을 보냄) -> 네이버 아이디 로그인 후 리다이렉트 주소로 페이지가 이동함 -> 이때 주소의 끝에는 code와 state가 쿼리로 생성되어 있을 것이다. -> 해당 리다이렉트 주소로 오자마자 code랑 state를 가지고 토큰 생성하는 메서드 실행 -> code랑 state formData에 넣어서 axios.post로 백 단에 필요한 정보를 보냄 오늘 마지막으로 할 것은 받아온 fromData 를 이용하여 Access_Token을 발급받고, 그 토큰을 이용하여 유저의 정보를 ..

[학습배경] 프로젝트를 하는데 오늘 날짜 이전과 오늘 날짜 이후만 선택하게 하고 싶었다. 예전에 이클립스에서 날짜제약 조건 하는 것을 JavaScript로 해봤는데 그것도 같이 정리하면서 Vue.js에서는 dayjs를 이용하여 더욱 간편하게 사용할 수 있는 방법을 포스팅해보려고 한다. [기존] 직접 입력 정해진 원하는 날짜가 있을 때는 min 과 max를 이용하여 직접 날짜 입력이 가능하다. 물론 min 만 작성하거나 max만 작성해도 된다. min과 max 제한이 있는 날짜 선택 min 제한만 있는 날짜 선택 JavaScript 하지만 위와 같이 정해진 날짜에 제약을 거는 것이 쓰이는 것은 굉장히 흔치 않다. 날짜를 직접 입력하게 되면 일회성 느낌이 너무 강한 코드 같달까. 그래서 오늘을 기준으로 날짜..