jhhan의 블로그

이번 포스트에서는 vue.js에서 getter와 setter를 사용해보겠습니다. 참고로 이번글은 vuex와 관련해서 다루는 글이 아닙니다. vuex 관련 글을 생각하고 들어오신 분은 안보셔도 됩니다. javascript에서도 getter와 setter를 적용해 볼 수 있다는 말을 들어서 실제 코드를 통해 보려고 합니다. java에서 했던 것처럼 그냥 똑같이 만들어서 적용하면 됩니다. 정말 간단한 코드부터 보겠습니다. (vue.js 기준으로 합니다.) clickSet clickGet setter와 getter를 만들고 버튼만 만들어서 console에다 찍는 걸로 했습니다. clickSet을 누르고 clickGet을 눌러본다면 다음과 같이 나타납니다. setter와 getter가 잘 동작하는 것을 알 수 있..

이번 포스트는 eslint에 관한 글입니다. noogoonaa.tistory.com/62 참고한 블로그입니다. vue.js를 사용 중에 계신 분들 중 아마도 vue-cli로 작업하시는 분들이 많으실 텐데요 eslint warning이 많이 떠서 귀찮으신 분들이 있으실 겁니다. (제가 그랬어서.. ㅎㅎㅎㅎ) 이런 비슷한 warning이 뜨실 겁니다. 이런 경고가 한두개면 상관없는데, 저는 수백개가 뜨더라고요.... 그래서 빌드하고 1분정도는 지나야 작업할 수 있엇습니다. 그냥 참고 썼었는데,,, 요즘 너무 지나치게 많이 나와서 한번 검색해봤습니다. 이제 적용방법입니다. .eslintrc.js 라는 파일이 있을 겁니다. 그 파일로 들어가서 module.exports = { rules: { 'prettier/..

지금 알게되어서 한 번 써봅니다. html 관련 css에 대해서 입니다. 색상을 선택할 때 보통 선택하는 방법은 세가지입니다. background-color: #ffcccc; background-color: rgba(0,0,0,1); background-color: blue; 보통 이렇게 할 것입니다...?!?! 여기서 #ffcccc 와 rgba() 끼리 변환이 가능하더군요.. Red, Green ,Blue 값이 각각 16진수로 표현이 됩니다. ff -> 255, cc -> 204 로 변환이 되기 때문에 #ffcccc rgba(255, 204, 204, 1) 이렇게 표현이 되는군요 예시입니다. 빨간색 친 부분은 화면에 나타날 때 동일하게 나타납니다. 여기서 rgba의 a는 투명도를 뜻하고, 0~1 사이의..

이번에는 AOP에 대해서 다뤄보겠습니다. 전에도 AOP에 대해서 다룬 적이 있는데,,, 그 때는 AOP의 뜻과 개념만 얼핏 서술했습니다. 사실 그 때 AOP에 대해서 알지 못해서 그냥 어떻게든 적고 끝났습니다. 이번에는 코드를 통해서 좀 더 알아보겠습니다. 그래도 AOP를 완전히 이해한 것은 아니어서 설명이 부족할 수도 있겠네요... 먼저 AOP가 필요한 상황에 대해서 알아보겠습니다. ○ 예시: 모든 메소드의 호출 시간을 측정할려면?? 저런 예시가 있다 할 때 모든 메소드에 측정 로직을 추가할 수도 있겠지만,,, 제가 만드는 작은 프로젝트도 메소드가 10개가 넘어가던데... 10개에 일일이 다 추가하기에는 너무 비효율적입니다.. 한번 예시를 들어보죠 이전에 작성했던 MemberService 클래스로 예시..

이번 포스트에서는 JdbcTemplate에 대해서 다뤄보겠습니다. JdbcTemplate은 JDBC API에서의 반복 코드를 대부분 제거해 주지만 SQL문은 직접 작성해야 한다는 특징이 있습니다. JdbcTemplate은 실제로 많이 쓰이기 때문에 알아두면 좋을 것 같습니다. code를 살펴보겠습니다. 먼저 build.gradle 파일입니다. 위의 그림처럼 설정해줍니다. 아마 implementation 'org.springframework.boot:spring-boot-starter-jdbc' 이 부분을 추가하면 되지 않을까 싶습니다. 프로젝트 구조입니다. 어쩌면 못 보던 것들이 많이 추가되었을 수도 있지만 이번에 추가할 것은 일단 JdbcTemplateMemberRepository 클래스 입니다. ->..

이번 포스트에서는 웹 기능에 대해 적겠습니다. 사실 저도 많이 알고 있는 부분이기도 해서 자세히 적지는 않겠습니다. 그냥 한번 다시 생각해보자는 차원에서 쓰겠습니다. (이 포스트로 끝낼 거여서 내용이 길거 같습니다.) 프로젝트 구조입니다. 뭔가 좀 추가되었습니다. 일단 먼저 HomeController를 추가해봅니다. @Controller public class HomeController { @GetMapping("/") public String home() { return "home"; } } 너무 간단하군요 ㅎㅎ 어쨌든 이렇게 적고 이제 home.html파일을 만듭니다. (만든 위치는 프로젝트 구조에 나와있으니 거기다 만들어주세요) Hello Spring 회원 기능 회원 가입 회원 목록 정말 간단한 화..

저번 글에서 스프링에 빈을 등록하는 방법이 2가지 있다고 했습니다. 그중에서 첫번째 방법을 다뤘습니다. 이번 포스트에서는 2번째 방법을 다뤄보겠습니다. 2번째 방법은 자바 코드로 직접 스프링 빈을 등록하는 것입니다. 다음과 같은 프로젝트 구조로 진행합니다. 보시면 SpringConfig라는 클래스가 새로 생겼습니다. - 자바 클래스로 추가해주세요. 그리고 잠깐 해야할 일이 있습니다. @Service, @Repository로 설정한 것을 주석 처리하거나 지워주세요 (그리고 Run을 한다면 Spring Bean에 등록되어 있지 않다는 오류가 뜰 것입니다.) 그리고 SpringConfiguration에 다음처럼 입력합니다. @Configuration public class SpringConfig { @Bean..

이번에는 Spring의 의존성 주입에 대해 알아보겠습니다. (이 주제도 이전에 한 번 쓴적이 있는데 사실 만족스럽지 않아서 이번에 다시 한번 써볼려고 합니다.) 저번에 썼던 글에서 이어서 나가겠습니다. 프로젝트 구조입니다. controller 패키지 밑에 MemberController를 만들겠습니다. @Controller public class MemberController { } ㄱ 그리고 @Controller라는 어노테이션을 추가합니다. 이렇게 하면 Spring 컨테이너에 MemberController라는 객체를 생성하고 관리합니다. @Controller public class MemberController { private final MemberService memberService; @Autowi..