think

우선 typescript 와 build 도구인 gulp-cli 를 설치한다. https://www.typescriptlang.org/ http://gulpjs.com/

tools

npm install -g typescript typings gulp-cli npm init

build

여기서는 build 도구로 gulp 를 쓰겠다.

npm install gulp gulp-typescript --save-dev npm install jquery

gulpfile.js 다음 페이지를 참고 https://www.typescriptlang.org/docs/handbook/gulp.html

RxJs

Google 에서 rxjs 를 검색하면 두 개가 나온다. 처음엔 어떻게 다른지 몰랐는데 버전 차이인듯 하다.

v5 beta

https://github.com/ReactiveX/rxjs http://reactivex.io/rxjs

v4

https://github.com/Reactive-Extensions/RxJS http://reactivex.io/

v5 는 TypeScript 로 작성되었기 때문에 d.ts 파일이 필요없지만 v4 는 d.ts (type definition file) 파일이 필요하다.

typings install rx --save --global

http://stackoverflow.com/questions/36933788/using-rxjs-with-typescript

Promise 를 사용하기 위해서는 아래 링크 참조 http://stackoverflow.com/questions/27573365/how-to-use-typescript-with-native-es6-promises

tsconfig.json 파일이 필요한데

tsc --init

https://github.com/Microsoft/TypeScript/issues/3079

or

Create a new tsd.json and tsd.d.ts

tsd init

https://github.com/DefinitelyTyped/tsd

으로 생성할 수 있다.

상세 설정은 아래 링크를 참조 https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

Editor

https://github.com/tpope/vim-pathogen/

git clone [email protected]:tpope/vim-pathogen.git ~/.vim/autoload/pathogen.vim

Add this to your vimrc:

execute pathogen#infect()

vim-go https://github.com/fatih/vim-go

git clone [email protected]:fatih/vim-go.git ~/.vim/bundle/vim-go

YCM https://github.com/Valloric/YouCompleteMe

http://www.elasticsearch.org/

관심만 가지고 있다가 처음으로 설치해서 써봤다.

docker 를 이용해서 설치했다.

https://registry.hub.docker.com/u/dockerfile/elasticsearch/

port forwarding 해줬다.

VBoxManage modifyvm "boot2docker-vm" --natpf1 "tcp-port9200,tcp,,9200,,9200";

http://www.elasticsearch.org/guide/en/elasticsearch/reference/current/

hubot external script 로 영어 문법 검사기를 만들었습니다.

이런 모양 이구요

이래서 시작했습니다.

첫번 째 버전을 만들었는데.. 사용하다 보니 버그가 발견되서 몇 번의 수정을 거친 끝에 지금과 같은 모양이 됐네요..

여전히 오류는 많지만 나름 쓸만한 것 같아요 (채팅으로 하다보니 재미도 있고.. )

hubot external scripts 를 만들어 본 적도 없고 coffee script 도 이번에 처음 사용해 봐서 많이 부족합니다;

다음 사이트를 참고했습니다.

https://github.com/github/hubot/blob/master/docs/scripting.md

http://coffeescript.org/

publish

https://docs.npmjs.com/cli/publish

http://podefr.tumblr.com/post/30488475488/locally-test-your-npm-modules-without-publishing

요즘은 게시판에서 많이 쓰던 "페이징" 보다는 "더 보기"를 많이 쓰는 것 같다.

근데 내 생각엔 두 개가 별로 다르지 않아 보인다.

"더 보기"는 점프할 수 없는 페이징일 뿐..? (1페이지 보다가 5페이지를 볼 수 없는.. )

구현 방법도 크게 다르지 않다. (그래서 페이징으로 "더 보기"를 구현해도 상관없다고 생각한다. 사실 다른 방법은 잘 모르겠다; )

페이징의 경우

총 컨텐츠 개수가 55개이고 한 페이지에 보여 줄 컨턴츠 개수가 10개, 표시 순서가 내림차순이면

55..46을 표시하고 2페이지를 요청했을 때, 45..36 을 보여준다.

더 보기의 경우

총 컨텐츠 개수가 55개이고 "더 보기" 요청했을 때, 추가로 가져올 컨텐츠 개수가 10개이면 (표시 순서는 내림차순)

55..46을 표시하고 "더 보기" 했을 때, 45..36 을 보여준다.

문제는 새로운 컨텐츠가 추가되었을 때 처리하는 방법인데..

페이징의 경우 새로운 컨텐츠가 추가되면 페이지 번호가 바뀌므로 조정을 해줘야 된다.

예를들면, (위와 동일한 상황에서 56, 57이 추가된 경우)

처음엔 55..46 을 표시하고 "더 보기" 했을 때, 45..36 을 가져와 이전 결과(55..46)에 붙여넣고 새로 추가된 항목 2개(56, 57) 을 표시해준다.

하지만 페이징으로 구현했을 땐, 페이지 번호가 바꼈으므로 2페이지를 요청하면 45..36 이 아닌 47..38 이 나온다. (57..48, 47..38, ... 순서로 가져오게 되므로.. )

그럼 원래 표시하려고 했던 추가 항목 개수보다 2개 모자라니 2개를 더 요청하고 (한번에 표시될 항목 개수가 중요하지 않으면 무시) 새로운 항목 2개가 있다고 보여준다.

개수 뿐만 아니라 데이터도 이미 가지고 있으므로 "새로운 항목 2개"를 누르면 새로 추가된 항목도 표시해 줄 수 있다.

아래는 다른 분들의 생각..

@fra3il 님은..

id 를 기억하는 방법

55번 째, 46번 째가 아니라 각각의 숫자가 id 라고 한다면..

55..46 을 표시하고 다음 id 값인 45 를 기억한다. (아니면 id 46을 보내서 46 보다 이전에 올라 온 컨텐츠를 찾는다. )

"더 보기"를 누르면 45..36 을 가져온다.

새로운 항목이 추가된 경우 처음 시작 점인 55 보다 높은 값이 있다면 그 개수를 표시한다.

상황은 이렇다.. 1000개 정도의 문서에 항목이 50개 내외씩 있는데.. 20~30% 정도는 항목이 중복되어 있다.

여러 사람이 나눠서 항목에 이름을 붙여야 하는데 중복된 항목이 많기 때문에 한 사람이 정의한 용어를 다른 사람이 다른 용어로 정의하는 문제가 발생

이를 해결하기 위해 다른 사람이 용어를 어떻게 정의했는지 빠른 피드백이 필요

wiki

cons.

동시 편집 시 충돌

google docs

pros.

동시 편집 가능

빠른 피드백

cons.

수정시간, 수정자를 파악하기 어려움 (row 단위의 diff 를 파악할 수 있는게 아니라 전체 문서의 diff 가 저장됨)

code comment

pros.

commit log 로 수정시간, 수정자 파악 가능

검색 용이 (eclipse 나 sts 를 사용 할 경우 Shift+Option+L)

row 단위 diff 가능

cons.

단, 용어 수정의 경우 바로바로 commit 해야 함

검색은 쉬우나 관련없는 항목이 검색되는 경우도 많음

code review

cons.

code review 전까지는 중복이 발생할 수 있음

순차적으로 코드 작성이 이뤄지는게 아니므로 동일한 용어에 다른 단어를 사용했을 가능성 있음

Pair Programming

cons.

두 명 이상일 경우엔??

나홀로 프로그래밍

cons.

이런 떠먹여주는 스터디 좋아요~

Gradle Codelab

android create project

프로젝트를 생성함

Error: The parameters --target, --path, --package, --activity must be defined for action 'create project' Usage: android [global options] create project [action options] Global options: -h --help : Help on a specific command. -v --verbose : Verbose mode, shows errors, warnings and all messages. --clear-cache: Clear the SDK Manager repository manifest cache. -s --silent : Silent mode, shows errors only. Action "create project": Creates a new Android project. Options: -n --name : Project name. -v --gradle-version: Gradle Android plugin version. -t --target : Target ID of the new project. [required] -p --path : The new project's directory. [required] -g --gradle : Use gradle template. -k --package : Android package name for the application. [required] -a --activity : Name of the default Activity that is created. [required]

android create project -n HelloWrodl -v 1.10 -t 1 -p HelloWorld -g -k com.example.helloworld -a HelloWorldActivity

Created project directory: HelloWorld Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/java Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/java/com/example/helloworld Added file HelloWorld/src/main/java/com/example/helloworld/HelloWorldActivity.java Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/instrumentTest/java Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/instrumentTest/java/com/example/helloworld Added file HelloWorld/src/instrumentTest/java/com/example/helloworld/HelloWorldActivityTest.java Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/res Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/res/values Added file HelloWorld/src/main/res/values/strings.xml Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/res/layout Added file HelloWorld/src/main/res/layout/main.xml Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/res/drawable-xhdpi Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/res/drawable-hdpi Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/res/drawable-mdpi Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/src/main/res/drawable-ldpi Added file HelloWorld/src/main/AndroidManifest.xml Added file HelloWorld/build.gradle Created directory /Users/daclouds/git/GradleCodeLab/HelloWorld/gradle/wrapper

gradle tasks

작업 가능한 목록을 가져옴

:tasks ------------------------------------------------------------ All tasks runnable from root project ------------------------------------------------------------ Android tasks ------------- androidDependencies - Displays the Android dependencies of the project signingReport - Displays the signing info for each variant Build tasks ----------- assemble - Assembles all variants of all applications and secondary packages. assembleDebug - Assembles all Debug builds assembleDebugTest - Assembles the Test build for the Debug build assembleRelease - Assembles all Release builds build - Assembles and tests this project. buildDependents - Assembles and tests this project and all projects that depend on it. buildNeeded - Assembles and tests this project and all projects it depends on. clean - Deletes the build directory. Build Setup tasks ----------------- init - Initializes a new Gradle build. [incubating] wrapper - Generates Gradle wrapper files. [incubating] Help tasks ---------- dependencies - Displays all dependencies declared in root project 'HelloWorld'. dependencyInsight - Displays the insight into a specific dependency in root project 'HelloWorld'. help - Displays a help message projects - Displays the sub-projects of root project 'HelloWorld'. properties - Displays the properties of root project 'HelloWorld'. tasks - Displays the tasks runnable from root project 'HelloWorld'. Install tasks ------------- installDebug - Installs the Debug build installDebugTest - Installs the Test build for the Debug build uninstallAll - Uninstall all applications. uninstallDebug - Uninstalls the Debug build uninstallDebugTest - Uninstalls the Test build for the Debug build uninstallRelease - Uninstalls the Release build Verification tasks ------------------ check - Runs all checks. connectedAndroidTest - Installs and runs the tests for Build 'debug' on connected devices. connectedCheck - Runs all device checks on currently connected devices. deviceCheck - Runs all device checks using Device Providers and Test Servers. lint - Runs lint on all variants. lintDebug - Runs lint on the Debug build lintRelease - Runs lint on the Release build Rules ----- Pattern: build: Assembles the artifacts of a configuration. Pattern: upload: Assembles and uploads the artifacts belonging to a configuration. Pattern: clean: Cleans the output files of a task. To see all tasks and more detail, run with --all. BUILD SUCCESSFUL Total time: 1 mins 47.747 secs

gradle assemble

.apk 파일을 생성

:preBuild :compileDebugNdk :preDebugBuild :checkDebugManifest :prepareDebugDependencies :compileDebugAidl UP-TO-DATE :compileDebugRenderscript UP-TO-DATE :generateDebugBuildConfig UP-TO-DATE :mergeDebugAssets UP-TO-DATE :generateDebugResValues UP-TO-DATE :generateDebugResources UP-TO-DATE :mergeDebugResources UP-TO-DATE :processDebugManifest UP-TO-DATE :processDebugResources UP-TO-DATE :generateDebugSources UP-TO-DATE :compileDebugJava UP-TO-DATE :preDexDebug :dexDebug :processDebugJavaRes UP-TO-DATE :validateDebugSigning :packageDebug :assembleDebug :preReleaseBuild :checkReleaseManifest :prepareReleaseDependencies :compileReleaseAidl UP-TO-DATE :compileReleaseRenderscript UP-TO-DATE :generateReleaseBuildConfig UP-TO-DATE :mergeReleaseAssets UP-TO-DATE :generateReleaseResValues UP-TO-DATE :generateReleaseResources UP-TO-DATE :mergeReleaseResources UP-TO-DATE :processReleaseManifest UP-TO-DATE :processReleaseResources UP-TO-DATE :generateReleaseSources UP-TO-DATE :compileReleaseJava UP-TO-DATE :lintVitalRelease :compileReleaseNdk :preDexRelease :dexRelease :processReleaseJavaRes UP-TO-DATE :packageRelease :assembleRelease :assemble BUILD SUCCESSFUL Total time: 13.208 secs

gradle installDebug

Mac OS 를 쓰다보면 창이 상단에 가려서 이동이 불가능한 상황이 있습니다.

이때 BetterTouchTool ( http://bettertouchtool.en.softonic.com/ ) 에 있는 move window 기능으로 해결할 수 있습니다.

저는 fn 키를 선택했고 이제 창 안 아무 곳에서나 fn 키를 누른 상태에서 마우스/트랙패드를 움직이면 창을 이동시킬 수 있습니다.