angular 개발환경 설정
1. node.js 설치 https://nodejs.org/ko/download/ 접속 후 OS 버젼에 맞게 다운로드 후 설치한다. node -v //node 설치 확인 v8.9.4 npm -v //npm 설치 확인 5.6.0 […]
더 보기 →[카테고리:] front
jquery addeventlistener 에러가 발생할경우
jquery 홈페이지에 접속을 해보면 아래와같은 문구를 확인할 수 있다. jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, […]
더 보기 →yeoman 사용하기
yeoman은 자바스크립트 기반의 프론트앤드 개발을 도와주는 자동화 툴이다. 자바에서 요즘 많이 사용되는 Maven과 유사하다. 1.설치 yo 설치 npm install -g yo bower설치 npm install -g bower […]
더 보기 →grunt 사용하기
grunt는 사전정의된 task 단위로 실행되며 command line을 통해 동작하는 자바스크립트 빌드 툴이라는 뜻이다. npm을 통해서 설치할수 있습니다. node.js가 설치되어있어야 합니다. 1.설치 npm install -g grunt-cli […]
더 보기 →bower 사용하기
bower는 웹 프론트엔드 컴포넌트를 관리해주는 패키지 매니져입니다. jquery ,bootstrap과 같은 라이브러리를 관리, 설치 할 수 있습니다. npm을 통해서 설치할수 있습니다. node.js가 설치되어있어야 합니다. 1.node.js […]
더 보기 →select boxes 플러그인
select boxes ui 쉽게 변경하기 사용법 $(“.chosen-select”).chosen({max_selected_options: 5}); option allow_single_deselect:true disable_search_threshold:10 no_results_text:’Oops, nothing found!’ max_selected_options : 5 width:”95%” http://harvesthq.github.io/chosen/
더 보기 →sitemesh decorator에서 헤더 반영이 제대로 안된다면?
(현상) Sitemesh decorator와 Spring Security를 함께 사용하는 환경에서 헤더 부분에 로그인 여부를 알기 위해서 인증(Authentication) 유틸을 호출했는데 로그인 반영이 안되는 것이었다. 이틀에 걸친 삽질? ㅠㅜ […]
더 보기 →jquery는 JSON.parse()를 사용한다.
다음의 코드는 서버로 HTTP request를 날린 후 response로 JSON데이터를 받아 alert를 찍어주는 부분이다. $.ajax({ type : “GET”, url : “${pageContext.request.contextPath}/json.do”, dataType : “json”, data : […]
더 보기 →자바스크립트 inline? external?
자바스크립트는 HTML 코드는 inline이 좋을까? external이 좋을까? 기존 방식은 공통으로 자바스크립트 함수에 대해서 external로 빼고, 화면단마다 사용하는 자바스크립트는 jsp 안에포함시키는 방식으로 개발을 진행하였다. 헌데 이렇게 […]
더 보기 →
jquery를 이용한 jsonp 처리 방법
test.co.kr 이라는 사이트에서 dev.co.kr 이라는 사이트에 있는 정보를 Ajax 기술을 이용하여 요청을 보낼 때 cross domain policy에 의해 브라우저가 요청을 막는다. 즉, 도메인이 다르면 요청을 보낼 […]
더 보기 →