본문 바로가기
Jquery 복습 - 이벤트2 //jQuery의 animate 메서드는 애니메이션을 만드는데 사용합니다. //형식: $(selector).animate({params}, speed, callback); //필수: params: Css properties to be animated //선택: speed //선택: callback 애니메이션이 끝났을때 실행 할 함수. //19)오른쪽으로 250px만큼 옮기기- animate $("button").click(function(){ $("div").animate({left: '250px'}); }) //20) 왼쪽여백을 250px주고 [결국 오른쪽으로 옮겨지는 효과] //사이즈를 150px, 150px로 변경한다. //주의! Http elements의 default position은 Stati.. 2019. 8. 10.
Jquery 복습 - 이벤트 1 참고사이트: https://www.w3schools.com/jquery/jquery_animate.asp //실행순서 정리 1. 순서대로 한줄한줄 HTML을 읽어가며 dom parsing을 한다. 그래서 Dom load전에는 DOM element 접근 메서드를 사용 할 수 없다. 예를들어 helloworld! 스크립트가 어디에 위치했느냐에 따라서 동작이 다르다- 2.$(document).ready() 돔파싱 끝나면 실행할 메서드. 이벤트핸들러를 등록하는듯하다. 3. 실행 4. image resource 등등.. 로딩 5. $(window).load() //메서드 정리 $(document).ready(function(){ /*그래서 이벤트 핸들러는 ready의 익명함수안에 넣습니다.*/ }) //1) 클릭.. 2019. 8. 10.
jquery 복습 - 선택자 자바스크립트에서는 querySelector 메서드 사용- Css선택자이기도 하다- $(".intro, #Lastname") = .intro 클래스를 가진 요소들과 Id가 Lastname인 요소 반환 $("p:first") 첫번째 p태그 반환 $("p:last") 마지막 p태그 반환 $("tr:even") 짝수번째 tr태그들만 반환 $("tr:odd") 홀수번째 tr태그들만 반환 $("p:first-child") p태그 묶음들중 첫번째만 반환 $("p:first-of-type") p태그묶음중 첫번째 태그'들'만 반환 $("p:last-child") p태그 묶음에서 첫번째 묶음의 마지막 p태그만 반환 $("p:last-of-type") p태그 묶음중 마지막 태그 '들'만 반환 * $("li:nth-child.. 2019. 8. 9.
SNI 개념과 차단 우회방법 SNI란 서버 네임 인디케이션(Server Name Indication, SNI)은 컴퓨터 네트워크 프로토콜인 TLS의 확장으로, 핸드셰이킹 과정 초기에 클라이언트가 어느 호스트명에 접속하려는지 서버에 알리는 역할을 한다. 이를 이용하면 같은 IP 주소와 TCP 포트 번호를 가진 서버로 여러 개의 인증서를 사용할 수 있게 되고, 따라서 모든 사이트가 같은 인증서를 사용하지 않아도 동일한 아이피로 여러 HTTPS 웹사이트(또는 TLS 상에서 돌아가는 다른 서비스)를 운영할 수 있게 된다. 배경 클라이언트에서 TLS 연결을 생성하려면 먼저 웹 서버로 디지털 인증서를 요청하게 된다. 서버가 인증서를 보내면 클라이언트는 이를 읽고 연결하려던 호스트명과 인증서에 적힌 이름이 일치하는지 확인한다. 일치하는 경우 정.. 2019. 8. 4.
group by의 키로 지정된 컬럼 외에도 다른 컬럼을 출력해야 할때- subquery로 묶거나, over 함수를 사용한다. over함수는 group by 하지 않고도 그룹별 집계를 생성 가능하다- 예1) select distinct 과일가게상호, '영국' as Country, 환율, sum(금액) over(partition by 과일가게코드) as 금액 from 과일주문정보 where 날짜 = '20190710' 예2) select a.과일가게상호, a.환율, b.금액 from 과일주문정보 a join ( select 과일가게코드 sum(finalAmt) as finalAmt from 과일주문정보 and 날짜 = '20190710' group by 과일가게코드 ) as b on a.과일가게코드 = b.과일가게코드 where 날짜 = '20190710' 2019. 7. 21.
웹을 지탱하는 기술 웹을 지탱하는 기술 책을 읽고 정리한 내용입니다. 8. 스테이터스 코드 - 스테이터스 코드의 오용 예) Status Code가 200OK지만, Body에 정상적인 실행결과가 아닌, 에러코드를 반환하고 있는 예 --Request GET/test HTTP/1.1 Host: api.example.com --Response HTTP/1.1 200 OK Content-Type: application/xml 1001 file not found 에러를 200OK로 반환하게 된다면 클라이언트에서는 이 스테이터스 코드를 성공한것으로 믿고 정상 결과로서 바디를 표시하게 된다. 이는 에러를 웹 API측의 의도대로 처리하기 위해서는 전용 클라이언트를 구현해야 하기 때문에 다양한 클라이언트에서 이용할 수 있다는 웹 API의 특.. 2019. 7. 20.

티스토리툴바