nalaolla

AngularJS 란?Angular는 자바스크립트로 만든 client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹 애플리케이션(혹은 웹사이트) 개발의 정수이다. 그리고 모던 웹을 다루는 새로운 방법이자 HTML5가 가져올 미래를 위한 큰 발판이다. 이 글은 필자가 Angular를 경험해보며 알게 된 것들과 조언, 우수 사례를 바탕으로 작성해본 이름하여 하루만에 끝내는 Angular 강좌다.용어Angular는 새로 등장하는 용어와 “MVC로 생각”하는 방법으로 인해 약간의 러닝커브가 있다. 여기서 MVC는 모델-뷰-컨트롤러 를 의미한다. 이제부터 Angular를 구성하는 필수적인 API와 용어를 살펴보자.MVC분명 MVC는 들어봤을 것이다. 프로그래밍 언어에서 애플리케이션/소프트웨어의 구조를 잡거..

REST API의 이해REST 는 웹의 창시자중의 한 사람인 Roy Fielding의 2000년 논문에 의해서 소개됨. 현재의 아키텍쳐가 웹의 본래 설계의 우수성을 많이 사용하지 못하고 있다고 판단하여 웹의 장점을 최대한 활용할 수 있는 네트워크 기반의 아키텍쳐를 소개한 것이 Representational safe transfer (REST)이다.REST의 기본REST는 요소로는 크게 리소스, 메서드, 메세지 3 가지 요소로 구성됨예를 들어서 “이름이 Terry 인 사용자를 생성한다” 라는 호출이 있을 때, “사용자”는 생성되는 리소스, “생성한다” 라는 행위는 메서드 그리고 “이름이 Terry인 사용자”는 메시지가 된다.이를 REST 형태로 표현해보면 다음과 같다.HTTP POST, http://myw..

spring-social-facebook 을 사용하기로 하였다~ 현재 spring-social-facebook 버전은 1.1.0 을 지원하고있는데.... 이게 이상하게 POM 에서 에러가 난다.. ㅠㅠ(Missing artifact org.springframework.social:spring-social-core) 구글링 결과 1.1.1을 쓰라는 얘기가.... ㅎㄷㄷㄷ 에러가 없어졌다 구글짱! ㅎㅎ(http://stackoverflow.com/questions/26593799/maven-cannot-find-spring-social) org.springframework.social spring-social-facebook 1.1.1.RELEASE Maven 을 사용하니까 위 구문을 추가해줬다. Maven..

보통 Facebook, Twitter, Google... 등등의 소셜 네트워크 API 를 사용하는 곳은 Javascript 를 많이 사용하고 아직까지는 대부분의 웹사이트들이 PHP로 이루어진 곳이 많기때문에 Facebook 에서 제공하는 javascript SDK 를 많이 이용하는걸로 판단됩니다~ 왜 이렇게 생각 하냐면.... spring reference 가 많이 없습니다... 실력자 분들이 귀찮으셔서 안쓰셨을거라고 생각하는데 ㅎㅎㅎ Spring 에서는 위와같이 소셜 API 를 사용하는걸 감안해서 만든 프로젝트가 있습니다. http://projects.spring.io/spring-social/ 새 클라이언트 ID 만들기 를 눌러서 ID 를 생성해야 한다~ 본인의 URL redirection 의 경우 ..

트위터와 연동하는 자바모듈로 유명한 가 있다. 스프링과 메이븐을 사용한다면 다음과 같이 pom.xml에 추가한다. org.twitter4j twitter4j-core 4.0.4 로컬에서 테스트할때 트위터 앱을 등록할 경우 Callback URL를 http://localhost가 아닌http://127.0.0.1로 해야 한다.1.트위터 로그인 연동Twitter twitter = new TwitterFactory().getInstance(); //twitter로 접근한다. twitter.setOAuthConsumer(consumerKey, consumerSecret); //성공시 requestToken에 해당정보를 담겨져온다. RequestToken requestToken = twitter.getOAuthR..

* 최근 SNS와 웹사이트를 연동하는 일들이 많아지면서, 많은 사이트들이 페이스북 로그인과 연동을 하고 있다. 페이스북에서 어떻게 로그인 연동을 해야 하는지 한번 알아보자. * 자바스크립트 SDK를 이용한 페이스북 로그인: 페이스북 앱들은 동작하는 장비나 프로젝트에 따라서 몇 가지의 로그인 단계를 거치게 된다. 이번에는 웹앱에서 로그인하는 단계를 한단계씩 알아볼 것이다. 여기서는 웹사이트인 경우 페이스북에서 추천하는 로그인 방식인 페이스북에서 제공하는 자바스크립트 SDK를 사용해서 페이스북 로그인을 할 것이다. 만약 자바스크립트 SDK를 사용하지 못하는 상황이라면 페이스북에서 제공하는 별도의 로그인 절차를 수동적으로 생성해야 할 것이다. * 빠른 시작: 일단 먼저 어떻게 구현해야 하는지 빠르게 훑어본 다..

유용한 단축키 모음 ◈ Java Editor 단축키Ctrl + Shift + M : 특정 클래스 ImportCtrl + Shift + O : 자동으로 Import Ctrl + L : 특정 줄 번호로 이동Ctrl + 마우스커서(혹은 F3) : 클래스나 메소드 혹은 멤버를 상세 검색ALT + Left , ALT + Right : 이전, 이후 작업 화면Ctrl + Shift + G : 특정 메소드나 필드를 Reference하고 있는 곳을 검색Ctrl + , or : 다음 annotation(에러, 워닝, 북마크 가능)으로 점프Ctrl + T : hierarchy 팝업 창 띄우기(인터페이스 구현 클래스간 이동 시 편리)F4 : hierachy view 퍼스펙티브 생성Ctrl + O : 메소드나 필드 이동하기Ct..

Spring Framework: MVC 작성방법 (non-annotation) 관련 문서http://spring.io Spring MVC의 주요 구성 요소DispatcherServlet: 클라이언트의 요청을 전달받는다. Controller에게 클라이언트의 요청을 전달하고, Controller가 리턴 한 결과 값을 View에 전달하여 알맞은 응답을 생성하도록 한다.HandlerMapping: 클라이언트의 요청 URL을 어떤 Controller가 처리할지를 결정한다.Controller: 클라이언트의 요청을 처리한 뒤, 그 결과를 DispatcherServlet에 알려준다. 스트럿츠의 Action과 동일한 역할을 수행한다.ViewResolver: Commander의 처리 결과를 보여줄 View를 결정한다.Vi..

Spring Framework: beans - xml 태그 정리 beansdispatcher-servlet.xml 혹은 applicationContext.xml 의 루트태그. 태그 속성으로 스프링 bean이 사용할 라이브러리를 정의한다. Colored by Color Scriptercs의 속성값은 실제 참조하는 스프링 라이브러리의 버전에 따라 달라진다. 위에선 spring 3.1을 사용하는 경우다. bean객체 생성 태그id: 스프링 bean이 인식하는 식별자class: 객체를 생성할 클래스package com.bean; public class User { String str; public User() { this.str = "ㅎㅇ"; } public String result() { return str;..

Spring Framework: beans - 의존관계 설정 생성자를 이용한 의존관계 설정방법 클래스 작성package com.sp1; public interface User{ public String result();}cspackage com.sp1; public class UserImpl implements User { private String name; private int age; public UserImpl() { name = "김혜진"; age = 35; } public UserImpl(String name, int age) { this.name = name; this.age = age; } public String result() { return name + "님의 나이는" + age + ..