티스토리

Simple is Best!
검색하기

블로그 홈

Simple is Best!

cchoimin.tistory.com/m

91cm 님의 블로그입니다.

구독자
2
방명록 방문하기

주요 글 목록

  • document.ready() window.load() 어느게 먼저 실행될까? 결론 : $(document).ready()가 먼저 실행된다. 왜?- $(document).ready는 DOM만 그리면 되니까..- DOM이란(Ddcument Object Model) 즉, ,와 같은 것을 말함- onload는 외부리소스가 다불려진다음 실행됨. window.onload- 전체 페이지의 외부리소스가(css, js, image등) 브라우저에 모두 불려진다음 작동함 $(document.)ready- 외부리소스와 상관없이 DOM데이터만 로드가 완료되면 바로 실행됨 공감수 0 댓글수 0 2019. 9. 7.
  • [JavaScript] JSONP ??? JSONP란? CORS가 활성화 되기 이전의 데이터 요청 방법이다 주로 다른 도메인으로부터 데이터를 가져오기 위해 사용하는 방법입니다. (크로스 도메인 이슈) 그리고 GET으로 넘어가기때문에 보안상 중요한 값을 이 방식으로 데이터를 주고 받으면 안된다. 공감수 0 댓글수 0 2019. 3. 13.
  • [JavaScript ]SOP 동일 출처 정책 SOP (Same Origin Policy) 동일출처 정책 JS로 같은 출처(도메인)에서만 접근이 가능하다 라는 정책이다. 여기서 같은 같은 출처란 프로토콜, 호스트명, 포트가 같다라는 것을 의미함 공감수 1 댓글수 0 2019. 3. 13.
  • [JavaScript] CORS란? CORS(Cross-Origin Resource Sharing) 란? SOP 원칙을 깨고 외부 도메인에서의 요청(접근)을 허용해주는 규약. 특정 도메인에서 접근하는 것이 가능하도록 해준다. CORS 종류1) Simple2) Preflight3) Credential3) Non-Credential Simple Request필수조건1) GET, HEAD,POST중 1가지 방식 사용해야함 2) POST일 경우 셋중 하나여야함-application/x-www-form-urlencoded-multipart/form-data-text/plain 3) 커스텀 헤더를 전송하면 안됨 Preflight RequestSimple Request 조건에 해당하지 않으면 브라우저는Preflight Request방식으로 요청함 Cr.. 공감수 2 댓글수 0 2019. 3. 12.
  • 크로스도메인이란? 레거시 시스템의 보안취약점 처리 항목중 하나가 바로 크로스도메인 문제와 관계가 있는 이슈가 있었다.구글링을 많이 하다보니 관련 키워드 들이 많아서 정리해본다 관련키워드 : 크로스도메인, JSONP, SOP, CORS 크로스 도메인이란?- 서로 다른 도메인 간의 호출을 말한다 보통 위에 처럼를 하려할때 HTTP의 보안정책중 하나인 SOP(Same-Origin Policy - 동일 근원 정책)에 걸려서 원하는 결과를 받아낼수 없다. 다른 도메인의 데이터를 가져올때 로 둘러쌓이면 SOP(Same Origin Policy) 의해서 불가능함. 해결방법 CORS를 활성화하거나 Iframe을 사용하는 방법이 있다. 공감수 0 댓글수 0 2019. 3. 12.
  • [Vue.js] 네스티 라우터란? 네스티 라우터, 네임드 뷰는 여러개의 컴포넌트를 동시에 표시 할 수 있는 라우터이다. 네스티 라우터란?라우터로 페이지이동을 할때 최소 2개이상의 컴포넌트를 화면에 나타내는 기능 -구조는 상위컴포넌트 1개에 하위컴포넌트 1개를 포함하는 구조 예를 들어 localhost:8080/user //user가 상위localhost:8080/user/detail //detail은 하위localhost:8080/user/create //create도 하위 이런식으로 접근이 가능함. -기본 라우터와 네스티라우터의 차이점은 최상위 컴포넌트에도 가 있고, 최상위 컴포넌트의 하위 컴포넌트에도가 있다는 것. 예제 30행, 34행의 path=url에 따라 해당 컴포넌트를 보여지게 된다. 12345678910111213141516.. 공감수 0 댓글수 0 2019. 1. 20.
  • [JavaScript] JSON 다루기 정리 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 $(function(){ // Object -> jsonString var obj= new Object(); obj.name='민'; obj.age='28'; var objToJsonStr = JSON.stringify(obj); // Object는 한번에 json으로 못바꿈. json문자열로 한번 바꿔야됨. // JsonString -> JSON var jsonStr = '{"name": "식빵", "family": "웰시코기", "age.. 공감수 0 댓글수 0 2018. 11. 19.
  • [Ajax] ajax 기본 폼 // 비공개 1234567891011$.ajax({ url : "/member/board/delete", type : "DELETE", dataType : "json", cache : false, data : { "boardSeq": boardSeq, } }).done(function(data) { alert(); });Colored by Color Scriptercs 공감수 0 댓글수 0 2018. 11. 17.
  • [JQuery] .serialize()에 파라미터 추가하기 방법1) 변환된 쿼리스트링 결과에 추가적으로 쿼리스트링 추가 1$("#form").serialize() + "&paramName=paramValue";cs 방법2) 배열요소에 데이터를 push 123var formData = $("#formId").serialize(); formData.push({name:'paramName', value:'paramValue'});cs 공감수 0 댓글수 0 2018. 11. 6.
  • [JQuery] 동적 버튼 추가후 click 이벤트 중복 에러 123$("#id").on('click', function() { alert('클릭');}Colored by Color Scriptercs버튼 같은 것을 동적으로 추가후 위와 같은 방식으로 이벤트를 걸면클릭이 event가 여러번(?) 실행되는 경우가 있다..(새로고침안하고 이벤트 계속 발생시키면..중복으로 실행된다) *해결법아래와 같이 사용하면 id에 해당하는 click event를 모두 없애고다시 on으로 하면 중복을 실행을 방지 할 수 있다.123$("#id").off('click').on('click', function() { alert('클릭');}Colored by Color Scriptercs 공감수 4 댓글수 0 2018. 10. 8.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.