라이프리 : 인생기록

[Java]백준-문제-단계별로 풀어보기-1 단계 : 1 제목 : 입출력과 사칙연산 설명 : 입력, 출력과 사칙연산을 연습해 봅시다. Hello World! 문제 번호 : 2557 제목 : Hello World 문제 : Hello World! 를 출력하시오. public class Main { public static void main(String[] args) { System.out.println("Hello World!"); } } 문제 번호 : 10718 제목 : We love kriii 문제 : 두 줄에 걸쳐 "강한친구 대한육군"을 한 줄에 한 번씩 출력한다. public class Main { public static void main(String[] args) { System.out.printl..

어디선가 본 개발자 사이드 프로젝트, 토이 프로젝트에 대하여 인터넷에 수많은 글과 영상으로 개발자 사이드 프로젝트, 토이 프로젝트에 대해 얘기하고 있다. 이와 관련해서 나도 이것저것 여러 가지 글과 영상을 찾아보곤 했다. 나에게 도움이 되는 사이드 프로젝트, 토이 프로젝트는 무엇일까 하고 말이다. 공통적으로 하는 얘기로, 개발자에게 있어 좋은 사이드 프로젝트, 토이 프로젝트는 사람들이 필요로 하거나 꾸준히 사용할 수 있는 서비스를 만들어 보는 것이다. 말이 쉽지만, 이게 참 어렵다. 자신에게 물어보자. 본인의 사이드 프로젝트, 토이 프로젝트가 본인이나 다른 사람이 어떤 서비스를 사용해서, 원래 있었던 문제들이 해결된 적이 있는가? 더 좋은 제품과 코드로 개선해보기 위한 고민을 해보았는가? 완성 후, 깃허..

[백준-문제 1001-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..

[백준-문제 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..