Computer Science 썸네일형 리스트형 [React Router] 01. Setting Up React Router 01. SettingUp소스코드 : https://github.com/reactjs/react-router-tutorial/tree/master/lessons/01-setting-up React Router 예제를 따라하기에 앞서당연하지만 nodeJS와 NPM이 설치되어 있어야 한다. git clone https://github.com/reactjs/react-router-tutorial cd react-router-tutorial cd lessons/01-setting-up npm install npm start 위 과정을 진행한 후 http://localhost:8080 에 접속하면, 브라우저에 "Hello React Router" 메시지가 출력되는 것을 확인할 수 있다. 더보기 [React Router] 00. React Router React Router AngularJS의 양방향 데이터 바인딩이 편하기는 했으나, 데이터가 많아질 경우 속도 저하의 부담이 있어서 이번 개인프로젝트에는 React를 사용하려고했다. AngularJS의 UI Router와 마찬가지로 ReactJS에도 'React Router'라는 Router가 존재한다. 처음에 무턱대고 React Router를 사용해서 개발을 진행하였으나 , 예제 및 개념에 대해서 자세히 보지않고 진행했다가 페이지 새로고침 시 해당 path에 대한 handler가 없다는 당황스러운 상황을 겪었었다. 아직 React Router에 대해서 정보도 부족해 보이기에 공부하는 차원에서 예제 번역 및 React Router에 대한 정보를 올리기로 결정하였다. 더보기 [Algorithm] Maximise Sum Maximise Sum [Problem]배열의 크기를 나타내는 N과 다른 정수 M이 주어진다. (부분합 % M)의 최대값을 구하라. [Input Format] [Output Format] [Constraints]2 더보기 [Algorithm] Utopian Tree Utopian Tree [문제]Utopian Tree는 1년에 2Cycle을 통해 성장한다. 봄에 2배로 자란다. 여름에 1m 자란다. 현재 Utopian Tree의 키는 1m이다. N Cycle 후의 키는 몇인가 ? [Input Format]첫째줄에 총 Test Cases의 수, TT의 라인들은 각각 테스트케이스의 cycle 수를 가리키는 N을 가진다. [Constraint]1 더보기 REST API 설계 RESTREpresentational Safe Transfer (공부 및 요약 중) 3 요소 Resource, Method, Message HTTP 메서드(CRUD) 메서드의미IdempotentPOSTCreateNoGETSelectYesPUTUpdateYesDELETEDeleteYes REST의 리소스- 모든 것을 리소스, 즉 명사로 표현한다.- 각 세부 리소스에 id를 붙인다.- 모든 명령을 이런 형태로 정의할 수는 없지만, 되도록이면 리소스 기반의 명사 형태로 정의하는 것이 REST형태의 디자인이 된다. ex) "Push 메시지를 보낸다" - /web/sendpush - /web/push (POST) REST의 특성 - 유니폼 인터페이스 REST API 디자인 가이드 - URL은 HTTP METHOD.. 더보기 Cloud9 Project Github에 올리기 Cloud9 Project Github에 올리기 1) Cloud9의 설정페이지에서 SSH Key를 복사한다. 2) Github의 설정페이지에서 SSH Key를 등록한다. 3) Github에 새로운 Repository를 생성한다. 4) Cloud9 Workspace로 이동 후 , Project를 등록. git init git add . git commit -m '커밋내용' git add origin 'repository url (repository url은 Github Repository에 가면 git remote -v git push origin master 더보기 Algorithm 진행 계획 Algorithm 매주 1문제씩 작성했던 모든 답안에 대해서 기록한다.해당 해결책이 왜 나왔는지 로직 및 자료구조 등을 기록한다. 더보기 Yeoman을 이용한 Spring, AngularJS 개발환경 구축 Spring AngularJS 개발환경 구축 개발환경 : Spring 3.1 + AngularJS 1.4.9 AngularJS를 비롯하여 보다 안정적인 개발환경을 구축을 위해 Yeoman을 사용하여 스케폴딩하였다. 다음과 같은 순서로 진행한다. 0) NodeJS, Git 설치 1) Yeoman 설치 - npm install -g yo - npm install -g bower - npm install -g grunt-cli - npm install -g generator-angular 2) 스케폴딩 - 원하는 위치에 프로젝트명으로 폴더 생성 후 이동 - yo angular 프로젝트명 - 아래와 같이 초기 프로젝트 생성 시 필요한 angularjs module을 선택할 수 있다. - package.json을.. 더보기 사내시스템 개발 사내 시스템 하나를 개발하게 됐다. 그리 어려운 시스템은 아니었으나 개발 기간이 짧은게 좀 흠이었다. 기존 사내에서 구축 된 프레임워크나 기술들을 사용하려 했으나, 새롭게 시스템을 구축하면서 배울 수 있는 기회가 흔하지 않을거라 생각하여, 새로운 기술들을 사용하기로 하였다. AS-IS : 사내 프레임워크 + JSP + MYBATISTO-BE : Spring + AngularJS + MYBATIS 추가적으로 평소 사용해 보고 싶었던 기술, 툴들을 다 사용해 볼 계획이다. 더보기 centos6 java7 install http://www.cyberciti.biz/faq/centos-linux-6-install-java-sdk/ 더보기 이전 1 2 3 4 5 6 ··· 10 다음
