본문 바로가기

(7)
맥 쉘에서 java 버전 변경(스위칭)하기 개인 프로젝트를 진행하면서 JDK 버전을 11로 올려서 작업을 시작했습니다. 그런데 기존 관리하던 코드는 모두 JDK 8을 쓰고 있어 어떻게 각 버전으로 스위칭할지 고민하다가 다음 글을 보았습니다. advenoh님의 글 : 맥 환경에서 여러 JDK 버전 설치하고 변경하기 맥 환경에서 여러 JDK 버전 설치하고 변경하기 자바 개발을 하다 보면 하나의 JDK 버전이 아니라 여러 버전을 설치해야 할 때가 종종 있습니다. 진행하는 프로젝트마다 개발하는 JDK 버전이 조금씩 다를 수 있고 새로 릴리스한 버전을 설치해서 advenoh.tistory.com advenoh님의 스크립트를 사용하며 자바 버전을 스위칭하다가 $PATH가 쉘 세션 내에서 점점 비대해지는걸 보고 스크립트를 약간 수정하여 사용하고 있습니다. 해..
[Angular] UI 작업, 라우팅 (routing-module) 지난번에 구성한 오른쪽 레이아웃에 몇 가지 기능을 더 추가하고 라우팅 모듈을 작성할 것입니다. 그 전에 department component를 추가하고 employees component에 몇 가지 속성을 더 추가하겠습니다. 터미널 상에서 다음 명령어를 입력합니다. ng generate component departments 그리고 해당 컴포넌트 내에 Department 클래스를 정의합니다. //department.ts export class Department { id: number; name: string; } 리스트를 작성합니다. //departmentList.ts import { Department } from './department'; export const DEPARTMENTS: Depart..
맥에서 HEIC 이미지 JPG로 쉽게 변환하기 아이폰에서 이미지 저장공간 최적화를 선택하면 자동으로 파일 포맷은 .heic으로 변경됩니다. 에어드롭을 통해 해당 이미지를 맥으로 전송하면 .heic 포맷으로 전송되는데 이 포맷은 인터넷에 바로 업로드하지 못하는 경우가 많습니다. 이를 맥에 기본으로 설치된 Automator 프로그램으로 스크립트를 만들어 쉽게 변환하는 방법을 공유합니다. 원문 : https://www.howtogeek.com/398927/how-to-convert-heic-images-to-jpg-on-a-mac-the-easy-way/ How to Convert HEIC Images to JPG on a Mac the Easy Way Apple started using the HEIC image format with iOS 11. It..
[Angular] 클릭 이벤트 핸들러, ngIf Reference : https://angular.io/tutorial/toh-pt2 Angular angular.io 일단 이전에 만든 페이지의 UI를 살짝 수정하고 계속 진행하겠습니다. 이는 페이지를 다음과 같이 구성하기 위함입니다 : employees.component.css 파일 내용을 다음과 같이 수정합니다. /* employees.component.css */ div.left { width: 50%; float: left; box-sizing: border-box; padding: 5px 5px 5px 5px; } div.right { width: 50%; float: right; box-sizing: border-box; padding: 5px 5px 5px 5px; } 다음으로 employ..
[Angular] 부트스트랩 적용하기 (ng-bootstrap 사용) 지난 글에서 생성한 employee list는 정말 못생겼습니다. 여기에 Bootstrap.css를 적용해 보겠습니다. Reference : https://ng-bootstrap.github.io/#/getting-started Angular powered Bootstrap Bootstrap widgets for Angular: autocomplete, accordion, alert, carousel, dropdown, pagination, popover, progressbar, rating, tabset, timepicker, tooltip, typeahead ng-bootstrap.github.io 일단 npm을 사용하여 bootstrap을 다운로드 해 줍니다. 터미널에 다음과 같이 입력해줍니다. n..
[Angular] 리스트 생성, ngFor 지난번 글에서 생성한 employee 클래스를 통하여 리스트를 만들고 이를 뷰 상에 전시해 보겠습니다. Reference : https://angular.io/tutorial/toh-pt1 Angular angular.io /src/app/employees 경로에 employeeList.ts 파일을 만들고 다음과 같이 작성해줍니다. //employeeList.ts import { Employee } from './employee'; export const EMPLOYEES: Employee[] = [ { id: 11, name: 'Sean'}, { id: 12, name: 'Andy'}, { id: 13, name: 'Cindy'}, { id: 14, name: 'Anne'}, { id: 15, name..
[Angular] 컴포넌트 생성 및 클래스 정의하기 지난 글에서 Angular 개발환경을 맥 상에 구축했습니다. 이번 글에서는 컴포넌트를 생성하고 클래스를 정의해 준 다음 이를 뷰에 띄워보겠습니다. Reference : https://angular.io/tutorial/toh-pt1 Angular angular.io 터미널 상에서 다음 명령어를 입력합니다. ng generate component employees 그리고 Employee 컴포넌트에서 보여주게 될 클래스를 src/app/employees 경로 상에 작성해줍니다. // employee.ts export class Employee { id: number; name: string; } 작성한 클래스를 employees.component.ts 내에서 import한 후, employee 하나를 임의로..