Hongfluenza

SuNiNaTas 04번 문제 를 풀기 위해서 Fiddler(피들러)라는 툴을 사용하면 문제를 풀 수 있다고 해서 피들러에 대해서 알아보았다. 일단, 피들러 툴을 다운받아야 한다. https://www.telerik.com/download/fiddler 피들러(Fiddler)의 특징 01. 웹 디버깅: 쿠키, 헤더, 캐쉬를 조회할 수 있으며 서버의 언어, 클라이언트의 운영체제 및 디바이스에 관계없이 사용할 수 있다. 02. 성능 테스트: 서비스 되는 웹 페이지의 무게를 측정하거나 네트워크의 병목현상도 감지할 수 있다 03. 웹 세션 조작: 쉽게 웹 세션을 조작할 수 있고, 모든 세션 작업에서 pause를 걸 수 있으며, 접속자의 요청과 응답을 조회할 수 있다. 04. HTTP/HTTPS 트래픽 기록: 피..

4번 문제를 클릭하면 이러한 화면이 나온다. 뭘까 싶지만 일단 페이지 보기를 클릭해보았다. 역시나 힌트가 있을 줄 알았다. Point를 50으로 바꾸라는 소리 같아서 일단 4번 문제의 plus를 눌러 50까지 바꿔보기로 했다. 50까지 plus 를 누르려고 했는데 25까지 누르니까 이러한 콘솔창이 떴다. 그리고 point 의 값은 더 이상 올라가지 않았다. 그렇다면 문제에서 User-Agent의 힌트를 찾아서 문제를 풀어보도록 하자. 일단, 이 문제를 풀기 위해서는 Fiddler(피들러)라는 툴이 필요하다. 피들러를 다운받은 후에, SuNiNaTaS를 25까지 수행시켜 놓고, 피들러를 켠다. RePlay - Reissue and Edit 을 클릭한다. Raw에서 User-Agent를 SuNiNaTaS로 ..

3번 문제 NOTICE 게시판에 글을 쓰라는 의미다. NOTICE 게시판에 들어갔는데 글쓰기 버튼이 없었다. Q&A 게시판을 가보니 WRITE 라는 글쓰기 버튼이 있었다. Q&A 게시판에서 글쓰기 버튼을 눌렀을 때 나오는 화면이다. 그 때 URL은 다음과 같다. 한 가지 떠오른 생각은 Q&A 게시판은 Free와 NOTICE 게시판은 notice와 연관이 있을 것 같다는 생각이 들었다. 그래서 URL을 다음과 같이 수정해주었다. URL을 바꾸었을 때 나오는 화면은 다음과 같다. 글을 쓴 다음에, submit을 눌러주면 authkey 값을 얻을 수 있다. 끝 엄청 간단한 문제였다.

이제까지 내가 알던 행은 가로줄, 열은 세로줄 이었는데 책에 나온 실습 내용과 설명을 비교해보니 아리송한 부분이 있어서 인터넷을 검색해봤다. 출처 : http://kenarie.tistory.com/114 세로가 row 인데 행이고 가로가 column인데 열 엥 ??? 일단 나온대로 외우기로 하고 책을 봤다. rowspan: 다른 row(줄)에 있는 칸을 합치는 것 이 설명에 따르면 줄 = 행 이라는 소린가 ? 그림을 참고 하면 세로로 합친다는 것으로 이해하면 되겠다. 책에 있는 실습을 참고해 보면 1234567891011121314151617181920212223242526272829303132 rowspan 실습 table, th, td { border : 1px solid black; } rowsp..

cellspacing은 테이블 내부의 선 굵기, cellpadding은 테이블 내용과 선 사이의 여백 이라고 나왔으나 이해하기 어려워 인터넷을 찾아 본 결과 cellpadding = 셀과 글자 사이의 간격 cellspacing = 셀 간의 간격 이라는 간단한 결과를 얻어낼 수 있었다. 좀 더 쉬운 이해를 위해서 실습을 해보았다. 기본적인 모양은 다음과 같다. cellpadding과 cellspacing이 적용 안 된 기본적인 표의 모습이다. 123456789101112131415161718192021222324 실습 table,th,td { border : 1px solid black; } 월 계절 1월 봄 Colored by Color Scriptercs cellpadding="10" 으로 적용 ( 셀..

비순서 리스트 ~ 비순서 리스트는 순서가 명확하지 않는 목록을 나타낼 때 사용한다. ● → ○ → ■ 순서로 블렛을 브라우저에 나타낼 수 있다. 태그에 type 속성이 선언되면 전체 범위에 적용되고, 태그에 선언되면 새로운 값으로 지정되며, 이후 다른 값으로 선언되기 전까지 유효하다. ※실습 123456789101112131415161718192021222324252627282930 ul과 li 예제 비순서 리스트 내포되어 있다 블렛은 내포되었을 때 바뀐다 블렛은 type속성에 의해 제어된다. type은 전체 또는 항목마다 새롭게 지정된다. ul에 의해 첫번째 항복이 지정된다. disc 항목 circle 항목 square 항목 Colored by Color Scripter 출처 HTML5&CSS3&JQu..

순서 리스트는 순서 목록과 단계별 항목을 숫자 또는 문자로 나타낼 때 사용함 목록을 나타내는 일반형은 다음과 같다. 항목 1 항목 2. . .항목 3 태그 태그는 기본적으로 2개의 속성(type, start)을 가지고 있다. type 속성은 과 태그에 나타낼 수 있다. type 속성의 기능 a : 소문자 값A : 대문자 값i : 소문자 로마자 값I : 대문자 로마자 값1 : 일반 숫자 값 태그의 start 속성은 목록의 시작 값을 지정한다. type 속성이 숫자 또는 문자라도 start의 숫자 값이 적용된다 ※실습 12345678910111213141516171819202122232425262728293031323334353637 순서 리스트의 실습 구역과 중앙정렬 실습 순서 리스트는 매우 단순하다 항목..

클릭하면 나오는 화면이다. 먼저 페이지 소스를 확인해본다. 페이지 소스 중에서 핵심 내용만 캡쳐해 왔다. 맨 밑 부분에 힌트를 보니 회원가입을 하려면 id와 pw가 같아야 함을 알 수 있었다. 가장 간단하게 ID=1PW=1을 입력하고 Join 버튼을 눌렀다. 그러면 이러한 내용이 뜬다. 이유는 아이러니하게도 if문을 살펴보면 id=pw가 같으면 초기화 시켜버리는 결과를 확인할 수 있었다. 어렵게 생각하지 않고, else 문에 있는 document.web02.submit();을 사용하면 될 것 같았다. F12를 눌러 ID와 PW에 같은 값을 넣어 준 후에, Console창에 document.web02.submit();을 입력하면 끝 ! 결과는 이러하다.