웹 프로그래밍 (40) 썸네일형 리스트형 [Angular2] 컴포넌트에 대해서 Component angular2의 component에 대해서 설명합니다. Introduce angular2는 기본적으로 CBD(Component Based Development)이다, 여기서 Component는 W3C의 Web Component를 의미하며 명세(Spec)에 따른 배포, 조립이 가능한 독립 구성 단위이다. 컴포넌트는 명세(Spec)를 정확히 구현해야한다. 컴포넌트는 배포 및 다른 컴포넌트에서 사용 가능해야한다. Structure 컴포넌트 파일은 크게 3가지 영역으로 구분할 수 있다. import : 관련 라이브러리를 호출한다. @Component : 장식자(Decorator)로서 컴포넌트의 기본적인 메타데이터를 정의한다. Class : 컴포넌트의 상태를 정의할 클래스이다. Import A.. [vue.js] Router Guard로 로그인 안된 사용자 리다이렉트 시키기 vue.js(v2)를 통해서 router를 작성하다보면, 세션이나 로그인된 유저에 대한 체크를 해야하는 경우가 있다. 만약 프로젝트가 vue-router를 사용하고 있다면 아래와 같이 로그인된 사용자에 대한 체크를 해서 다른 뷰로 이동시 사용자를 강제로 로그인 페이로 이동시키거나 로그인 팝업을 띄어야한다. [용어] LTS (Long Term Support) 의미 LTS (Long Term Support) LTS는 해당 버전에 대해서 장기적인 지원을 보장한다는 의미, 우분투의 경우 특정버전이 LTS라면 그 버전은 향후 5년간 Bug fixes 등을 지원해준다는 의미다. Node.js라고 기준에서는 4.4.0버전 출시후 4.4.5 버전까지 릴리즈 된 것 처럼 버전업 없는 지속적인 지원을 해줌을 알 수 있다. [Javascript/Plugin] Smooth Scrolling Smooth Scrolling 대한 플러그인이다, 다른플러그인과 다른점을 실제 마우스 스크롤에 적용이 되어있어 마치 모바일 웹 브라우져나 맥OS를 보는 듯 하다는 것. 나중에 뜯어봐야겠다. ㅎㅎ https://github.com/galambalazs/smoothscroll-for-websites [Hibernate / JPA ] LazyLoading | No Session 에러에 대해서 "No Session 에러는 개발자의 실수!" 보통 하이버네이트/JPA 기반의 프로젝트에서 주로 발생하는 에러는 No Session에러이다. 해당 에러는 영속성(편하게 말하자면 영혼을 가진, 데이터베이스와 바인딩 된 등으로 이해하면 편하다.)을 가진 객체(인스턴스)가 프로젝트의 트랜잭션 범위를 벗어나 추가적인 Lazy 로딩을 걸 때, DB와 연결된 Connection이 없어서 나는 에러이다(정확히는 커넥션이 없기보다. 이미 커넥션에 커밋을 날리고 트랜젝션이 닫힌 상태를 의미). 따라서 해당 에러를 처리하기 위해 아래 방법들이 있다. 1. 아키텍쳐에게 트랜잭션이 걸린 범위를 질의하여 해당 프로젝트 정책에 맞게 개발한다. (필수) 2. 화면에 전달되는 객체중 Lazy Proxy를 가지고 있는 객체를 Null.. [SpringMVC] @ModelAttribute @RequestBody 에 대해서. 이슈Spring MVc에서 파라미터 앞에 @ModelAttribute와 @RequestBody를 쓰는 코드들이 많다. 하지만 바인딩이 안되는 경우 에러를 찾지 못하는 난감한 경우가 있는데 이런 경우에 대한 명확한 해답을 아래 제시한다. 설명Client에서 Server로 Ajax call을 날렸다. 분명히 날렸음에도 인자값은 전달되지않고 Null Pointer Exception을 발생시켜버린다. 이유가 무엇일까? 1. GET/POST 등은 각각의 다른 방식으로 데이터를 서버로 전송한다. GET/POST는 프로토콜 차이로 인해서 각각의 다른 데이터 방식의 데이터를 담아 전송한다. 중요한건 GET방식은 URL에 데이터를 담아 전송하며 1차원 데이터밖에 담지 못한다(2차원 배열, 객체속 객체 등등은 불가능하다... [Jquery] 선택 인자가 몇 번쨰인지 알아내기 [인자가 몇 번째인지 알아내는 방법] 현재 자기자신이 몇번째인지 알아내는 Jquery함수는 index()를 이용하면된다. 해당 항수 사용시 자기 자신이 몇번째 인자인이 알아낼 수 있다. // 버튼 클릭시$(selector).on('click', function () {$(selector).index(this);}); //객체를 파라미터로 받아오는 경우function ($jqueryObj) {alert($(selector).index($jqueryObj));} [node.js] npm이란 npm(node package modules) 개념 말 그대로 Node.js에서 사용하는 패키지 모듈이다. 즉, 패키지를 모아놓아서 해당 프로젝트에서 필요할 때 불러서 사용이 가능하다.(Socket.io, Angular.js mocha 따위의 재사용가능한 코드(reusable-codes)들을 모아둔다.) 또한 npm을 사용하면 update 관리도 편리하며 별달리 찾을 수 없이 간단한 명령어로 모듈을 받을 수 있다. 설치 npm은 node.js(nodejs.org에서 다운로드)의 설치도우미를 받아 설치하면 내부의 이미 npm이 패키지화 되어 설치가 되므로 별다른 설치는 필요없다. 사용 npm install -g typescript (-g옵션은 프로젝트 단위가 아니라 컴퓨터 단위로 설치되며 -g로 설치된 패.. 이전 1 2 3 4 5 다음