Skip to content

Added Fixtr #633

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Fixtr wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added Fixtr #633

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4890c6a
Added Fixtr
Fixtr Dec 12, 2025
ff751cd
Add files via upload
Fixtr May 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,4 +39,5 @@ Add your Github username below:
- [x] yuyaebean
- [x] nanmadol
- [x] jaehyuenjung!
- [x] Prosted
- [x] Prosted
- [x] Fixtr
80 changes: 80 additions & 0 deletions files-mentioned-by-the-user-resume1/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>협업 문의 | 한선규</title>
<link rel="stylesheet" href="site.css">
</head>
<body>
<header class="site-header">
<nav class="nav" aria-label="주요 메뉴">
<a class="brand" href="index.html">@HANSUNKYU.DEV</a>
<div class="nav-links">
<a href="projects.html">프로젝트</a>
<a href="tech.html">기술 스택</a>
<a href="process.html">작업 방식</a>
<a href="results.html">성과</a>
<a href="contact.html" class="nav-cta" aria-current="page">협업 문의</a>
</div>
</nav>
</header>

<main>
<section class="page-hero">
<div class="page-hero-inner">
<p class="eyebrow">Contact</p>
<h1>아이디어를 실제 서비스로 구현할 개발 파트너가 필요하다면.</h1>
<p class="page-lead">MVP, 관리자 도구, 대시보드, API 서버, 성능 개선까지 필요한 범위부터 함께 정리합니다.</p>
</div>
</section>

<section class="section">
<div class="section-inner">
<div class="cta-panel">
<div>
<h2>만들고 싶은 서비스가 있다면, 빠르게 화면과 API부터 검증해볼 수 있습니다.</h2>
<p>요구사항이 아직 흐릿해도 괜찮습니다. 필요한 기능, 데이터 구조, 출시 우선순위부터 함께 정리할 수 있습니다.</p>
</div>
<div class="cta-buttons">
<a href="mailto:[email protected]" class="button primary">이메일 보내기</a>
<a href="projects.html" class="button secondary">프로젝트 먼저 보기</a>
</div>
</div>
</div>
</section>

<section id="contact" class="contact-band">
<div class="contact-layout">
<h2>협업 가능 범위와 연락처.</h2>
<div class="contact-list">
<a href="mailto:[email protected]">[email protected]</a>
<a href="https://github.com/hansunkyu">github.com/hansunkyu</a>
<span>www.hansunkyu.dev</span>
<span>Seoul · Remote Collaboration Available</span>
</div>
</div>
</section>
<section class="page-jump" aria-label="다른 페이지로 이동">
<div class="section-inner">
<div class="jump-header">
<h2>다른 페이지로 이동</h2>
<p>문의 전 프로젝트, 기술 스택, 작업 방식을 다시 확인할 수 있습니다.</p>
</div>
<div class="jump-grid">
<a href="index.html" class="jump-button">홈<span>요약 보기</span></a>
<a href="projects.html" class="jump-button">프로젝트<span>대표 작업 보기</span></a>
<a href="tech.html" class="jump-button">기술 스택<span>역량 분류</span></a>
<a href="process.html" class="jump-button">작업 방식<span>협업 흐름</span></a>
<a href="results.html" class="jump-button">성과<span>신뢰 지표</span></a>
<a href="contact.html" class="jump-button current">협업 문의<span>현재 페이지</span></a>
</div>
</div>
</section>
</main>

<footer class="footer">
한선규 · Contact
</footer>
</body>
</html>
139 changes: 139 additions & 0 deletions files-mentioned-by-the-user-resume1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>한선규 | 풀 스택 developer</title>
<link rel="stylesheet" href="site.css">
</head>
<body>
<header class="site-header">
<nav class="nav" aria-label="주요 메뉴">
<a class="brand" href="index.html">@HANSUNKYU.DEV</a>
<div class="nav-links">
<a href="projects.html">프로젝트</a>
<a href="tech.html">기술 스택</a>
<a href="process.html">작업 방식</a>
<a href="results.html">성과</a>
<a href="contact.html" class="nav-cta">협업 문의</a>
</div>
</nav>
</header>

<main>
<section class="hero" aria-label="한선규 소개">
<div class="hero-inner">
<div class="hero-visual" aria-hidden="true">
<img src="me.jpg" alt="" class="hero-photo">
<div class="metric-strip">
<div class="metric">
<strong>6+</strong>
<span>서비스 개발 경험</span>
</div>
<div class="metric">
<strong>40%</strong>
<span>응답 속도 개선</span>
</div>
<div class="metric">
<strong>99.9%</strong>
<span>운영 안정성 목표</span>
</div>
</div>
</div>
<div class="hero-copy">
<p class="eyebrow">Full Stack Developer</p>
<h1>한선규</h1>
<p class="hero-subtitle">아이디어를 안정적인 웹 서비스와 운영 가능한 제품으로 구현합니다.</p>
<p class="hero-desc">
프론트엔드, 백엔드, 데이터베이스, 배포 환경을 함께 이해하며 제품 요구사항을 실제 사용자 흐름에 맞는 기능으로 연결하는 풀 스택 developer입니다.
</p>
<div class="skill-flow" aria-label="주요 기술 스택">
<div class="skill-flow-track">
<span class="skill-pill">React</span>
<span class="skill-pill">Next.js</span>
<span class="skill-pill">Node.js</span>
<span class="skill-pill">REST API</span>
<span class="skill-pill">PostgreSQL</span>
<span class="skill-pill">AWS</span>
<span class="skill-pill">CI/CD</span>
<span class="skill-pill">Performance</span>
<span class="skill-pill">React</span>
<span class="skill-pill">Next.js</span>
<span class="skill-pill">Node.js</span>
<span class="skill-pill">REST API</span>
<span class="skill-pill">PostgreSQL</span>
<span class="skill-pill">AWS</span>
<span class="skill-pill">CI/CD</span>
<span class="skill-pill">Performance</span>
</div>
</div>
<div class="hero-actions">
<a href="contact.html" class="button primary">개발 협업 문의</a>
<a href="projects.html" class="button secondary">프로젝트 보기</a>
</div>
</div>
</div>
<div class="ticker" aria-hidden="true">
<div class="ticker-track">
<span>React / Next.js</span><span>Node.js API</span><span>Database Design</span><span>Cloud Deployment</span><span>Product Engineering</span>
<span>React / Next.js</span><span>Node.js API</span><span>Database Design</span><span>Cloud Deployment</span><span>Product Engineering</span>
</div>
</div>
</section>

<section class="section">
<div class="section-inner">
<p class="section-kicker">Explore</p>
<h2 class="section-title">필요한 정보만 빠르게 볼 수 있도록 페이지를 나눴습니다.</h2>
<div class="page-grid">
<a href="projects.html" class="page-card">
<span>01</span>
<h3>프로젝트</h3>
<p>문제, 해결 방식, 사용 기술, 결과를 프로젝트별로 확인합니다.</p>
</a>
<a href="tech.html" class="page-card">
<span>02</span>
<h3>기술 스택</h3>
<p>Frontend, Backend, Database, DevOps 역량을 분리해 봅니다.</p>
</a>
<a href="process.html" class="page-card">
<span>03</span>
<h3>작업 방식</h3>
<p>요구사항 정리부터 배포 이후 개선까지의 흐름입니다.</p>
</a>
<a href="results.html" class="page-card">
<span>04</span>
<h3>성과</h3>
<p>속도 개선, 운영 안정성, 협업 성과를 요약합니다.</p>
</a>
<a href="contact.html" class="page-card">
<span>05</span>
<h3>협업 문의</h3>
<p>MVP, 대시보드, API 서버 등 협업 범위를 정리합니다.</p>
</a>
</div>
</div>
</section>
<section class="page-jump" aria-label="다른 페이지로 이동">
<div class="section-inner">
<div class="jump-header">
<h2>다른 페이지로 이동</h2>
<p>원하는 정보를 별도 페이지에서 더 가볍게 확인할 수 있습니다.</p>
</div>
<div class="jump-grid">
<a href="index.html" class="jump-button current">홈<span>현재 페이지</span></a>
<a href="projects.html" class="jump-button">프로젝트<span>대표 작업 보기</span></a>
<a href="tech.html" class="jump-button">기술 스택<span>역량 분류</span></a>
<a href="process.html" class="jump-button">작업 방식<span>협업 흐름</span></a>
<a href="results.html" class="jump-button">성과<span>신뢰 지표</span></a>
<a href="contact.html" class="jump-button">협업 문의<span>연락처</span></a>
</div>
</div>
</section>
</main>

<footer class="footer">
한선규 · Full Stack Developer · Seoul
</footer>
</body>
</html>
Binary file added files-mentioned-by-the-user-resume1/me.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
102 changes: 102 additions & 0 deletions files-mentioned-by-the-user-resume1/process.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>작업 방식 | 한선규</title>
<link rel="stylesheet" href="site.css">
</head>
<body>
<header class="site-header">
<nav class="nav" aria-label="주요 메뉴">
<a class="brand" href="index.html">@HANSUNKYU.DEV</a>
<div class="nav-links">
<a href="projects.html">프로젝트</a>
<a href="tech.html">기술 스택</a>
<a href="process.html" aria-current="page">작업 방식</a>
<a href="results.html">성과</a>
<a href="contact.html" class="nav-cta">협업 문의</a>
</div>
</nav>
</header>

<main>
<section class="page-hero">
<div class="page-hero-inner">
<p class="eyebrow">How I Work</p>
<h1>요구사항을 구조화하고, 빠르게 만들고, 운영 가능한 상태까지 가져갑니다.</h1>
<p class="page-lead">개발 전후의 흐름까지 함께 정리해 팀이 예측 가능한 속도로 움직일 수 있게 합니다.</p>
</div>
</section>

<section class="section alt">
<div class="section-inner">
<div class="process-steps">
<article class="process-step">
<h3>요구사항 정리</h3>
<p>기획 의도, 사용자 흐름, 데이터 조건을 먼저 정리해 개발 범위와 우선순위를 명확히 합니다.</p>
</article>
<article class="process-step">
<h3>빠른 프로토타입</h3>
<p>핵심 화면과 API 흐름을 빠르게 구현해 팀이 실제 동작을 보고 의사결정할 수 있게 만듭니다.</p>
</article>
<article class="process-step">
<h3>API / DB 설계</h3>
<p>권한, 예외, 데이터 정합성을 고려해 프론트엔드와 백엔드가 안정적으로 연결되도록 설계합니다.</p>
</article>
<article class="process-step">
<h3>배포와 개선</h3>
<p>배포 후 성능, 오류, 사용자 피드백을 확인하고 필요한 개선을 반복합니다.</p>
</article>
</div>
</div>
</section>

<section class="section">
<div class="section-inner">
<p class="section-kicker">Collaboration Strength</p>
<h2 class="section-title">개발만 하는 사람이 아니라, 제품의 흐름을 함께 정리하는 개발자.</h2>
<div class="strength-layout">
<div class="quote-panel">
<p>기획자와 요구사항을 구조화하고, 디자이너와 구현 가능성을 조율하며, 운영팀이 실제로 쓸 수 있는 기능으로 완성합니다.</p>
</div>
<div class="strength-list">
<article class="strength-item">
<h3>비즈니스 언어를 개발 언어로 변환</h3>
<p>모호한 요청을 화면, 데이터, 예외 케이스로 나눠 개발 가능한 단위로 정리합니다.</p>
</article>
<article class="strength-item">
<h3>혼자 빠르게, 팀과는 투명하게</h3>
<p>작은 기능은 빠르게 완성하고, 큰 기능은 진행 상태와 리스크를 공유하며 함께 조율합니다.</p>
</article>
<article class="strength-item">
<h3>운영 이후까지 고려</h3>
<p>배포 후 로그, 성능, 오류 대응을 염두에 두고 유지보수 가능한 구조를 우선합니다.</p>
</article>
</div>
</div>
</div>
</section>
<section class="page-jump" aria-label="다른 페이지로 이동">
<div class="section-inner">
<div class="jump-header">
<h2>다른 페이지로 이동</h2>
<p>작업 방식을 확인했다면 프로젝트 사례나 협업 문의로 바로 이동할 수 있습니다.</p>
</div>
<div class="jump-grid">
<a href="index.html" class="jump-button">홈<span>요약 보기</span></a>
<a href="projects.html" class="jump-button">프로젝트<span>대표 작업 보기</span></a>
<a href="tech.html" class="jump-button">기술 스택<span>역량 분류</span></a>
<a href="process.html" class="jump-button current">작업 방식<span>현재 페이지</span></a>
<a href="results.html" class="jump-button">성과<span>신뢰 지표</span></a>
<a href="contact.html" class="jump-button">협업 문의<span>연락처</span></a>
</div>
</div>
</section>
</main>

<footer class="footer">
한선규 · Process
</footer>
</body>
</html>
Loading