jhhan의 블로그

저번에 이어서 썼던 Test Code에 대해서 한번 더 다뤄보는 시간을 갖겠습니다. 당연한 것이지만, 코드는 이전 글에서 썼던 코드를 이어서 쓸 것입니다. 이번에는 회원가입을 하는 로직을 만들어보겠습니다. 프로젝트 구조를 보겠습니다. service라는 패키지를 만들었고, MemberService라는 클래스를 만들었습니다. public class MemberService { private final MemberRepository memberRepository = new MemoryMemberRepository(); /** * 회원 가입 */ public Long join(Member member) { /* 중복 회원 안됨 */ Optional result = memberRepository.findByNam..

이번에는 Test Code에 대해 작성해보려 합니다. 개발을 진행함에 따라 곧바로 적용해서 로직을 수정할 수도 있겠지만, 항상 곧바로 적용할 수 있지는 않습니다. 그럴 때 테스트 코드를 만들어서 만든 로직이 정상적으로 동작하는지 알 수 있게 할 수 있습니다. 그럼 먼저 테스트 해볼 대상을 만들어보겠습니다. 정말 간단한 회원관리를 해볼 것입니다. (아이디와 이름만 들어갈 것입니다.) 참고로 지난 번 글인 Spring - Static 글에서 사용한 프로젝트를 그대로 가져와서 사용할 것입니다. jhhan009.tistory.com/50 프로젝트 구조입니다. Member, MemberRepository, MemoryMemberRepository를 만들 것입니다. 먼저 Member 클래스입니다. public cl..

오랜만에 글을 씁니다. 이번에는 스프링에 대해서 글을 써볼 건데요 다시 초심으로 돌아가자 라는 마음가짐으로 조금 기초적인 내용을 적어보겠습니다. 일단 스프링 프로젝트를 하나 제작합니다. (프로젝트 생성은 간단하니 건너뛰겠습니다.) 아 생성할 때 Spring Web과 thymeleaf를 포함해서 생성해주셔야 합니다. 아마 다음과 같은 프로젝트 형태가 구성되었을 것입니다. (maven 인지 gradle 인지 중요하지 않습니다.) 먼저 /resources/static 아래에 index.html 파일을 생성합니다. 그리고 다음과 같이 작성합니다. Hello hello 그리고 실행을 하면 다음과 같은 화면을 얻을 수 있습니다. localhost:8080을 주소창에 입력하면 다음과 같은 화면을 바로 얻을 수 있는데..

Spring과 Vue.js를 연결해보는 예제에 대해 해보겠씁니다. 이전에 제가 backend를 Spring으로 하고 front를 Vue.js로 해서 둘을 연동하는 법을 진행했습니다. 이번에는 다른 방식으로 둘을 연동해보겠습니다. 경우에 따라서는 이 방법이 더 편하게 느낄 수도 있을 것입니다. 이번에는 back과 front 프로젝트를 따로 만들 것 입니다. 먼저 back을 만들겠습니다. 1. Back Spring 프로젝트를 만듭니다. 프로젝트의 이름을 설정합니다. Maven과 Gradle 둘 중 어느 것을 선택할 지는 원하시는 쪽을 하시면 됩니다. 간단한 연동만 할 것이니 저기 2개만 선택합니다. 원하시는 것을 더 추가하셔도 됩니다. 마지막으로 프로젝트 위치를 설정하시고 back 설정을 잠시 멈춰두겠습니다..

이번에는 자바스크립트와 관련된 lodash에 대해 글을 쓰겠습니다. lodash 자바스크립트 라이브러리 중 하나이다. 데이터를 쉽게 다룰 수 있게 도와줍니다. 특히, 배열 안의 객체들의 값을 핸들링할 때 유용함. lodash에 대해서 더 쓸 내용은 없을 것 같습니다. 바로 예시를 보면서 어떻게 쓰이는지 아는 것이 더 나을 것 같습니다. (저는 예시를 Vue.js를 사용해서 들겠습니다.) 0. 시작하기 npm install lodash 터미널 창에 다음을 입력해서 lodash를 먼저 다운받아야 사용할 수 있습니다. 그리고 'b'의 인덱스가 1번인데 1로 출력이 잘 되는 것을 확인할 수 있습니다. 인덱스 3이 나오는 것을 확인할 수 있습니다. 2. fill array를 원하는 문자 혹은 숫자로 채워넣기 합니..

이번에는 github과 slack 연동에 대해 알아보겠습니다. 이 블로그에 와서 제 포스트를 한번이라도 보셨던 분은 아마도 개발과 관련된 일을 하고 있다고 생각합니다. 그리고 개발과 관련된 일을 하시는 사람들이라면 github과 slack을 한번씩은 들어보셨을 겁니다. github: 분산 버전 관리 툴인 깃(git)을 사용하는 프로젝트를 지원하는 웹호스팅 서비스입니다. slack: 클라우드 기반 팀 협업 도구입니다. (by wiki백과) 설명은 이정도만 하겠습니다. (설마 모르신다고 생각하지 않기 때문에..) 슬랙과 깃헙을 연동하면 내가 혹은 다른사람(프로젝트 같이하는 사람들)이 깃헙에 commit을 하면 실시간으로 볼 수 있습니다. commit하는 것을 바로바로 볼 수 있기 때문에 프로젝트 관리를 하는..

Kotlin에 대해 적는 4번째 포스트입니다. Kotlin은 Java와 100% 호환이 가능한 언어라고 다들 알고 계실겁니다. 그리고 kotlin은 객체지향 프로그래밍과 함수형 프로그래밍을 모두 지원하는 다중 패러다임 언어입니다. 다들 객체지향 프로그래밍은 아실 것이라고 생각하기 때문에 함수형 프로그래밍에 대해 알아보겠습니다. 1. 함수형 프로그래밍(FP: Functional Programming) 함수형 프로그래밍은 함수 자체를 다양하게 사용하는 기법입니다. 특징은 다음과 같습니다. 코드 간략 + 테스트나 재사용성 증가 람다식, 고차 함수를 이용해 구성 순수 함수 사용 2. 순수 함수(pure function) 순수 함수는 부작용(side effect)이 없는 함수 라고도 말한다. 동일한 입력값에 대해..

Vuetify 태그에 대해 알아보는 4번째 포스트 입니다. 첫번째로 다룰 것은 v-simple-table입니다. 1. v-simple-table table태그가 vuetify용으로 바뀌었다고 생각하면 됩니다. 코드를 보겠습니다. Example Test 실행을 해본다면 테이블 형태를 볼 수 있습니다. 물론 아무런 설정을 하지 않아서 투명하게 보일 것입니다. 이제 조금 더 테이블 형태로 만들어 보겠습니다. Id Name 1 A 2 B 이렇게 작성하신 후 실행을 한다면 좀 더 그럴듯하게 보일 것입니다. v-simple-table에 추가되는 옵션은 적은 편입니다. dark, light, dense, fixed-header, height - 이 정도가 전부입니다. 더 자세한 정보를 원하시면 https://vuet..