웹 프로그래밍/웹 (15) 썸네일형 리스트형 [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 버전까지 릴리즈 된 것 처럼 버전업 없는 지속적인 지원을 해줌을 알 수 있다. [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로 설치된 패.. [Design Pattern] MVC와 Layer Architecture Style MVC : Model + View + Controller- Model : 정보 - Controller : 정보를 조작하여 새로운 정보를 산출 - View : Templete, 사용자에게 직접 보여주는 부분을 의미 Layer Architecture Style - Presentation Layer : MVC패턴이 적용되는 부분 사실 M이 데이터베이스로 직접적으로 접촉되는 설계로도 개발할 수 있으나 Layer Architecture Style 을 기반으로 MVC를 적용하면 Service Layer에서 정보를 받아오는 Domain Class가 정확히 Model이되며 View Templete(JSP)와 적정할 모델을 모아 View 선택해 보내주는 Controller 가 될 수 있다.- Service Layer :.. Layer.js 개발 초기 버전. Layer.js 구현한 것1. modal2. modal Lager Scroll3. Custom Button Intionalizer 해야할 것1. CSS -> SASS 변경2. DIV 구조 변경3. Notification 기능4. Callback function 작성5. 위젯 작성6. 크로스 브라우징 [Data Base] Oracle 11g Express HR 계정 잠금 해제방법 System 계정으로 콘솔 접속하여 아래 쿼리를 실행시켜주면 된다. ---------------------------------------------------------------------------------------------------------alter user hr account unlock;alter user hr identified by hr;---------------------------------------------------------------------------------------------------------끝 [Jquery] 객체 복사하기 $.extend 전엔 솔직히 extend라는 메서드를 몰라서 직접 만들어서 썼었는데, 플러그인을 분석하다보니 Jquery Api Documents에 있더라.여튼 아래 예제소스를 보면 대충 플러그인이 어떤식으로 구현이 되고 있는지 알 수 있을 것이다.1234567891011121314151617181920212223242526272829303132Colored by Color ScriptercsdefaultSet = $.extend(defaultSet, userSetting);위 코드가 바로 객체를 복사는 과정인데, defaultSet객체와 userSetting객체를 합쳐 default에 저장한다는 것이다.그냥 defaultSet += userSetting; 하면 되지않느냐 하는데, 그게 가능할리가 없다.. 이전 1 2 다음