드림핵 퀴즈 정리 4

드림 핵 - 웹 해킹 - 웹 브라우저 ( Quiz: Browser DevTools )

1번 문제 개발자 도구에서는 HTML이나 JavaScript는 수정할 수 있지만 CSS는 수정할 수 없다. O X CSS 또한 수정 할 수 있다. 정답 - X 2번 문제 개발자 도구의 Sources 탭에서 원하는 자바스크립트를 디버깅할 수 있다. O X Console 탭에서 자바스크립트를 실행시켜 볼 수 있고 Sources 탭에서 자바스크립트를 디버깅 할 수 있다. ( 둘다 디버깅을 할 순 있으나 Console 탭은 주로 간단한 코드 테스트와 결과 확인에 사용되고, Sources 탭은 복잡한 코드의 디버깅과 수정에 더 적합합니다 ) 정답 - O 3번 문제 개발자 도구의 Console 탭에서 특정 변수의 값을 콘솔 화면에 출력할 때 사용하는 함수는? A - window.debug B - console.lo..

드림 핵 - 웹 해킹 - cookie & session ( Quiz )

1번 문제 다음 중 서버에 요청을 보내는 역할을 하는 것은? A 세션 B 드라이버 C 클라이언트 클라이언트에서 서버로 요청을 보내고, 서버에서는 클라이언트에게 응답을 보낸다. 정답 C - 클라이언트 2번 문제 통신이 끝난 후 상태 정보를 저장하지 않는 특성을 가리키는 용어는? A Scriptless B Connectionless C Stateless Connectionless 와 Stateless에 대해서 배웠었다. 이 둘은 HTTP 메세지의 특성이다. Connectionless - 일회성 연결로 한번의 요청과 응답이 오고나면 끊는것. 이후 요청을 새 연결을 다시 해야함 Stateless - 통신이 끝난 후 상태 정보를 저장하지 않는 것. 이전에 사용했던 데이터를 요구할 수 없음 정답 C - Statel..

드림 핵 - 웹 해킹 - 웹 기본 상식 ( Quiz : HTTP/HTTPS )

*해당 모든 글은 Dreamhack.io (드림핵) 에 올라와 있는 자료를 토대로 정리한 것. 이번 게시글에서는 앞서 정리한 웹 기본상식 ( Background : HTTP/HTTPS ) 을 토대로 올라온 퀴즈를 풀어 정리 할 것이다. 1번 문제 HTTP Header : HTTP 요청이나 응답의 메타데이터 (속성들) 을 담고있는 부분이다. 예를 들면 요청속성, 캐시 관리 , 인증 정보 , 압축 방식 등이 여기 담길 수 있다. HTTP Method : 클라이언트가 서버에게 원하는 동작의 종류를 나타낸다. 주요 메소드는 GET(가져오기), POST(전송하기), PUT(갱신하기), DELETE(삭제하기)이고 각각의 메소드는 서버에게 어떤 작업을 요청하는지를 나타낸다. HTTP Body: HTTP 요청이나 응답..

드림 핵 - 웹 해킹 - 웹 기본 상식 ( Quiz : Web )

*해당 모든 글은 Dreamhack.io (드림핵) 에 올라와 있는 자료를 토대로 정리한 것. 이번 게시글에서는 앞서 정리한 웹 기본상식 ( Background : Web ) 을 토대로 올라온 퀴즈를 풀어 정리 할 것이다. 1번 문제 A : CSS - CSS는 웹 문서의 생김새를 지정하는 것이다. 글자의 색깔이나 크기 폰트 이미지 배경 색상 위치등을 지정하기 위한 것. B: Javascript - Javascript 는 웹 문서의 동작을 의미한다. 이용자가 버튼을 클릭했을 때 어떻게 반응할지, 이용자가 데이터를 입력하면 어디로 전송할 지 등. C: HTML - 웹 문서의 뼈와 살을 담당한다. 태그와 속성을 통한 구조화된 문서 작성을 지원한다. 따라서 정답은 C - HTML 2번 문제 URI는 "Unifo..