전체 글 검색 결과
122 개의 검색 결과가 있습니다.
여행 & 맛집

캘거리 근교 여행 - 에메랄드 호수

이번 토요일(07-28) 오랜만에 와이프가 다른 직원과 시간을 교대해서 하루 종일 시간이 납니다. 와이프가 며칠 전부터 어디서 들었는지 에메랄드 호수를 가야 한다고 노래를 부릅니다. 저도 몇몇에게 아름다운 호수라는 얘기를 듣기는 했지만, 와이프도 어디서 들었나 봅니다. 에메랄드 호수는 레이크 루이즈에 가려 빛을 못 보고 있는 호수라고 합니다. 레이크 루이즈에서 차로 20분 거리이거든요. 그리고 알버타가 아닌 BC 주의 Yoho national park 안에 있는 호수이고 이 파크 안에서 가장 큰 호수라고 합니다. 카누를 대여해서 탈 수 있는데, 반드시 해야 하는 액티비티라고 합니다. 토요일 아침 일찍 에메랄드 호수로 떠납니다. 아이들은 아침 일찍 떠난다고 베개와 인형들을 열심히 챙겼습니다. 왜냐하면 차에..

2018. 7. 30. 06:08
개발 이야기

캐나다 개발자의 하루

저는 캐나다의 캘거리에서 SW 개발자로 일하고 있습니다. 여기서의 개발자의 하루는 한국과 별 다른 것이 없습니다. 업무의 연속이죠. 한 가지 다른 점은 업무 집중도가 상당히 높다는 것입니다. 한국은 최근 주 52시간 근무제로 인해 주어진 시간 내에 업무를 마치지 못하는 것에 대한 논란이 있습니다만, 여기서는 개발 내역을 개발자/QA/PM이 모두 합의 하에 업무 내역을 종합하여 관리하기 때문에 왠만해서는 시간 내에 못 마치는 경우는 없고 대부분 칼퇴근을 합니다.업무시간은 Flexible 타임제 입니다. 저의 회사의 경우 8시-9시 사이에 출근해서 4시-5시에 퇴근합니다. 8시에 출근하면 4시에 퇴근하고, 9시에 출근하면 5시에 퇴근을 합니다. 아이들 양육 때문에 캐나다의 대부분 회사는 Flexible 타임..

2018. 7. 24. 04:02
캐나다 생활

뒷마당 바베큐

캐나다에 와서 가장 만족스러운 것 중 하나는 집에서 신나게 바베큐를 해 먹을 수 있다는 점입니다. 며칠 전 아는 형이 이사한 후 집들이겸 바베큐 파티를 한다고 해서 다녀 왔습니다. 약속 날짜보다 약 열흘 이전에 약속을 잡아서 저는 이번에 막걸리를 준비했습니다. 한국산 막걸리가 캐나다에 오려면 시간이 걸리는 만큼 효소가 살아있는 생막걸리는 없습니다. 모두 멸균 막걸리이지요. 게다가 가격도 엄청나게 비쌉니다. 한국에서 1000원도 안하는 막걸리가 여기서는 한병에 $10 입니다. 감히 막걸리를 사서 마실 수가 없습니다. 그래서 예전에 한국에 갔었을 때 누룩을 사와 집에서 막걸리를 담가 마셨었는데, 이게 보통 귀찮은 일이 아닙니다. 그러다가 마트에서 막걸리 키트를 발견하고서는 세상 참 좋아졌다라는 것을 느낍니다..

2018. 7. 20. 09:17
개발 이야기

[TypeScript 기초] 5. gulp를 이용한 빌드 자동화

4장까지 개발을 했으면 소스 변경 시 마다 tsc와 browserify 명령어를 실행하는 작업은 매우 귀찮은 작업입니다. 이를 자동화할 수 있는 방법이 있는데, 바로 build task 툴을 이용하는 것입니다. gulp, grunt, webpack 등이 있으나 여기서는 gulp를 기반으로 자동화 하겠습니다. webpack은 최근 React 빌드 툴로 쓰고 있는데, 이 또한 gulp를 plugin으로 사용하고 있습니다.일단 필요한 모듈 패키지를 설치해 줍니다.1npm install browserify del errorify gulp gulp-typescript gulp-uglify run-sequence tsify typescript vinyl-buffer vinyl-source-stream watchif..

2018. 7. 15. 01:53
개발 이야기

[TypeScript 기초] 4. Ajax를 이용한 리스트 바인딩

이번에는 Ajax를 이용해 데이터를 가져오고, 이를 바인딩 시켜주는 간단한 어플리케이션을 만들어 봅니다. 이번 강좌를 위한 환경 설정은 2018/07/11 - [개발자] - [TypeScript 기초] 1. 환경 설정을 참고 하시기 바랍니다.우선 기존 튜토리얼에서 개발했던 모든 TypeScript 파일을 삭제합니다. 그 후 필요한 추가 모듈을 설치해 주어야 합니다. JQuery Ajax를 이용할 것이기 때문에 JQuery 모듈을 설치해 줍니다.12npm install jquerynpm install @types/jquery --save-devcs 2장부터 차례대로 따라왔으면 package.json 파일은 아래와 같습니다.12345678910111213141516171819202122{ "name": "t..

2018. 7. 14. 08:42
개발 이야기

[TypeScript 기초] 3. 스크립트 번들링

2018/07/12 - [개발자] - [TypeScript 기초] 2. 오브젝트 데이터 바인딩에서 Browserify를 이용하여 bundling을 하였습니다. 왜 번들링이 필요할까요?현재 주요 브라우저의 대부분은 각 호스트 이름 당 동시 연결 수를 6 개로 제한합니다. 즉, 6 개의 요청이 처리되는 동안 호스트의 리소스에 대한 추가 요청은 브라우저에 의해 대기됩니다. 아래 이미지에서 IE F12 개발자 도구 네트워크 탭은 샘플 애플리케이션의 정보보기에 필요한 리소스의 타이밍을 보여줍니다.회색 막대는 요청이 6 개의 연결 제한을 기다리는 브라우저에 의해 대기 된 시간을 표시합니다. 노란색 막대는 첫 번째 바이트에 대한 요청 시간, 즉 요청을 보내고 서버에서 첫 번째 응답을받는 데 걸리는 시간입니다. 파란색..

2018. 7. 13. 03:43
캐나다 생활

캐나다 이민 동기

맨 처음 이민 프로세스를 시작한게 2008년 2월 이었던 것으로 기억한다. MB가 대통령이 당선된 후 한국은 더 이상 희망이 없다는 생각을 가지게 되었다. 한 때 그가 서울시장으로 나왔을 때까지만 하더라도 나는 그를 찍었었다. 그는 한국의 성공 신화였고, 추진력으로 서울 시민이 원하는 목표를 빠르게 이루어 낼 수 있을 것 같았기 때문이다. 하지만, 대통령은 다르다. 국가 전반을 운영하고 책임져야 하는 자리이다. 그가 대선 토론에 나와서 보여준 말과 행동, 그의 국가 철학에 대해 대실망 후 MB에 대해 알아보기 시작했다. 양파 같은 인간이었으며, 공동체 의식과 더불어 살아가는 지혜보다는 이기적이며 자신의 영달만을 꾀하는 사람이라는 것을 알게된 후 그는 대통령 자격이 없다고 생각했다. 그래서 그 사실을 간파..

2018. 7. 12. 11:11
개발 이야기

[TypeScript 기초] 2. 오브젝트 데이터 바인딩

2018/07/11 - [개발자] - [TypeScript 기초] 1. 환경 설정에 이어서 실제 간단한 프로그래밍을 해 보겠습니다.우리가 만들 프로젝트의 구조는 다음과 같습니다.- root - src : TypeScript 소스를 저장할 디렉토리 - built: TypeScript를 컴파일하여 나온 JavaScript를 저장할 디렉토리이렇게 디렉토리를 만듭니다. 그 후 VS Code로 폴더 열기를 하여 root 디렉토리를 엽니다. 1장에서 반드시 필요한 패키지만 설치 하였는데, 개발에 필요한 패키지를 추가로 설치해 줍니다. 터미널을 연 후1) npm init을 하여 package.json 파일을 생성합니다. 모두 기본 값으로 계속 엔터 연타2) npm install light-server --save-d..

2018. 7. 12. 10:58
개발 이야기

[TypeScript 기초] 1. 환경 설정

저도 요즘 공부하고 있는 Front-end 개발 관련 기초에 대한 레슨을 해 보려고 합니다. 저도 계속 공부 중이기 때문에 틀린 부분이 있을 수도 있으니 혹시 오류를 발견하시면 댓글 부탁드립니다. 특히 Front-end 개발에 반드시 필요한 TypeScript 관련된 기초 내용을 포스팅합니다.Node.js, TypeScript가 무엇인지 왜 사용하는지는 너무나 많은 블로그 포스트가 있기에 생략합니다. 여기서는 실제 간단한 예제 위주의 프로젝트로 진행합니다.우선 Node.js와 Visual Studio Code를 다운 받아 설치합니다. Node.js는 Javascript 기반을 프레임워크이고 Visual Studio Code는 마이크로 소프트에서 제공하는 무료 IDE 입니다. Notepad++ 이나 Ato..

2018. 7. 11. 13:32
개발 이야기

Ajax 데이터 바인딩 - Knockout.js

Ajax를 이용한 데이터 바인딩 시 어떤 방법을 사용하고 계신가요? 데이터를 받고 나서, HTML 태그를 찾아 데이터를 바인딩 시키는 방법을 사용하고 계신가요? 12345678910111213141516171819202122232425262728 아이디 이름 $.ajax({ url: "/api/v1/users", type: "GET", cache: false, success: ((data) => { $("#user-list").empty(); $("#user-list").append("" + data.id + "" + data.name + ""); }), error: ((data) => { console.log("fail"); }) });Colored by Color Scriptercs코드가 엄청 지저분..

2018. 7. 9. 04:38