뉴질랜드 다이어리(NZ Diary) 라빠

회원가입 Scratch 를 이용하기 위해서는 우선 회원가입을 해야 합니다. Scratch 는 무료입니다. Scratch 는 대부분 온라인 상에서 이루어지지만, 부득이한 경우에는 인터넷이 연결되지 않아도 실행가능한 Scratch Desktop 을 다운받아 사용할 수 있습니다. 본 강좌에서는 온라인을 위주로 진행합니다. Scratch 홈페이지를 방문합니다. 인터넷 브라우저 주소창에 https://scratch.mit.edu/ 를 입력하거나, 링크 를 클릭합니다. 우측 상단의 회원가입 을 클릭하고 회원가입을 진행합니다. 이미 회원가입을 했다면 로그인 을 클릭하여 로그인합니다. 아이디/비밀번호 입력 생년월일/성별 입력 이메일 주소(본인 혹은 보호자) 입력 이메일 확인 모든 절차를 마무리 하면, Scratch 의..

이 글은 Scratch 를 사용하는 사용자가 아닌, 부모님들을 위한 글입니다. 만약 학생들이 이 글을 보고 있다면 부모님께 이 글을 보여드리고 다음글 ({% post_link scratch-basic-1 %})로 넘어가주세요. Engineering 코딩교육이 전 세계적으로 열풍이다. 시작은 뭔가 직업훈련적인 느낌을 띄었다면, 최근의 추세는 논리적 사고 배양 라던가 문제해결능력 배양 의 의미를 띄고 있는것처럼 보인다. 좀더 큰 의미로 보자면, Engineering 의 의미가 더 중요하게 두각되고 있다고 볼 수 있겠다. Engineering 이란 수학, 과학등의 지식을 바탕으로 현실의 문제를 해결(혹은 개선)하는 학문이라고 정의할 수 있다. Engineering is the application of kno..

Hexo 는 정적 블로그를 위한 플랫폼입니다. 즉, 사용자가 방문할때마다 증가하는 카운터를 다는것은 Hexo 만의 기능으로는 불가능합니다. 하지만, 몇가지 플러그인의 도움을 받으면, Hexo 에 카운터를 다는것도 가능합니다. 사용할 툴 이번에 사용할 툴은 Busuanzi Counter 라는 툴입니다. 중국의 한 개발자가 사용하기 쉬운 툴을 만들어서 배포하고 있습니다. 개발자 페이지 (모두 중국어로 되어 있어서 구글 번역기를 통해서만 대략의 내용을 확인할 수 있습니다.) 구동방식 간단하게 스크립트를 로드하면 스크립트안에서 개발자의 서버로 사용자 정보를 전송하고 카운터 정보를 얻어와서 화면에 표시합니다. 이때에 카운팅을 하는방법으로 두가지 메소드를 제공합니다. 페이지 뷰 카운트 한 사용자가 여러번 접근했을 ..

Updated! 더이상 Hexo 를 이용하여 블로그를 운영하지 않습니다. 혹시 Hexo 를 이용하시는 분들께 참고하시라는 의미로 글을 남겨둡니다. (2019/9/4) Github X Hexo 를 이용하여 블로그를 만드는 방법이 이제는 그다지 새로운 방법도 아니고, 만드는 방법을 소개하는 블로그도 제법되는데, 굳이 또 이렇게 Github X Hexo 로 블로그 운영하기 라는 제목으로 글을 쓸 필요가 있을까? 하는 생각도 들지만, 이번 글의 주제는 그냥 따라할 수 있는 만들기가 아니고, 어떻게 운영하는것이 가장 좋을까에 대한 글이라는 점을 알려둔다. Github X Hexo 로 블로그 만들기는 워드프레스보다 쉬운 Hexo 블로그 시작하기를 참조하자. Repo 를 하나만 이용하는 방법 Github 의 user..

지금까지 Docker 기본도 익혔고, 실제 Dockerfile 도 만져봤으니 이번에는 Nginx 가 아닌, Node.js 서버를 이용한 간단한 웹앱을 만들어보겠습니다. 웹앱이라고 해봐야, 역시 Hello World 수준이지만, 이글은 Node.js 나 Express 에 대한 글이 아니므로, 이정도면 충분하다고 생각합니다. 개발환경 만들기 Docker 를 이용하는 장점은 바로 작업환경을 만들기 편하다는 점이죠. 즉, 어떤 호스트를 사용중이건 Docker 만 정상적으로 설치되어있다면 바로 개발환경이 완료된 상태로 보면 됩니다. Docker 설치는 이전글(Docker 따라하기 #1)을 참고하세요. Node.js 웹앱 만들기 원하는 작업 디텍토리를 만듭니다. $ mkdir node-web-app $ cd nod..

Docker 가 정상적으로 설치(2019/09/04 - [개발] - Docker 따라하기 #1 )되었으니, 기본예제부터 한번 따라해본다. Hello World 출력하기 Nginx 구동하기 vagrant 에서 설정한 Guest Os 의 주소(http://192.168.33.10/)로 접속해서, 아래와 같은 화면이 나오면 정상! Dockerfile 을 이용하여 Docker Imgage 를 만들고 실행하기 위에서 따라한 Nginx 구동하기에서 Nginx 의 기본 Welcome 화면이 나온것은 아직 우리가 아무런 index.html 을 이미지에 추가하지 않아서입니다. 이번에는 우리가 직접만든 index.html 을 이미지에 추가해서 구동하해 봅시다. 일단, 새롭게 폴더를 하나 만들고, Dockerfile 을 생..

1년전쯤 잠시 공부하며 실습해보다가 완전 잊고 지냈던 Docker. 여러 블로거 분들의 글을 보며 다시한번 공부하면서 정리해 보려 한다. 우선 알아두어야 할것은 Docker 를 Host Os 에 바로 설치할 수도 있지만, 실전에서 Docker 를 사용하게될 Host Os 와 개발/개인/실습 Host Os 가 다르므로, 실전에서 사용할 OS(주로 Linux)에서 실습을 진행하기 위해 Vagrant + VirtualBox 를 사용하는것이다. 즉, 실습 Os 가 Linux 라면 굳이 Vagrant + VirtualBox 를 이용하지 않고, 바로 Docker 를 설치하여도 된다. 다만, 같은 Linux 라 하더라도, 여러 종류와 버전이 있으니, 옵션정도로 생각하면 될것 같다. VirtualBox 및 Vagran..

난 분명 네이티브 개발자로 취업을 했는데..막상 취업하고 보니, 백업받은 일들은 모두 웹 기반의 하이브리드 프로젝트들..새로 시작하게 될 프로젝트도 요구사항을 분석하다보니 어쩔 수 없이 웹 기반의 하이브리드 프로젝트로 가야 할판.. 결국 최근까지 공부를 했거나 공부해야 할 기술스택들이 모두 웹 기반의 기술들이 되었다. ES6TypeScriptReact.jsReact NativeAngular 1Angular 2CordovaIonic 1Ionic 2 게다가 어쩌다 보니 그동안 궁금해 하기만 했던 툴들도 새로 공부를 하고 있다. AntMavenDockerJenkins 완전 수박 겉핧기 식으로 이 모든 기술들을 습득(?) 하고 있는중...초반에는 배운다는 즐거움이 있었는데..요즘은..내가 뭘 공부중인건지도 간혹..

세가지 언어로 동일한 기능을 수행해 봄으로서 세 언어의 특징과 장단점을 살펴볼 수 있을것 같다. 간단한 Web Scrapping 코드를 각 언어로 구현하면 아래와 같다. [Python]from lxml import htmlpage = "First ItemSecond Item"tree = html.fromstring(page)items = tree.xpath('//li/text()') [PHP]$page = "First ItemSecond Item";$doc = new DOMDocument();$doc -> loadHtml($page);$xpath = new DOMXPath($doc);$items = $xpath -> query('//li/text()'); [Javascript]var xpath = req..

C# 2.0 부터 도입된 Nullable Type 을 제대로 사용해보자. 말도 안되는 코드이긴 하지만, 아래의 예제를 보시죠.(Foo class 가 생성되고, foo 함수가 처음 불리는 시점에만 i 의 값을 업데이트 해야 하는 상황이라고 가정합니다.)123456789class Foo { int i = -1; private void foo(int j) { if (-1 == i) { i = j; } }}cs -1 을 입력하는 경우가 없다고 가정하면, 위킈 코드는 문제없이 동작합니다.그런데 만약 입력값에 이런 제약조건이 없는 경우라면 어떻게 구현해야 할까요? Foo class 에 별도의 bool 변수를 선언하고, 이를 이용하여 i 의 업데이트 여부를 관리하는 방법이 유일합니다.아래와 같은 코드가 되겠죠?123..