TigerDemon

유지보수 여름방학 5주차 - 블로그 수정

호랑2D — Wed, 29 Jul 2026 16:03:08 +0900

[다음 스크럼 일시]

2026-08-05

[현재까지 예정이었던 것]

1. 클라우드 플래어 사용해서 코드 수정

[실제로 한 것]

사용할 구조

React(ckeditor) -> blogcontroller -> blogservice -> imageService(r2) -> cloudflare r2 -> url 반환 -> 몽고db 저장

위 과정에서 cloudflare r2 업로드 후 url 반환까지 끝낸 상태로 프론트와 연결해서 몽고 db에 저장하는 걸 하면 될 것 같다

포스트맨으로 현재 url 반환하는 걸 확인할 수 있고 클라우드 플래어로 들어가서 보면 이미지와 url을 확인할 수 있다.

다음주까지 ckditor와 몽고 디비 연결해서 이전에 올렸던 이미지 다시 올리고 몽고 디비 수정하면 될 것 같다.

그 다음주에는 회원가입 이메일 부분 수정을 하면 될 것 같다.

[다음 스크럼 때까지 할 것]

ckeditor 코드 수정

몽고 db 연결

Webhacking.kr 14번 문제 풀이

호랑2D — Sun, 26 Jul 2026 11:18:24 +0900

https://webhacking.kr/challenge/js-1/

Challenge 14

webhacking.kr

위 링크에 들어가면 그냥 아래 박스가 뜬다.

코드를 확인해봤다.

function ck(){
  var ul=document.URL;
  ul=ul.indexOf(".kr");
  ul=ul*30;
  if(ul==pw.input_pwd.value) { location.href="?"+ul*pw.input_pwd.value; }
  else { alert("Wrong"); }
  return false;
}

.kr의 위치에 따라 30을 곱한다고 하는데 이때 위에 있는 18번째에 .부터 시작된다 따라서 18*30을 하고 그 값을 넣으면 된다.

유지보수 여름방학 4주차 - 블로그 수정

호랑2D — Wed, 22 Jul 2026 17:28:31 +0900

[다음 스크럼 일시]

2026-07-29

[현재까지 예정이었던 것]

- 클라우드 플래어로 이미지 수정

[실제로 한 것]

현재는 자료 수집을 중심으로 어떤식으로 클라우드 플레어에 이미지를 올리고 이미지를 올리면 어떤식으로 돌아가는 지 파악하고 있다. 자료를 올려서 이후에 개발을 시작할때 보면서 진행할 예정이다.. 아직 코드 수정을 하기엔 자료들을 많이 모으고 보지 못해서 진행하지 못했다... 다음주에는 오류 수정을 다 하고싶다

보안적 요소에서 확인해야할 부분

- 파일 크기 제한

- 삭제및 수정은 본인 소유 이미지인지 확인하는 권한 체크

- 업로드 후 반환되는 imageid를 db에 저장해야하는데 몽고 디비를 다 수정해야한다

https://developers.cloudflare.com/api/resources/images

Images

developers.cloudflare.com

https://developers.cloudflare.com/api/resources/images/subresources/v1/methods/create/

Upload an image

developers.cloudflare.com

https://hell-of-company-builder.tistory.com/416

CloudFlare 이미지 업로드하기 (5달러, nodejs)

시작하기 주소 https://dash.cloudflare.com/ 리사이징은 무료이고 20여 가지의 사이즈로 변경하여 조회할 수 있다고 합니다. 저장 시 저장소는 10만 이미지 당 5달러입니다. 조회 시 10만 이미지 당 1달러

hell-of-company-builder.tistory.com

[다음 스크럼 때까지 할 것]

오류 수정하기

Webhacking.kr 32번 문제풀이

호랑2D — Sun, 19 Jul 2026 11:16:51 +0900

https://webhacking.kr/challenge/code-5/

webhacking.kr

위 링크에 들어 가면 아래 사진처럼 클릭수 순서대로 랭킹이 있는 걸 확인할 수 있고 맨 아래로 내리면 자신의 계정이 뜬다.

이때 확인해야할 것은 작업자 모드로 하고 쿠키를 확인했을때 vote_check가 사라지면 한번 또 클릭을 할 수 있다.

하지만 100을 넘겨야 문제가 풀리는데 지우고 누르고 지우고 누르고를 반복할 수 없으니 콘솔창에서 아래 코드를 입력해서 문제를 해결했다.

for (let i = 0; i < 100; i++) {
    fetch("https://webhacking.kr/challenge/code-5/?hit=본인아이디", {
        credentials: "include"
    });
}

유지보수 여름방학 3주차 - 블로그 수정

호랑2D — Wed, 15 Jul 2026 14:24:07 +0900

[다음 스크럼 일시]

2026-07-22

[현재까지 예정이었던 것]

- 이메일 부분 수정

- 블로그 이미지 수정 및 관련 내용 조언 받기

[실제로 한 것]

다른 팀원들의 블로그 정리본을 보고 클라우드 플래어 회원가입 후 R2 코드 입력 및 확인

https://velog.io/@ggingmin/Spring-Boot-React-Cloudflare-R2%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0

Spring Boot, React, Cloudflare R2를 활용한 파일 업로드/다운로드 기능 구현하기

파일을 업로드하고 다운로드 하는 것은 인터넷에서 우리가 하는 작업 중 아주 큰 비중을 차지합니다. 친구들과 찍은 사진을 업로드 하거나 필요한 프로그램을 다운 받는 일은 지금 이 순간에도

velog.io

https://eunseoyu.tistory.com/32?category=1302744&pidx=3

Cloudflare R2 사용기 : Cloudflare 회원가입 (1)

나만의 서비스 개발을 위해 바이브를 타던 중, 이제는 정말로 저장소를 정할 때가 왔다. Claude를 갈궈서 선택한 스택은 바로 Cloudflare R2 이다.글로벌로 사용가능하고, 가급적 싼 가격에 문서 및 이

eunseoyu.tistory.com

소학회 계정으로 R2 사용할 수 있게 세팅하고 토큰까지 받았다.

https://recodelog.com/tech-blog/cloudflare/image-upload

클라우드 플레어 R2에 이미지 업로드 하는 방법

Cloudflare R2를 사용하여 이미지 업로드 기능을 구현하는 방법을 알아봅니다.

recodelog.com

https://laon.blog/posts/20240113/%ED%81%B4%EB%9D%BC%EC%9A%B0%EB%93%9C-%ED%94%8C%EB%A0%88%EC%96%B4-%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EB%B8%94%EB%A1%9C%EA%B7%B8-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%98%B8%EC%8A%A4%ED%8C%85/

클라우드 플레어 이미지(Cloudflare Images)를 이용한 블로그 이미지 호스팅

클라우드 플레어 이미지 사용하는 방법, 이미지 호스팅

laon.blog

[다음 스크럼 때까지 할 것]

- 이미지 부분 클라우드 플래어로 수정

Webhacking.kr 54번 문제 풀이

호랑2D — Sun, 12 Jul 2026 22:39:09 +0900

https://webhacking.kr/challenge/bonus-14/

Challenge 54

webhacking.kr

링크에 들어가면 위 사진처럼 뜨는데 이때 플래그가 후루룩 나오고 마지막에 ? 가 나온다.

function run(){
  if(window.ActiveXObject){
   try {
    return new ActiveXObject('Msxml2.XMLHTTP');
   } catch (e) {
    try {
     return new ActiveXObject('Microsoft.XMLHTTP');
    } catch (e) {
     return null;
    }
   }
  }else if(window.XMLHttpRequest){
   return new XMLHttpRequest();
 
  }else{
   return null;
  }
 }
x=run();
function answer(i){
  x.open('GET','?m='+i,false);
  x.send(null);
  aview.innerHTML=x.responseText;
  i++;
  if(x.responseText) setTimeout("answer("+i+")",20);
  if(x.responseText=="") aview.innerHTML="?";
}
setTimeout("answer(0)",1000);

위 코드는 스크립트 부분이다. m=0부터 m=20까지 요청이 되고 마지막에 빈 문자열이면 ?를 출력하고 종료된다.

작업자 모드에서 네트워크를 보며 새로고침을 하면 m=0부터 38까지 나온다.

이때 하나를 눌러서 미리보기로 가면 어떤 글자인지 볼 수 있다.

하나하나 확인하고 Auth에 플래그를 입력하면 된다.

gsFLAG{a7981201c48d0ec

e288afd01ca43c55b}

유지보수 여름방학 2주차 - 블로그 수정

호랑2D — Wed, 8 Jul 2026 14:20:07 +0900

[다음 스크럼 일시]

2026-07-15

[현재까지 예정이었던 것]

1. DB에 로그인 계정 추가하고 백엔드 코드 수정하고 실행해서 프론트가 잘 되는지 확인하기

2. 그냥 배포해서 확인하기 만약 안되면 다시 되돌아가서 하기

[실제로 한 것]

위 두가지 방법 중 어떤 것으로 할지 고민하고 DB를 찾아보았다. 하지만 현재 DB에 비밀번호가 암호화되어 있어서 비밀번호가 확인이 불가능하고 새로 회원가입을 하고 싶지만 현재 회원가입 이메일 부분에 문제가 있기에 어떻게 해야하나 했다. 하지만 다행히 비밀번호를 찾았고 이제 코드 수정을 하면 된다.

현재 백엔드와 프론트엔드를 동시에 실행하여 연동해서 수정을 하려고 하는데 연동이 안된다 이 부분부터 해결을 해야한다..

[다음 스크럼 때까지 할 것]

- 이메일 부분 수정

- 블로그 이미지 수정 및 관련 내용 조언 받기

Webhacking.kr 25번 문제 풀이

호랑2D — Sun, 5 Jul 2026 15:51:16 +0900

http://webhacking.kr:10001/?file=hello

Challenge 25

webhacking.kr:10001

위 문제에 들어가면 아래 사진처럼 뜬다.

여기서 위에 url에 flag를 넣었더니 아래 사진처럼 떴다. index는 아무것도 안뜬다.

Local File Inclusion(LFI) + PHP Wrapper

파일명을 조작해 서버 내 다른 파일을 인클루드할 수 있도록 허용된 구조인데, 자동으로 php가 붙기 때문에 플래그 소스 코드가 바로 보이지 않는다. PHP의 Stream Wrapper 기능을 활용하면 인클루드 시 파일 내용을 base64 인코딩해서 볼 수 있기에 php 필터 기반의 LFI 우회를 해보았다.

PHP Wrapper를 활용하여 아래의 특수 파일명을 사용하면 인클루드 시 해당 파일을 base64 인코딩하여 보여준다.

php://filter/convert.base64-encode/resource=

그럼 아래처럼 뜬다.

그리고 디코딩을 하면 아래처럼 플래그가 나온다.

유지보수 여름방학 1주차 - 블로그 수정

호랑2D — Wed, 1 Jul 2026 10:51:12 +0900

현재 가지고 있는 오류 중 블로그 작성 문제와 이미지 문제를 해결하기 위해 CKEditor을 업데이트 했다.

원래 9.몇이었는데 11로 업데이트를 했다. 그리고 테스트 실행을 해봤는데 백엔드를 같이 실행을 안해서 그런가 게시글 찾는게 아예 안돼서 백엔드를 실행시켰더니 전에 개발하려고 수정했던 구글 드라이브 부분 때문에 실행이 안된다. 그리고 게시글이 작성되는 지 확인하려면 테스트 실행을 했을때 로그인을 해야하는데 그 테스트 db에 로그인 계정을 추가해야하는데 그걸 또 어떻게 해야할 지 모르겠어서 잠시 중단한 상태이다. 그리고 이미지도 조회가 안되는데 이게 로컬로 올라간 것에 대한 문제가 무엇인지 모르겠다. 이걸 해결하려면 따로 사진이 저장되는 게 필요한데 이미지 저장하는 무언가를 쓰기엔 돈이 나가서 로컬에 계속 해야할 것 같은데 아직 로컬에 이미지를 올린다는 개념이 이해가 안간다.. 다행히 이미지는 전에 백업해둔게 있어서 나중에 다시 올릴 수 있다는 것..

따라서 2가지로 실행을 해볼 수 있는데

1. DB에 로그인 계정 추가하고 백엔드 코드 수정하고 실행해서 프론트가 잘 되는지 확인하기

2. 그냥 배포해서 확인하기 만약 안되면 다시 되돌아가서 하기

아무래도 1이 계속 실험해보기는 좋을 것 같은데 어떻게 해야할 지 감도 안온다.

그래도 배포 후에 잘못되는 것 보단 DB에 추가하고 해보는 게 좋을 것 같다.

다음 주차까지 DB에 데이터 넣고 실행해보고 백엔드 삭제할 코드 삭제해서 다시 실행해보고 CKEDITOR 잘 되는 지 확인해볼 계획이다.

그리고 다른 학회원들이 찾아준 이메일 부분도 추후 블로그 오류가 수정된 이후에 해볼 계획이다.

Webhacking.kr 39번 문제 풀이

호랑2D — Tue, 30 Jun 2026 14:31:57 +0900

https://webhacking.kr/challenge/bonus-10/

Chellenge 39

webhacking.kr

39번 문제에 들어가면 위 사진처럼 뜬다. 이때 view-source 를 누르면 아래 코드가 나온다.

<?php
  include "../../config.php";
  if($_GET['view_source']) view_source();
?><html>
<head>
<title>Chellenge 39</title>
</head>
<body>
<?php
  $db = dbconnect();
  if($_POST['id']){
    $_POST['id'] = str_replace("\\","",$_POST['id']);
    $_POST['id'] = str_replace("'","''",$_POST['id']);
    $_POST['id'] = substr($_POST['id'],0,15);
    $result = mysqli_fetch_array(mysqli_query($db,"select 1 from member where length(id)<14 and id='{$_POST['id']}"));
    if($result[0] == 1){
      solve(39);
    }
  }
?>
<form method=post action=index.php>
<input type=text name=id maxlength=15 size=30>
<input type=submit>
</form>
<a href=?view_source=1>view-source</a>
</body>
</html>

1단게 : 백슬래시가 제거된다.

$_POST['id'] = str_replace("\\","",$_POST['id']);

2단계 : 작은 따옴표가 ' ' 로 변경된다.

$_POST['id'] = str_replace("'","''",$_POST['id']);

3단계 : 길이가 제한된다. 16번째부터 잘린다.

$_POST['id'] = substr($_POST['id'],0,15);

이 문제는 '가 ''로 바뀌는 부분에 중심을 둬야한다. 따라서 admin 입력 후 띄어쓰기를 하고 마지막에 '를 추가하면 된다.