Isaac Kim Dev Blog

[Spring Boot] 스프링 특징 & 스프링 부트 간단한 소개 스프링 프레임워크(Spring framework) 특징 1. 컨테이너(Container) | 스프링 코어 Spring 컨테이너 또는 스프링 코어 위에 올라온 Java 객체들을 관리함. Spring 컨테이너는 Java 객체의 Life Cycle을 관리하며, Spring 컨테이너로부터 필요한 객체를 가져와 사용할 수 있음. 2. DI (Dependency Injection) 지원 Spring은 설정 파일이나 어노테이션을 통해서 객체 간의 의존관계를 설정할 수 있도록 하고 있음. 3. AOP (Aspect Oriented Programming) 지원 Spring은 트랜잭션이나 로깅, 보안과 같이 공통적으로 필요로 하는 모듈들을 실제 핵심 모듈에..

Visual Studio Code에서 SQL Server 사용하기 Visual Studio Code 프로그램에서 왼쪽 확장 탭을 선택해 SQL Server를 검색합니다. 검색된 SQL Server (mssql)을 설치합니다. 왼쪽에 다음과 같은 아이콘이 생성되면 SQL Server 확장 프로그램이 설치된 것입니다. CONNECTIONS 영역에서 [ + ] 모양의 버튼을 눌러서 데이터베이스와 커넥션 할 수 있습니다. 다음과 같은 입력창이 나타나면 차례대로 입력해주시면 됩니다. 입력 순서 1. 데이터베이스 호스트명 혹은 IP주소, 포트 번호를 입력해야 하는 경우 쉼표와 포트 번호를 추가합니다. ex) 123.123.123.123,11111 2. 데이터베이스명 입력 3. 인증방식 선택 (SQL Login) 4..

[Spring Boot] 프로젝트 생성 및 Controller 생성 1. Spring Boot 프로젝트 생성 SpringBoot 프로젝트를 생성할 수 있는 사이트 접속 https://start.spring.io/ 기본 세팅 Gradle Project, Language Java, version 2.6.3, name set, Packaging Jar, Java 8 종속 라이브러리(Dependencies) Spring Web, Lombok, Spring Boot Dev Tools 하단의 [GENERATE] 버튼을 클릭하면 압축 파일이 생성됩니다. 2. 프로젝트 파일 열기 IntelliJ IDEA를 사용해서 압축을 해제한 프로젝트 파일을 열어줍니다. 처음 프로젝트를 열면 프로젝트에 관한 플러그인들을 다운로드 하..

무료로 ERD 그릴 수 있는 웹 사이트 erdplus | 사용법 정리 홈페이지는 심플하게 되어 있습니다. [SIGNUP]에서 회원가입을 합니다. [LOGIN] 생성한 계정으로 로그인합니다. [NEW DIAGRAM]을 선택하면 Create New Diagram 팝업창이 뜨고, Name을 입력하고 Type을 선택합니다. 상단 메뉴 중에서 ENTITY를 선택하고, 그릴 수 있는 넓은 영역에 클릭하면 개체(ENTITY)가 생성됩니다. 우측에 세부 메뉴가 나타나는데 개체 이름을 수정하고자 하는 경우 Entity Name에 이름을 입력합니다. Type은 개체의 성격을 나타내는데 일반적은 개체는 Regular로 보면 됩니다. Entity Type에 대한 자세한 사항은 Database 이론을 학습을 하시면 되겠습니다...

티스토리(Tistory) 블로그 다크 테마로 만들기(Dark Theme), CSS 수정해서 다크 테마 만들기 티스토리(Tistory) 블로그의 기본 배경색은 다른 기본 웹 사이트와 같이 흰 배경에 검정색 글씨를 기본으로 사용하게 되어 있습니다. 처음 html을 이용하여 페이지를 만들었을 때와 비슷하죠. 흰 배경에 검정색 글로 보여지는 기본 테마도 좋지만, 눈의 피로를 줄여주는 다크 테마로 수정하기로 했습니다. 티스토리 블로그 다크 테마로 수정하기 순서 1. 티스토리의 관리자 페이지로 들어갑니다. 2. 사이드 바 > 꾸미기 > '스킨 편집' 클릭 3. html 편집 클릭 4. CSS 클릭, CSS 선택 5. CSS 수정 : body, b, string 태그 등의 color 수정 티스토리 블로그 다크 테마로..

로이체(Royche) KT3 PRO 블루투스 무선 키보드 사용 리뷰, 사용 후기 도움이 되셨다면 광고 한 번 클릭 부탁드립니다. 한 번의 클릭이 제게 큰 힘이 된답니다!^^ 안녕하세요. 오늘은 로이체(Royche)라는 업체의 블루투스 무선 키보드 사용 후기를 적어보려고 합니다. 지극히 주관적인 리뷰이니 참고해주세요. (광고 아닙니다.) 먼저 블루투스 무선 키보드를 구매하게 된 배경을 설명드릴게요. 전 원래 17인치 노트북을 주로 사용을 하는데요. 사이즈가 크고 무겁게 느껴져서 13인치의 가벼운(1kg 이하) 노트북을 구매했습니다. 그램을 사고 싶었지만 예산이 맞지 않았기 때문에 중고로 삼성 13인치 노트북을 구매했습니다. 확실히 가벼워졌습니다. 그리고 17인치를 쓰다가 13인치 노트북을 써보니 높이가 많..

[소프트웨어 공학] Software Engineering 1 학교에서 컴퓨터공학을 전공으로 공부할 때 각 과목별로 학습한 내용을 Github에 올려두곤 했었는데, Github에 너무 많은 Repository가 쌓여서 중요하지 않은 Repository를 삭제하기 위해 관련 내용을 블로그로 옮기는 작업을 하려고 합니다. Github 자체를 블로그로 만들지 않았기 때문에 Tistory로 옮기고 있습니다. 소프트웨어 공학에 대한 내용을 정리하고자 이 글을 작성합니다. # 소프트웨어 공학 학습 목차 1. 소프트웨어 2. 소프트웨어 위기 3. 소프트웨어 프로젝트 4. 소프트웨어 개발 모형 5. 소프트웨어 개발에 영향을 미치는 요소 1. 소프트웨어 소프트웨어란(Software)? 프로그램, 프로그램을 설치, 운용, ..

[Github] Delete Repository 깃허브 레포지토리 삭제하기 안녕하세요. 이번 글은 깃허브 레포지토리 삭제하는 방법을 공유하고자 글을 쓰게 되었습니다. 먼저 깃허브에 로그인을 하시게 되면 다음과 같이 리포지토리 목록을 볼 수 있습니다. 저한테는 왼쪽에 보이는 것과 같이 불필요한 리포지토리도 많은데요. 여기서 리포지토리 선택해서 삭제하려고 합니다. 삭제하려고 하는 레포지토리를 선택합니다. 레포지토리를 하나 선택하면 다음과 같은 화면이 나타나는데요. 여기서 상단 메뉴 중 Settings를 선택합니다. Settings 페이지 제일 아래에 DangerZone에 Delete this repository로 안내되어있고, 버튼[Delete this repository]을 클릭합니다. 레포지토리 이름을 ..

[Vue.js] Vue CLI 프로젝트 : Mixins 활용, 유의사항 이전 글 2022.02.14 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Mixin 이번 글에서는 Mixins을 활용해보려고 합니다. 지난 글에서 같은 기능을 모아 두고 mixins으로 공통 코드를 불러와 사용하는 방법을 알아보았는데요. Vue 옵션 중에 data, computed 등 다양한 옵션도 추가할 수 있습니다. # Vue 객체의 data를 mixin하기 지난 글에서 분리했던 코드를 src > mixins > dateFormat.js로 분리했는데요. 해당 파일에 data 변수 하나를 추가해보겠습니다. data : () = >({ mixinData : 'mixin data' }) ..

[Vue.js] Vue CLI 프로젝트 : Mixin Vue.js에서 Mixin은 공통으로 사용되는 기능을 한 곳에 모아서 관리하는 방식을 말합니다. 코드를 여러 컴포넌트에서 반복해서 사용하지 않고 한 곳에 모아 두고 mixins 옵션을 통해 공통 코드를 불러와 쓴다면 코드의 중복을 줄일 수 있습니다. 다음 캡처한 이미지를 보면, 부모 컴포넌트와 자식 컴포넌트에서 각각 날짜와 시간을 출력하는 것을 확인할 수 있습니다. 다음 이미지에서 보이는 getDateAndTime 함수는 부모 컴포넌트와 자식 컴포넌트에서 사용되고 있습니다. 아래 보이는 이미지는 methods에 직접 함수를 등록해서 사용하는 것이기 때문에 각 컴포넌트에 작성되어 있으므로 코드의 중복이 발생했다고 볼 수 있습니다. 부모 컴포넌트와 자식 ..