𝕕𝕖𝕧𝕖𝕝𝕠𝕡 𝕣𝕖𝕔𝕠𝕣𝕕

spring boot 프로젝트에서 DB 세팅을 하다가 아래 gradle 설정에 대해 의문이 생겼다. implementation 'org.postgresql:postgresql' runtimeOnly 'org.postgresql:postgresql' implementation은 자주 쓰는데 runtimeOnly와 compileOnly에 대한 명확한 사용 시점이 궁금해졌다. Classpath Classpath는 클래스나 jar 파일이 존재하는 위치이다. 크게 complileClasspath, runtimeClasspath로 나누어져 있다. compileClasspath는 에러없이 컴파일을 하기 위해 필요한 클래스와 jar 파일이 위치한다. runtimeClasspath는 애플리케이션이 정상적으로 실행되기 위..

발생원인 위처럼 DB에 해당 컬럼이 없다는 에러가 떴다. 이에 대한 원인은 두 가지가 있다. 1. 정말 해당 DB에 컬럼이 존재하지 않는다. 2. 사용자가 문자열로 준 데이터가 쌍따옴표("")로 둘러싸여 있지 않다. 나 같은 경우는 2에 속했다. 해결방법 코드를 보니 xml 파일에 오타가 있었다. ${test} -> #{test} 다음과 같이 $를 #로 바꿔주니 해결되었다.

지시자(Directives) - 표현식의 값이 변경될 때 이에 반응해 DOM에 변경 사항을 적용한다. ex) v-for 지시자는 원본 데이터를 기반으로 요소 또는 데이터 블록을 여러번 렌더링한다. - 기본 내장 지시지를 사용하지 않고, 사용자 정의 지시자를 만들 수도 있다. 지시자 정의 객체를 생성하고, 이를 Vue.directive()를 이용해 전역으로 등록하거나, 컴포넌트의 directives 프로퍼티로 로컬 등록을 하면 된다. - Vue.js가 훅 함수(지시자 외부에서 일어나는 일들을 지시자에 전달할 수 있는 함수)를 지시자 정의 객체 내에 추가할 수 있으며, 이 훅 함수를 이용해 다양한 로직을 적용할 수 있다. bind inserted update componentUpdated unbind - 페..

컴포넌트 - Vue 애플리케이션에서 코드를 재사용할 수 있는 기본적인 방법 - HTML 요소를 확장하고 추가 로직을 제공할 수 있어 재사용이 가능하다. - Vue 컴포넌트는 Vue 인스턴스이기도 함 - 생성 중에 optios 객체를 받는다. - 전역으로 등록하기 위해 Vue.component(id, [definition])를 사용 id : 컴포넌트의 id definition : 컴포넌트에 대한 정의 (options 객체/options 객체를 반환하는 함수) - $emit : 현재 인스턴스의 이벤트를 트리거 할 수 있는 메소드, 첫 번째 인자로 이벤트명을 입력하고, 두 번째 인자로 추가 데이터를 입력한다. → 추가로 부모 컴포넌트는 v-on 지시자로 이벤트를 리스너에 부착할 수 있다. - 이전 글의 ind..

프로젝트 생성 1. IntelliJ를 이용해 프로젝트를 생성한다. [File] > [New] > [Project]를 통해 새 프로젝트를 생성한다. 2. Spring Initializer 선택 SDK 버전을 선택하고 Next를 누른다. 3. 프로젝트 내의 패키지명을 변경하려면 Group 내용을 바꿔주면 된다. Type은 Gradle로 변경해 준다. 4. 웹서버 동작을 위해 두 가지 라이브러리를 추가해 준다. 5. 다음 화면에서 프로젝트명을 설정하고, 완료를 눌러준다.

의존성 주입 방법 1) Constructor (생성자) 권장 public class Test { private final LoginService loginService; private final BoardService boardService; @Autowired public Test(LoginService loginService, BoardService boardService) { this.loginService = loginService; this.boardService = boardService; } } - 필수적인 의존성 주입에 유용하다. - final을 선언할 수 있으므로 객체가 불변이다. - 테스트코드 작성에 용이하다. 2) Setter public class Test { private Logi..

dependency 추가 먼저 스웨거 디펜던시를 추가한다. build.gradle 파일에 라이브러리를 추가해준다. 필요한 라이브러리의 디펜던시는 하위 링크에서 쉽게 찾을 수 있다. https://mvnrepository.com/artifact/io.springfox/springfox-swagger2/2.9.2 Maven Repository: io.springfox » springfox-swagger2 » 2.9.2 mvnrepository.com ... repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springfra..

Vue 인스턴스 - Vue.js 애플리케이션의 시작 - 루트 Vue 인스턴스와 컴포넌트 인스턴스 -> 이 두 가지 유형의 Vue 인스턴스로 구성 - 루트 인스턴스 생성 코드 new Vue({/* options */}); options 객체에 애플리케이션을 기술하고, Vue.js가 이 객체를 가지고 Vue 인스턴스를 초기화 간단한 메시지 앱 만들기 1) 기능 - 메시지 추가 - 메시지 리스트 - 메시지 삭제 - 특정 조건에서 추가 기능 자동 비활성화 2) index.html - Vue 설정 12줄 : options 객체의 el(element) 프로퍼티를 이용해 애플리케이션을 요소에 부착\ 책의 경로 "https://unpkg.vue@2.5.13/dist/vue.js"를 최신 링크로 변경 - 애플리케이션의 ..

스코프와 클로저 1) 스코프 : 변수의 접근성에 관한 것 - 전역 스코프 : 전역에 선언되어 있어 어느 곳에서든 해당 변수에 접근할 수 있는 것 - 함수 스코프 : 해당 지역에서만 접근 가능해, 지역을 벗어난 곳에서는 접근 불가 - 블록 스코프 : 블록 {}이 생성될 때마다 새로운 스코프가 생성(ES6) 2) 클로저 : 함수가 또 다른 함수 내부에 중첩된 형태 this 1) Java - 현재 객체를 참조 2) Javascript - javascript는 현재 실행 컨텍스트를 참조, 하나의 객체 - 실행 컨텍스트 스택이 존재 -> 스택의 맨 아랫 부분에 모든 동작의 시작점인 전역 컨텍스트가 위치 - 실행 컨텍스트 : 동작 중인 실행 가능한 코드의 소유권 3) 실행 가능한 코드 - 전역 코드 : Javasc..

함수와 메소드 1) 함수 - Javascript 내장 객체인 Function 생성자로 생성된 객체 - 함수는 객체이므로 프로퍼티와 메소드를 가질 수 있음 - A instance of B : A가 B의 인스턴스인지 true/false 반환 함수인 example이 Function의 인스턴스임을 알 수 있음 - 함수 VS 객체 함수는 호출 가능, 프로토타입(prototype) 프로퍼티를 가짐 객체는 호출 불가능 2) 메소드 - 함수가 객체의 프로퍼티(property)일 경우 - Javascript에서 객체는 new 함수명()으로 생성 -> 여기서 함수는 생성자 역할(함수가 생성자 역할을 할 경우 대문자로 시작) function User() { } var user = new User(); 객체와 클래스 1) J..