post-thumbnail

Vue3 - 4강 (v-for, :key)

4강 v-for, :key v-for="alias for 리스트명" 을 통해 리스트형의 데이터를 표출할 수 있다. {{alias}} 를 통해 각 요소를 표출한다 [{객체},{객체}] 형태일 경우 {{alias.프로퍼티}} 를 통해 객체 내부 프로퍼티에 접근 할 수 있

1일 전
·
0개의 댓글
post-thumbnail

Vue3 - 3강 (v-if, v-show)

3강 시작설정 및 화면과 연동 v-if, v-if-else, v-else를 통해 조건에 맞는 태그들이 표출된다. 조건에 맞지않는 태그들은 화면에 생성되지 않는다. v-show 속성은 화면 css의 display 속성을 통해 태그를 제어한다. inStock 의 값이

1일 전
·
0개의 댓글
post-thumbnail

Vue3 - 2강 (태그 요소와 바인딩)

https://www.vuemastery.com/courses/intro-to-vue-3/attribute-binding-vue3https://github.com/Code-Pop/Intro-to-Vue-3v-bind:태그속성="프로퍼티명" 을 통해 태

1일 전
·
0개의 댓글
post-thumbnail

Vue3 - 1강 (설정 및 속성값 표출)

https://www.vuemastery.com/courses/intro-to-vue-3/attribute-binding-vue3https://github.com/Code-Pop/Intro-to-Vue-3Vue.createApp({}) 으로 뷰객체를

1일 전
·
0개의 댓글
post-thumbnail

Git 잘못올라간 파일 삭제

.idea 나 빌드파일 등 git 원격저장소에 올라가면 안되는 파일들을을 실수로 올렸을때 원격 저장소에서 삭제하는 방법이다.자주까먹어서 정리한다.git rm --cached 파일경로/파일명\--cached 옵션은 원격저장소에 있는 파일을 삭제한다는 의미이다. 공식문서

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

Spring 에서 application.properties 값을 객체에 저장하는 2가지 방법

@Value 애노테이션을 활용하여 프로퍼티의 값을 받아올 수 있다.사용방법은 다음과 같다.@Value 애노테이션은 사용하기 간단하지만, 공통으로 묶어야할 프로퍼티가 많아질 경우 코드가 지저분해진다. 프로퍼티의 값들을 스프링 빈의 필드로 매핑하여 사용할 수 있는 애노테이

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

@MappedSuperclass

@MappedSuperclass?? 예전에 스프링부트와 AWS로 혼자 구현하는 웹서비스 라는 책을 볼때 다음과 같은 코드가 있었다. > 출처 : 스프링부트와 AWS로 혼자 구현하는 웹서비스 그때는 그냥 넘어갔는데 이번에 개인프로젝트를 진행하며 생성, 수정날짜 등의

2022년 3월 14일
·
0개의 댓글
post-thumbnail

NGINX를 통한 간단한 로드밸런싱 구성

homebrew를 통해서 nginx 설치한다.홈페이지에서 다운받거나 운영체제별 패키지다운로드 명령어를 통해서도 설치 가능하다.설치방법https://nginx.org/en/docs/install.html설치경로 /opt/homebrew/opt/nginx 의 bi

2022년 3월 8일
·
0개의 댓글
post-thumbnail

Spring Security OAuth2.0 에서 Google Login만 OAuth2UserService의 커스텀 구현체로 로직 타지 않는 문제

문제발생 개인 프로젝트를 진행하는 도중 Spring Security OAuth2.0 로그인 구현을 하였다. Google, GitHub, Naver 로그인을 구현하였는데, 어플리케이션에서 서비스 프로바이더(Google, GitHub, Naver) 에 인증 요청을 보내고

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

백준 10026

적록색약은 빨간색과 초록색의 차이를 거의 느끼지 못한다. 따라서, 적록색약인 사람이 보는 그림은 아닌 사람이 보는 그림과는 좀 다를 수 있다.크기가 N×N인 그리드의 각 칸에 R(빨강), G(초록), B(파랑) 중 하나를 색칠한 그림이 있다. 그림은 몇 개의 구역으로

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

백준 4963

정사각형으로 이루어져 있는 섬과 바다 지도가 주어진다. 섬의 개수를 세는 프로그램을 작성하시오.한 정사각형과 가로, 세로 또는 대각선으로 연결되어 있는 사각형은 걸어갈 수 있는 사각형이다. 두 정사각형이 같은 섬에 있으려면, 한 정사각형에서 다른 정사각형으로 걸어서 갈

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

백준 11724

방향 없는 그래프가 주어졌을 때, 연결 요소 (Connected Component)의 개수를 구하는 프로그램을 작성하시오.첫째 줄에 정점의 개수 N과 간선의 개수 M이 주어진다. (1 ≤ N ≤ 1,000, 0 ≤ M ≤ N×(N-1)/2) 둘째 줄부터 M개의 줄에 간

2022년 3월 2일
·
0개의 댓글
post-thumbnail

자바 함수형 프로그래밍 활용

java.util.function 패키지에 포함되어 있다.일반자바 함수와 비교해 함수형 인터페이스의 장점은 내부적으로 다양한 메소드를 제공하고 Stream, Optional 등의 인터페이스와 연동해 깨끗한 코드를 만들 수 있다. Function<T,U> : 하나의

2022년 2월 24일
·
0개의 댓글
post-thumbnail

GitHub README.me에서 소스코드를 링크하는 방법

Git Repository 에서 링크하고자 하는 소스파일로 들어가 우측상단 ... 을 누른뒤 Copy permalink를 클릭.2\. README.md 수정모드로 들어가 소스를 넣을 부분에 링크 복사 3\. 복사한 링크 뒤에 \`https://docs.gith

2022년 2월 24일
·
0개의 댓글
post-thumbnail

타입스크립트 튜토리얼

파일은 \*.ts 형식을 갖는다.npm install typescript --save-dev 를 통해 설치tsconfig.json에 설정을 정의한다. (tsc --init 명령어로 생성 가능)target: 컴파일된 코드가 어떤 환경에서 실행될 지 정의합니다. 예를들어서

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

useEffect, useMemo

컴포넌트가 마운트 됐을 때 (처음 나타났을 때), 언마운트 됐을 때 (사라질 때), 그리고 업데이트 될 때 (특정 props가 바뀔 때) 특정 작업을 처리첫번째 파라미터로 함수, 두번째 파라미터로 배열(deps)을 전달한다.두번째 파라미터가 비어있을때 \-> 컴포넌트가

2021년 9월 3일
·
0개의 댓글
post-thumbnail

세션저장소 활용방법

별다른 설정을 하지 않았을 때 기본적으로 선택 되는 방식WAS 이중화시 세션공유 설정 필요여러 WAS간 공용세션을 사용할 수 있는 가장 쉬운 방식많은 설정이 필요없지만 로그인 요청마다 DB IO가 발생하여 성능이슈 문제로그인 요청이 많이 발생하지 않는 서비스에서 활용B

2021년 6월 21일
·
0개의 댓글
post-thumbnail

스프링 핵심원리 (7) - 빈 생명주기 콜백

애플리케이션 시작 시점에 필요한 연결을 미리 해두고, 애플리케이션 종료 시점에 연결을 모두 종료하는 작업을 진행하려면, 객체의 초기화와 종료 작업이 필요하다.크게 3가지 방식이 있다. 1\. 인터페이스( InitializingBean, DisposableBean )2\

2021년 1월 14일
·
0개의 댓글
post-thumbnail

docker 기초 및 마크다운 연습

과거 가상머신을 리눅스 프로세스단에서 돌아갈 수 있게 해줌docker pull 명령어를 통해 image를 받아올 수 있음 (ex: docker pull tomcat)이미지를 통해 컨테이너가 실행된다.이미지는 각각 독립적이고, 이미지A + 이미지B = 이미지C 와 같이

2021년 1월 11일
·
0개의 댓글
post-thumbnail

스프링 핵심원리 (6)

Autowired로 주입할 Bean이 여러개있어 중복될 경우가 있다.이를 해결 하기 위해 @Qualifier, @Primary 어노테이션을 사용한다.빈 등록시 @Qualifier("이름")을 붙여주고, 생성자 필드 파라미터 앞에도 @Qualifier("이름")을 붙여주

2021년 1월 10일
·
0개의 댓글