JSheep`s Album

1. 테스트 코드 작성 - main 패키징 하위 - Application 생성 - web 패키지 생성 test 패키징 하위 - main 패키징 하위와 동일하게 생성 1. 1. HelloResponseDto package com.jsheep.book.springboot.web.dto; import lombok.Getter; import lombok.RequiredArgsConstructor; /* 선언된 모든 필드의 get 메소드를 생성해 줍니다 */ @Getter /* 선언된 모든 final 필드가 포함된 생성자를 생성해 줍니다. final이 없는 필드는 생성자에 포함되지 않습니다. */ @RequiredArgsConstructor public class HelloResponseDto { private ..

1. 프로젝트 생성 - Name 입력 - 저장위치 선택 - Language 언어 선택 - Java - Build system - Gradle 선택 - JDK 선택 Create후 Gradle 프로젝트가 생성 2. Gradle 프로젝트를 스프링 부트 프로젝트로 변경 - build.gradle를 연다 buildscript { ext { springBootVersion = '2.1.7.RELEASE' } repositories { mavenCentral() jcenter() } dependencies { classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}") } } apply plugin: 'java' apply p..

MVVM (Model-View-ViewModel) 패턴을 다음과 같이 정의하고 있습니다. 마크업 언어나 GUI 코드를 비즈니스 로직 또는 백엔드 로직과 분리하여 개발하는 소프트웨어 디자인 패턴 이 정의를 다시 정리해 보면 '화면 앞단(프론트엔드)의 화면 동작과 관련된 로직과 화면 뒷단(백엔드)의 데이터베이스 데이터 처리 로직을 분리하여 더 깔끔하게 코드를 구성한다'는 것입니다. 참고로 웹 초창기에는 프런트엔드 영역이라는 구분이 따로 없었습니다. 화면 요소를 꾸미는 HTML, CSS코드와 데이터베이스에서 데이터를 가져와 제어하는 Java코드가 한 파일에 섞이면서 가독성이 현저하게 떨어졌습니다. 이러한 코드 떄문에 작성자뿐만 아니라 협업자들도 소스 코드를 읽는 데 애를 먹었습니다. 그래서 이러한 문제점을 해..

1. @Entity 테이블과 링크될 클래스임을 나타냅니다. 기본값으로 클래스의 카멜케이스 이름을 스네이크 네이밍으로 테이블 이름을 지칭합니다. ex) SalesManager java -> sales_manager table 2. @Id 해당 테이블의 PK 필드를 나타냅니다. 3. @GeneratedValue PK의 생성 규칙을 나타냅니다. 스프링 부트 2.x에서는 GenerationType.IDENTITY 옵션을 추가해야만 auto_incerment가 됩니다. 4. @Column 테이블의 컬럼을 나타내며 굳이 선언하지 않더라도 해당 클래스의 필드는 모두 컬럼이 됩니다. 사용하는 이유는, 기본값 외에 추가로 변경이 필요한 옵션이 있으면 사용합니다. 문자열의 경우 varchar(255)가 기본값인데, 사이즈..

IDE에 Git을 연동 해 쓰다보면 Password 인증을 매번 물어 보는 경우가 있다. 혹은 config 미스, 환경 변경으로 push나 pull등의 기능 실행 시 계정과 패스워드를 물어본다. credential 설정이 안되어 있어 계정정보를 체크하지만, 매번 뜨면 상당히 귀찮아지므로 credential에 정보를 저장하여 귀찮니즘을 극복 해 보자. Credential 정보 저장 $ git config credential.helper store credential.helper의 store 옵션을 주게되면 해당 git directory에선 반영구적으로 인증 절차가 생략됩니다.(저장된 credential 정보를 이용해 인증 처리) 캐시 저장 $ git config credential.helper cache ..

프로젝트들을 수행하다 보면 MSA 및 작은규모의 프로젝트를 여러개가 생성되어 Repo가 계속 늘어나서 Github에 추가 되게 된다. 본인 Github에 들어가면 목록도 길어지고 찾고 싶은 Repo를 찾기 어려울수도 있다. 프로젝트별이든 기록용이든 각각 Repo를 생성하여 내부에 각각의 프로젝트들을 관리 하기로 했다. Repository 합치기 대표로 사용할 Repository 생성 생성한 Repository $ git clone Repository주소 커밋하기 새로만든 Repository에 Readme.md등 폴더나 파일 하나를 생성 해 둔다. 이 단계를 건너뛰고 다음단계를 실행 할 경우 다음과 같은 오류가 발생하니 당황하지 않고 해당 단계를 수행. fatal: ambiguous argument 'HE..

개발 환경 Node.js 10.16 NVM 설치 및 버전 변경 방법 이 리포지토리의 Node.js 소스는 버전 10.16과 호환됩니다. 로컬에 Node.js가 설치되어 있지 않은 분들은 위에서 안내한 링크로 다운로드 받습니다. 만약 이미 다른 버전의 Node.js를 사용하는 분들은 NVM(Node Version Manager)을 이용하여 Node.js 버전을 맞춰주시면 됩니다. 설치 절차 VSCode의 내장 터미널을 bash로 실행하고 아래 명령어를 입력합니다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash 설치가 완료되면 터미널에서 아래 명령어로 nvm 명령어를 시스템 레벨에 추가합니다. vi ~/.bash..

기술 스택 Vue.js Vue Router Vuex Axios Vue Test Utils 개발 환경 Chrome Chrome 웹브라우저 더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게. www.google.com Git Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific ..