Isaac Kim Dev Blog

[백준-문제 1000-JAVA] 문제 : 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. 입력 : 첫째 줄에 A와 B가 주어진다. (0 < A, B < 10) 출력 : 첫째 줄에 A+B를 출력한다. 제출한 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); int n1 = scanner.nextInt(); int n2 = scanner.nextInt(); System.out.println(n1+n2); scanner.close(); } } Scanner scanner = new Scanner(S..

Github repo의 대표 문서 마크 다운 문법, Markdown Syntax 마크다운은 웹에서 텍스트의 스타일을 지정하는 방법이다. 굵은 글씨체나 이탤릭체, 이미지 추가, 리스트 작성과 같은 문서의 표시를 제어할 수 있다. #, * 와 같이 알파벳이 아닌 몇 개의 문자가 포함된 일반 텍스트다. HEADERS html에서 h1, h2, ... 와 같은 해딩 태그를 마크다운 문서에서는 #으로 표현한다. #의 개수에 따라 크기가 달라진다. # This is an tag ## This is an tag ###### This is an tag EMPHASIS 글의 강조되는 부분을 표시할 수 있다. 굵은 글씨나 이탤릭체를 사용할 수 있다. This text will be italic* _This will als..

[HTML] table 태그 구조 (table, thead, tbody, tfoot, tr, th, td, caption) 웹 사이트에 표를 나타내고 싶을 때 table 태그를 사용해 작성한다. 표를 만들 때 사용하는 table태그와 관련 있는 태그들을 보면 다음과 같다. table : 표의 시작과 끝 caption : 표 제목 thead : 표의 최상단 영역 tbody : 표의 최상단, 최하단 영역을 제외한 가운데 영역 tfoot : 표의 최하단 영역 tr : 테이블의 row, 행을 구분하는 태그 th : 테이블의 헤더 데이터를 나타낼 때 사용 (ex : 열의 제목을 표시할 때 주로 사용) td : 테이블의 row에서 cell를 구분하는 태그로 사용된다. (table data) 코드 테이블구조 No t..

[Vue.js] img 태그 src 속성 사용 시 이미지가 나타나지 않는 경우 해결 기본 html 문법처럼 img 태그와 src 속성 세팅을 했는데 이미지가 보이지 않는 경우이다. 이미지는 vue-cli 프로젝트에서 src > assets 폴더 내에 위치해있다. html 문서에서는 img태그를 사용해서 이미지를 불러올 때 다음과 같이 작성한다. 하지만 vue에서 위와 같이 작성하면 이미지가 나타나지 않았다. html 형식으로 작성을 했을 때 코드를 열어보면 다음과 같이 세팅이 되어 있는데, 링크가 저렇다면 정적 파일 위치에 접근해야 한다. 여기서 해결해낸 방법으로 2가지 방법이 있다. 1. Web Server 파일 접근 방식 (정적 파일 접근) 2. WAS 파일 접근 방식 (동적 파일 접근) 위 두가지 ..

[Vue.js] Vue 3 기초 문법 데이터 바인딩 (Data Binding) Vue에서 데이터 바인딩 하는 방법에 대해서 알아보겠습니다. 아래는 xxx.vue 라는 파일에서 데이터 바인딩을 하는 코드를 나타냅니다. // App.vue {{text}} data() { return { name : value } } 로 표현을 해도 되고 data : () => ( { name : value } ) 로 표현해도 됩니다. name에 세팅한 value값을 html 코드상에서 사용하려고 하는 위치에 {{ }} 콧수염 괄호에 세팅한 data의 name 값을 넣어주면, name에 세팅된 value가 출력됩니다. Vue 데이터 바인딩은 style에도 적용할 수 있습니다. 태그의 속성으로 사용될 때에는 콜론(:)속성명을 ..

[vs code] Vue 3 개발에 도움이 될 만한 확장 모듈 설치하기 vs code 에디터에서 Vue 3 개발에 도움이 될 만한 확장 모듈을 설치합니다. 확장 모듈 Vetur HTML CSS Support Vue 3 Snippets 확장 모듈 설치화면은 왼쪽 메뉴에서 확장 탭을 선택합니다. 확장(Extentions) 단축키 : Ctrl + Shift + X

[IntelliJ] 콘솔 로그 한글 깨짐 해결하기 도움이 되셨다면 광고 한 번 클릭 부탁드립니다. 한 번의 클릭이 제게 큰 힘이 된답니다!^^ 한글로 작성한 로그가 IntelliJ에서 깨지고 있다. 이를 해결해보자. 여러 다양한 글을 참고해서 적용한 방법이다. ■ 인텔리제이 콘솔 로그 한글 깨짐 현상 해결 방법1 File -> Settings .. -> File Encodings 설정 창에서 UTF-8로 세팅한다. Global Encoding : UTF-8 Project Encoding : UTF-8 Properties Files (*.properties) : UTF-8 (선택) Settings.. 단축키 : Ctrl+Alt+S 방법 2 File -> Settings .. -> Editor -> Gene..

[Spring Boot] 로그와 예외처리 목표 1. 스프링 로깅 방식 2. 스프링 예외처리 내용 스프링에서의 로깅 방식과 SLF4J 와 LogBack을 이용하여 로깅을 구현한다. 스프링에서의 예외처리 방식을 이해하고 구현한다. @ControllerAdvice 사용한 예외처리를 작성한다. 로깅은 부가기능에 속하며, AOP로 특정 위치에 위빙하는 방식으로 많이 처리된다. AOP를 사용하는 대표적인 사례이다. 예외처리의 목적은 시스템에서 발생된 예외를 최종 사용자에게 보이지 않도록 하는 것이다. 시스템에서 발생된 예외는 최종 사용자에게 도달하기 전에 중간에 정제 또는 복구되어 애플리케이션이 진행되어야 한다. Spring Boot Logging System ■ Logback framework 사용 Log4j 에..

[Spring Boot] AOP - Aspect Oriented Programming 목표 1. AOP 개념과 주요 용어 2. @Aspect 어노테이션 내용 1. Aspect Oriented Programming의 개념과 주요 용어를 파악한다. 2. 포인트 컷 문법을 이해하고 구현한다. 3. @Aspect 어노테이션을 이용해 다양한 Advice를 구현할 수 있다. 참고 내용 객체지향 기본원칙을 적용해서 핵심기능과 부가기능을 분리해서 모듈화 하는 것은 매우 어렵다. AOP 방법으로 상당 부분 해결할 수 있다. 스프링 AOP는 매우 강력한 기능이고 실제로 여러 프로젝트에서 거의 필수적으로 사용되고 있으며 적극적으로 사용함으로써 전체적인 애플리케이션의 품질을 높일 수 있다. AOP의 개요와 용어 AOP (As..

[Spring Boot] RESTful 웹서비스 테스트 Spring Boot 프로젝트에서 RESTful 웹서비스 테스트를 공부한 글입니다. 목표 JUnit4 단위 테스팅과 스프링 테스트 내용 스프링에서 테스팅 방식과 패턴을 사용해 테스팅을 수행한다. 스프링 테스트 프레임웍을 사용해서 테스트를 수행할 수 있다. JUnit Java에서 독립된 단위테스트(Unit Test)를 지원해주는 프레임워크 단위테스트(Unit Test)란? - 소스 코드의 특정 모듈이 의도된 대로 정확히 작동하는지 검증하는 절차, 즉 모든 함수와 메소드에 대한 테스트 케이스(Test case)를 작성하는 절차 (일반적인 절차) - jUnit은 보이지 않고 숨겨진 단위 테스트를 끌어내어 정형화시켜 단위테스트를 쉽게 해주는 테스트 지원 프..