본문 바로가기
반응형

분류 전체보기177

[JS] Javascript - Event 종류(mouse, keyboard events) 자바스크립트에서는 사용하는 이벤트는 일반적으로 4가지로 분류된다. mouse events, keyboard events, form events, document/windows events가 있는데, 이번에는 mouse event, keyboard event에 대해 알아보자. 이벤트 핸들러 종류이다. Event handler 설명 mouse events onClick 마우스 버튼을 클릭 onDbclick 마우스 버튼을 더블클릭 onMouseover 마우스 포인터가 요소 위에 올라갔을 때 onMouseout 마우스 포인터가 요소 안에서 요소 밖으로 벗어날 때 keyboard events onKeydown 키보드의 키를 눌렀을때 onKeyup 키보드의 키를 눌렀다 떼는 때 onKeypress 키보드의 키를 눌.. 2021. 12. 30.
[JS] Javascript - Event 자바스크립트에서 이벤트(event)란 사용자가 웹페이지와 상호작용을 하는 모든 동작들을 말한다. 체크박스를 선택하고, 클릭하고, 키값 입력하고, 마우스를 움직이고하는 모든 동작들이 이벤트에 해당된다. 이벤트가 발생할때, 자바스크립트에 이벤트 핸들러(event handler, event listener) 는 이벤트를 감지하는 역할을 한다. 지정된 타입의 이벤트가 발생하면, 웹브라우저는 그 요소에 등록된 이벤트 핸들러를 실행시킨다. (e.g. 클릭이벤트 이벤트 핸들러는 onclick, 주로 on으로 시작함) 이벤트 핸들러를 가장 쉽게 사용하는 방법은 html 요소에 시작태그에 바로 추가하는 건데, 예를 들어 onclick 어트리뷰트를 버튼 요소에 추가해보면 1 Click Me cs Click Me 버튼을 클.. 2021. 12. 29.
[Postman] Test Script 사용하기 - string 확인하기 테스트해볼 사이트는 https://jsonplaceholder.typicode.com/ 여기이고, 무료로 해볼수있는게 많으당!! /user 에서 GET 메소드 사용해서 나온 결과는 아래와 같다 user 데이터가 10개 정도 있는데 id 5 번 사람의 데이터를 확인해보고 이름이 'Chelsey Dietrich' 라는 걸 확인햇다. reponse에서 text를 추출했을 때 거기에 '이름' 이 있다면 테스트 결과는 PASS 로 나온다. 만약에 이사람 이름이 id 10번에 있다고 하고 호출을하면 다른값이 나오기 때문에 Test 결과는 FAIL 로 나온당. 2021. 12. 18.
[JS] Javascript - Data Types Java Script 에는 크게 3가지의 데이터 타입이 존재합니다. Primitive 는 원시타입이라고 불리고, string, number, booleans 가 있게됩니다. 다음으로는 obejct 타입이라고 불리는 composite 타입이 존재합니다. 나머지는 스페셜 타입으로 null, undefined data type 이 존재하게 됩니다. 크롬에서 한번 찍어보져 오브젝트도 한번 보져 쉽다쉽다 2021. 12. 13.
[JS] Javascript - Variable 이란 자바스크립트에서 variable 을 사용하는 방법입니다. variable: var variable_name: varName assignment operator: = value: value; 로 작성합니다. variable을 복잡하게 외우지 않아도 var 하나로 끝낼 수 있다는게 참 좋네여! 심지어 한번에 여러개의 variable을 선언할 수 있는데, comma (,) 로 구분해서 사용할 수 있습니다. 잘 되나 한번 볼까요? 쉽다쉽워 ㅃ2 너무 아무것도 안해서 쉬운거부터 천천히.. 허허허... 😥 2021. 12. 10.
[HTML] input tag 사용하기 안녕하세요 냥장판 입니다 지난 게시글에서는 label 태그에 대해서 알아봤어요! 2020/04/09 - [놀고있네/HTML & CSS] - [HTML] label 태그 사용하기 [HTML] label 태그 사용하기 안녕하세요 냥장판 입니다 아주 오랜만에 포스팅하네요 😥( 그동안 너무 바빠서 포스팅을 게을리했네요..) 이번 게시글에서는 label 태그에 대해서 알아보려고 합니다. 1. label 태그란 label 태그는 인터페이스.. miaow-miaow.tistory.com 이번 게시글에서는 input 태그에 대해서 알아보려고 합니다. Input 태그는 form 태그 안에 사용되고, 사용자와의 상호작용을 가능하게 하는 태그에요. form 안에서 사용할 때 양식은 아래와 같고요. 체크박스가 id를 가지고있.. 2021. 12. 7.
[퍼온글] HTTP란 https://velog.io/@syoung125/개념공부-HTTP란HTTP-트랜잭션-메시지-TCPIP와의-차이점 🤷‍♀️ 개념공부: HTTP란?(HTTP 트랜잭션, 메시지, TCP/IP와의 차이점) (본 블로그 포스팅은 'HTTP 완벽가이드: 웹을 어떻게 동작하는가' 책을 통해 공부한 내용을 기반으로 작성되었습니다.)전세계의 웹 브라우저, 웹 애플리케이션, 서버는 모두 HTTP를 통해 서로 소통 velog.io 2021. 11. 18.
URL, URI 차이 URL(Uniform Resource Locator) : 통합 자원 지시자 a. 예를 들어 http://abc.com/work/test.pdf 는 abc.com 서버에서 work 폴더 안의 test.pdf를 요청하는 URL을 의미 2. URI(Unitform Resource Identifier) : 통합 자원 식별자 a. 프로토콜 + : + // + 호스트이름 + 주소 → http://abc.com b. 자원에 접근하기 위해 사용되는 절차 c. URL, URN 포괄함 3. URN(Uniform Resource Name) : 리소스의 위치와 상관없이 리소스의 이름값을 이용하여 접근하는 방식 URN abc.com/test.html zzang.com/image.png URL https://abc.com/tes.. 2021. 11. 12.
[Postman] Test Script 사용하기 - jsonBody status, jsonBody 사용해보기 Test 탭에 스크립트 작성 후 Send 버튼 클릭 pm.test("response is ok", function () { pm.response.to.have.status(200); }); pm.test("response body has json with form data", function () { pm.response.to.have.jsonBody('form.foo1', 'bar1') .and.have.jsonBody('form.foo2', 'bar2'); }); Raw 데이터 추출 Send 버튼 클릭 https://learning.postman.com/docs/writing-scripts/test-scripts/ Home Postman Network Brow.. 2021. 9. 30.
반응형

티스토리툴바