profile
만반잘부
post-thumbnail

클린코드 2장 의미 있는 이름

이름을 정하는 일은 정말 중요하다

2022년 5월 19일
·
0개의 댓글
post-thumbnail

클린코드 1장 깨끗한 코드

깨끗한 코드를 왜 작성해야 하는가?

2022년 5월 18일
·
0개의 댓글
post-thumbnail

Vuex

Vue.js Application에 대한 상태관리 패턴 + 라이브러리 Application의 모든 컴포넌트들의 중앙 저장소 역할을 한다. (데이터 관리)부모, 자식의 단계가 많이 복잡해진다면 데이터의 전달하는 부분이 매우 복잡해진다Application이 여러 구성요소로

2022년 5월 16일
·
0개의 댓글

Vue-Router

라우팅 : 웹 페이지 간의 이동 방법Vue.js의 공식 라우터라우터는 컴포넌트와 매핑Vue를 이용한 SPA를 제작할 때 유용하다URL에 따라 컴포넌트를 연결하고 설정된 컴포넌트를 보여준다CDN 방식<script src="https://cdn.jsdeliv

2022년 5월 10일
·
0개의 댓글

Axios

Vue에서 권고하는 HTTP 통신 라이브러리는 axios이다.Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어있고 API가 다양하다.Promise란 서버에 데이터를 요청해 받아오는 비동기 로직 처리에 유

2022년 5월 10일
·
0개의 댓글

Vue Component

Vue의 가장 강력한 기능 중 하나HTML Element를 확장하여 재사용 가능한 코드를 캡슐화함Vue Component는 Vue Instance이기도 하기 때문에 모든 옵션 객체를 사용Life Cycle Hook 사용 가능전역 컴포넌트와 지역 컴포넌트가 있다전역 컴포

2022년 5월 9일
·
0개의 댓글

Vue Event

DOM Event를 청취하기 위해 v-on dircetive 사용inline event handlingmethod를 이용한 event handlingv-on을 사용하여 DOM 이벤트가 트리거 될 때 JS를 실행할 수 있다.이벤트 발생시에 로직 처리를 v-on에 넣기 힘

2022년 5월 9일
·
0개의 댓글

Directives

디렉티브는 v- 접두사가 있는 특수 속성디렉티브 속성 값은 단일 JavaScript 표현식이 된다. (v-for는 예외)디렉티브의 역할은 표현식의 값이 변경될 때 사이드 이펙트를 반응적으로 DOM에 적용v-model : 양방향 바인딩 처리를 위해서 사용한다. \- e

2022년 5월 4일
·
0개의 댓글
post-thumbnail

Vue Instance

el : Vue가 적용될 요소 지정. CSS Selector 이거나 HTML Elementdata : Vue에서 사용되는 정보 저장. 객체 또는 함수의 형태이다template : 화면에 표시할 HTML, CSS 등의 마크업 요소를 정의하는 속성. 뷰의 데이터 및 기타

2022년 5월 4일
·
0개의 댓글
post-thumbnail

Vue.js

Evan You에 의해서 만들어짐Vue 탄생은 구글에서 Angular로 개발하다가 가벼운 걸 만들어 보고 싶은 생각으로 시작한 개인 프로젝트사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 Progressive FrameworkApproachable (접근성)Vers

2022년 5월 4일
·
0개의 댓글

SpringBoot

Spring의 경우 Application을 개발하려면 사전에 많은 작업을 해야했다.ex) library추가, 의존성 설정, 여러가지 구성 및 설정파일SpringBoot는 legacy에 비해 아주 친절하다고 볼 수 있다.즉, 스프링(Spring)을 더 쉽게 이용하기 위한

2022년 4월 26일
·
0개의 댓글
post-thumbnail

투 포인터, 슬라이딩 윈도우

투 포인터 1차원 배열이 있고 이 배열에서 각자 다른 원소를 가리키고 있는 2개의 포인터를 조작해가며 원하는 것을 얻는 형태를 투포인터 알고리즘이라고 한다.

2022년 4월 25일
·
0개의 댓글
post-thumbnail

REST API

Open API는 프로그래밍에서 사용할 수 있는 개방되어 있는 상태의 Interface네이버, 카카오 등 포털 서비스 사이트나 통계청, 기상청 같은 관공서, 공공데이터 포털이 가지고 있는 데이터를 외부 응용 프로그램에서 사용할 수 있도록 Open API를 제공하고 있다

2022년 4월 25일
·
0개의 댓글

리팩토링

리팩토링은 기존의 코드를 외부의 동작방식에는 변화 없이 내부 구조를 변경해서 재구성하는 작업 또는 기술을 뜻한다. 리팩토링을 하면 코드 내부의 설계가 개선되어 코드를 이해하기가 쉬워지고, 변화에 효율적으로 대응할 수 있다. 결국 생산성은 올라가고, 코드의 품질은 높아지

2022년 4월 24일
·
0개의 댓글

[토비의 스프링 3.1 Vol1] 0장 들어가며

SSAFY에서 스프링을 배웠지만 기본기를 더 단단히 다지기 위해서 토비의 스프링 3.1을 구매했다. 책을 읽으며 학습한 것을 블로그에 꾸준히 남기고자한다.스프링은 스프링 컨테이너 또는 어플리케이션 컨텍스트라고 불리는 스프링 런타임 엔진을 제공한다. 스프링 컨테이너는 설

2022년 4월 22일
·
0개의 댓글
post-thumbnail

MyBatis java.lang.UnsupportedOperationException 해결

MyBatis 관련 학습 중에 잘 구현이 되었나 확인하기 위해 Junit 단위테스트를 하는 도중다음과 같은 오류가 발생하였다.뭐가 틀린건지 한참을 헤매다가 resultType에 문제가 있음을 알 수 있었다.List<객체이름>일 때 resultType에 list가

2022년 4월 21일
·
0개의 댓글
post-thumbnail

MyBatis

MyBatis는 Java Object와 SQL문 사이의 자동 Mapping기능을 지원하는 ORM FrameworkMyBatis는 SQL을 별도의 파일로 분리해서 관리한다.Object와 SQL사이의 파라미터 매핑작업을 자동으로 해준다.Hibernate나 JPA처럼 새로운

2022년 4월 21일
·
0개의 댓글
post-thumbnail

MVC패턴

어플리케이션의 확장을 위해 Model, View, Controller 세가지 영역으로 분리컴포넌트의 변경이 다른 영역 컴포넌트에 영향을 미치지 않는다.(유지보수성)컴포턴트 간의 결합성이 낮아 프로그램 수정이 용이(확장성)어플리케이션 상태의 캡슐화상태 쿼리에 대한 응답어

2022년 4월 19일
·
0개의 댓글

Dependency Injection

DI란 외부에서 두 객체 간의 관계를 결정해주는 디자인 패턴으로, 인터페이스를 사이에 둬서 클래스 레벨에서는 의존관계가 고정되지 않도록 하고 런타임 시에 관계를 다이나믹하게 주입하여 유연성을 확보하고 결합도를 낮출 수 있게 해준다.의존성이란 한 객체가 다른 객체를 사용

2022년 4월 17일
·
0개의 댓글
post-thumbnail

IoC & Container

제어의 역행객체지향 언어에서 Object간의 연결 관계를 런타임에 결정객체 간의 관계가 느슨하게 연결됨(Loose Coupling)IoC의 구현 방법 중 하나가 DI컨테이너가 lookup context를 통해 필요한 리소스나 객체를 얻는 방식Lookup한 객체를 필요한

2022년 4월 17일
·
0개의 댓글