전체 글 썸네일형 리스트형 [HTML] crossorigin 속성 들어가기 최근 작성했던 글을 보다가 특정 이미지가 보이지 않는 상황을 인지했다. 원인을 확인해보니 Chrome에서 CROS 정책으로 인해서 이미지 처리 중에 “No 'Access-Control-Allow-Origin' header is present on the requested resource.” 오류가 발생했다. 하나씩 살펴보자. 작성자: ospace114@empal.com, http://ospace.tistory.com/ crossorigin crossorigin 속성은 audio, img, link, script, video 태그에 있는 속성이다. 이는 각 요소가 교차출처 리소스 공유(Cross-Origin Resource Sharing, CORS) 요청하는 방식을 지정할 수 있다. 설정할 수 있.. 더보기 Ken Thompson의 Reflections On Trusting Trust 들어가기 “Reflections On Trusting Trust”은 Ken Thompson의 논문 내용으로 총 3 Stage로 구성되어 있다. 내용은 백도어에 대한 것으로 특히 C 컴파일러에 대해서 다룬 글이다. 개인적으로 제목을 “신뢰를 신뢰하는 것에 대한 고찰”이라고 직역할 수 있을 듯 하네요. 다르게 하면 “신뢰에 대한 재고찰” 정도가 될까요? 그리고 샘플 코드가 C 언어로 되어 있습니다. 작성자: ospace114@empal.com, http://ospace.tistory.com/ Stage 1 Self-reproducing program은 콰인(quine)으로 소스코드가 자신 복제하는 프로그램이다. 결국 프로그램이 다른 프로그램에 의해 쉽게 작성될 수 있다. 아래 메인 프로그램이 의해 생성되는 .. 더보기 [jquery] multiselect 플러그인 제작하기 들어가기 jQuery로 플러기인을 만들었던 그 경험을 공유하려고 글을 작성하였다. 만들려는 UI 컴포넌트는 multiselect로 select 컨트롤에 체크박스를 추가하여 여러 값을 선택할 수 있는 select이다. 물론 기능적으로는 문제는 없지만 플러그인을 작성하기 위해 매우 간단하게 작성하였으므로 실제로 사용하다보면 수정이 많이 필요하다. 그렇기에 실제 multiselect은 다른 플러그인을 사용하고 여기 multiselect은 간단한 플러그인 제작을 위해서만 참고하기 바란다. 작성자: ospace114@empal.com, http://ospace.tistory.com/ Multiselect 요구사항 Multiselect은 여러 체크박스로 동시에 여러 항목을 선택하는 컨트롤이다. 여기서는 이런 체크 .. 더보기 [jquery] multiselect 플러그인 소개 들어가기 jQuery 기반의 multiselect 컨트롤러 컴포넌트이다. jQuery 플러그인 형태로 구현되었다. 최대한 기존 select의 기능과 인터페이스를 그대로 지원했고, 좀더 확장된 기능을 추가했다. select을 단순하게 사용했다면 별다른 변경없이 그대로 적용할 수 있다. 작업한 플러그인은 jQuery 플러인 제작을 위한 연습용으로 만들어서 기능적으로 부족한 부분이 많다. 작성자: ospace114@empal.com, http://ospace.tistory.com/ Multiselect 플러그인 소개 기존에 select 태그를 사용한 폼 컴포넌트는 많이 사용되는 기능 중에 하나이다. 그러나 기능이 너무 단순하고 여러 요소를 선택하거나 값을 선택하는 명령이나 선택된 값을 추출하는 처리가 쉽지 않.. 더보기 [javascript] JSONP 란? 들어가기 JSONP(JSON with Padding)는 크로스 도메인(cross domain)으로 인한 접근 제한 문제를 회피하기 위한 방법이다. 크로스-도메인 정책으로 다른 서버에 Ajax를 요청할 수 없다. JSONP을 간단히 설명하면 클로스-도메인을 우회하여 요청하는 방법으로 ajax를 사용하지 않고 script 태그를 사용한 요청방법이다. 하나씩 살펴보자. 작성자: ospace114@empal.com, http://ospace.tistory.com/ 크로스 도메인이란? 공격자가 가장 흔하게 사용하는 해킹 기법이 XSS(Cross-Site Scripting)이 있다. 온라인 게시판에 입력 받스가 있다면 내용에 자바스크립트를 입력할 수 있다. 또는 링크를 만드는 곳에 자바스크립트 실행하도록 만들 수도.. 더보기 [jquery] jQuery 플러그인 제작을 위한 기초 들어가기 jQuery는 한때 정말 많이 사용했던 라이브러리이다. reack나 vue.js가 나오면서 사용이 뜸해지기는 했지만, 아직도 사용되는 툴이다. jQuery는 플러그인 확장 기능을 제공하고 있다. 이를 이용한 여러 추가 기능이나 컨포넌트 제작에 많이 사용되었다. 작성자: ospace114@empal.com, http://ospace.tistory.com/ 기존에 사용하는 방식 jQuery를 사용해서 DOM 객체을 찾고 스타일 변경할 경우 아래처럼 많이 사용한다. $('a').css('color', 'red');모든 링크 태그에 대해서 color라는 스타일에 red 값을 할당한다. 이전에는 모든 링크 테그를 찾고 루프를 통해 하나씩 스타일을 적용해야했지만,.. 더보기 [Java] spring boot에서 spring security 사용하기 4 - OAuth2 들어가기 OAuth(”Open Authorization”)은 애플리케이션 간에 인증을 공유하는 형태로 별도 인증을 통하여 애플리케이션에 대한 접근권한을 위임하는 개방형 표준이다. 트위터, 페이스북,구글,Github 등 유명 회사에서 제공하고 있다. OAuth에 장점은 별도 회원가입이나 인증 처리을 개발할 필요없고 여러 애플리케이션을 통합하는게 가능하다. 여기서는 OAuth 클라이언트 관점에서 접근하려고 한다. 작성자: http://ospace.tistory.com/ (ospace114@empal.com) 기본 구성 Dependency 설정 Pom.xml 파일에 OAuth2 인증을 위해 spring security 외에 추가적인 dependency가 필요하다. org.springframework.boot .. 더보기 [Java] spring boot에서 spring security 사용하기 3 - LDAP 들어가기 LDAP(Lightweight Directory Access Protocol)은 중앙 집중 사용자 정보 저장소와 인증 서비스 형태로 자주 사용된다. 대부분의 예제가 내장 ldap 서버를 사용했지만 실제 외부 서버 연동할 때 다시 어떻게 해야할지 모르는 상황이 된다. 그래서 이글에서는 외부 오픈 ldap 서버를 사용한 ldap 인증을 사용했다. 혹시, ldap을 잘모른다면 먼저 간단하게 공부하는 것을 추천한다.[4] 작성자: http://ospace.tistory.com/ (ospace114@empal.com) 환경 구성 기본 환경 구성을 시작해보자. Dependency 설정 Pom.xml 파일에 LDAP 인증을 위해 spring security 외에 추가적인 dependency가 필요하다. or.. 더보기 이전 1 2 3 4 5 6 7 ··· 49 다음
