본문 바로가기

All categories

(58)
아인트호벤 서점, Boekhandel Van Piere 사실 유럽에 산다는 건 꽤 많은 인내심을 필요로 한다.특히 한국인은. 그 속 터지는 인터넷 속도와 툭하면 뜨는 'No Service'를 마주할때의 그 심정을 이루 말할수가 없다^^이번에 소개할 곳은 지난 글에서 소개한 Sissy-boy Daily 근처에 위치한 서점, Boekhandel Van Piere이다. 인터넷 이야기를 하다가 왜 갑자기 서점을 소개하냐고?네덜란드는 그나마 인터넷이 잘 되는 편이지만, 국경을 넘으면 No Service와 H+였나 무튼.. 데이터 사용을 포기해야 하는 순간을 자주 마주하게 된다..이때 필요한게 책. (처참한 셀룰러 네트웍은 아마 유럽인들이 책을 많이 읽는 이유 중 하나임이 분명할 것이다.) 대부분의 도서는 네덜란드어로 되어 있어 처음 들어가면 당황스러울 수 있다.세미-..
맥에서 VS code로 C/C++ 빌드, 실행 개발 환경설정 맥에서 사용할 가벼운 C/C++ 에디터를 찾으려니 vs code가 답인것 같아서 혼자 세팅해본 과정을 글로 남기기로 했습니다. Download VS Code for MAC : https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web ..
[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..
아인트호벤 최애 카페, Sissy-boy DAILY 교환학생으로 아인트호벤에 살다 온지 어느덧 반년이라는 시간이 지났다. 귀국후에 문득문득 거기서 어떻게 지냈는지 그곳에 있으면서 기록했더라면 얼마나 좋을까 하는 후회를 참 많이 했다. 조금 여유로워진 지금, 아인트호벤에 있던 마지막 1주일동안 내 이 도시를 모조리 담아보겠노라고 호기롭게 돌아다니며 찍어두었던 사진들을 정리하기로 마음먹었다. 혹시 낯선 땅에서 시작될 누군가의 생활에 도움이 될수 있지 않을까 하는 마음과 지난 추억들을 어딘가에 남겨두고 싶은 마음. 그 첫타자는 아인트호벤 1년 거주 내내 내 최애 카페 중 하나였던 Sissy-boy Daily이다. 여기는 단독 카페라기보단 편집샵 1층에 카페가 함께 있는 구조라 생각하면 되겠다. 사실 커피 가격표를 찍어뒀어야 하는데, 갈 때 마다 앉아서 마시기 ..
[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..