> 이병천 교수님 팬입니다

안녕하세요, 김민재입니다.

중부대학교 정보보호학 전공

#웹프로그래밍 #웹해킹 #보안전문가

Activities & Certifications

자격사항

Certifications

  • 인터넷 보안전문가 2급 취득 (2025.12)
  • 네트워크 관리사 2급 취득 예정 (2026)
동아리

S.C.P (Security Check Point)

중부대학교 정보보안 동아리 SCP 활동 (2026~)

  • SQL Injection 세미나: 취약점 원리 분석 및 los 실습 시연 진행
  • XSS 세미나: 취약점 원리 분석, 드림핵 실습 진행
  • IDOR 세미나: 취약점 원리 분석, PortSwigger 실습 진행
대외활동

WhiteHat School

  • 화이트햇 스쿨 4기 교육생
  • 2026.06-2026.12

Assignments

과제 3 HTML/CSS

HCJDemo 프로젝트

웹 사이트의 기본 구조인 Home, About, Contact 페이지를 구성하고 상호 링크를 연결하는 실습을 진행했습니다.

  • 시멘틱 태그를 활용한 레이아웃 설계
  • GitHub와 Vercel을 이용한 첫 웹 서비스 배포
GitHub Live
과제 4 HTML 심화

HTML 기본 태그 익히기

기존 HCJDemo에 다양한 HTML 핵심 요소를 추가하여 통합적인 웹 페이지를 완성했습니다.

  • List/Table: 강의시간표 및 목록 페이지 제작
  • Multimedia: Audio, Video 태그 활용 페이지
  • Forms: 사용자 등록 페이지(입력 양식) 구현
  • 메뉴 양식에 맞춘 4개 페이지 통합 및 Vercel 재배포
GitHub Live

Web Core Tech (기본 문법 요약)

웹 해킹과 방어의 기본이 되는 프론트엔드 3대 기술의 핵심 문법과 취약점 연계 포인트를 정리했습니다.

HTML5

뼈대 및 입력 양식

  • 시멘틱 태그: <header>, <nav>, <section> 등을 통한 웹 표준 구조화
  • 데이터 전송 (Forms): <form> 태그의 action(목적지) 및 method(GET/POST) 전송 방식
  • 사용자 입력 (Inputs): <input type="text">, required 속성을 통한 클라이언트측 1차 검증
CSS3

스타일 및 반응형

  • 선택자 (Selectors): 태그, 클래스(.), 아이디(#) 선택자 및 가상 클래스(:hover) 활용
  • 정렬 (Flexbox): display: flex;와 justify-content를 이용한 유연한 레이아웃 배치
  • 반응형 (Media Query): @media (max-width: 768px)를 활용한 모바일/태블릿 화면 최적화
JavaScript

동적 제어 및 상태 저장

  • DOM 객체 제어: document.querySelector()를 이용한 HTML 요소 선택 및 동적 스타일/클래스 변조
  • 이벤트 리스너: addEventListener('click', ...)을 통한 사용자 행위(클릭, 스크롤) 실시간 감지
  • 상태 관리: localStorage를 활용한 브라우저 내 데이터(예: 다크모드 테마 상태) 영구 저장

Team Project

Team Project

통합 보안 취약점 분석 및 대응 가이드 사이트

Web, System(Pwnable), Cloud 환경에서 발생할 수 있는 주요 취약점을 분석하고, 실무적인 보안 대책을 체계적으로 정리하여 제공하는 보안 지식 아카이브 서비스입니다.

팀장: 이효정

중간: Index/Main 페이지 제작, System 취약점 조사

기말: 퀴즈 기능 추가, 발표

팀원: 김민재 (나)

중간: Main 페이지 제작, Web 취약점 조사

기말: 전광판 기능 추가, ppt 제작

팀원: 이제희

중간: 세부/수정 페이지 제작, Cloud 취약점 조사

기말: HTML 통합, 게시글 데이터 객체 형태 관리 및 게시글 렌더링

직접 배포한 주소 확인 Source Code (GitHub)