28 lines
1.9 KiB
HTML
28 lines
1.9 KiB
HTML
<section id="code" data-transition="fade" style="background:#F4F8FD;color:#10243F;font-family:'Noto Sans KR', sans-serif;padding:128px;display:flex;gap:80px;align-items:center">
|
|
<div style="width:440px;display:flex;flex-direction:column;gap:32px">
|
|
<p style="font-family:'JetBrains Mono', monospace;font-size:26px;color:#1565C0;font-weight:600">코드 보기</p>
|
|
<h2 style="font-size:56px;font-weight:700;line-height:1.2">함수 단위<br>빠른 탐색</h2>
|
|
<ul style="font-size:26px;line-height:1.6;color:#3E5068;display:flex;flex-direction:column;gap:10px">
|
|
<li>Visual Studio 기본 색상 기준 C# · C++ 강조</li>
|
|
<li>.h 선언 / .cpp 구현 탭 전환</li>
|
|
<li>목차에서 함수 선택 후 이동</li>
|
|
<li>폴더 구조 · 클래스 · 함수 옆 창 표시</li>
|
|
</ul>
|
|
</div>
|
|
<div style="display:flex;gap:32px">
|
|
<div style="display:flex;flex-direction:column;gap:12px;align-items:center">
|
|
<img src="/_blob/36e901e0ae3129fb5576b8ebdb0b1b2c" alt="코드 화면" style="width:360px;height:760px;object-fit:contain;border-radius:24px;border:2px solid #C9DCF2">
|
|
<p style="font-size:24px;color:#3E5068">코드 · 선언/구현 탭</p>
|
|
</div>
|
|
<div style="display:flex;flex-direction:column;gap:12px;align-items:center">
|
|
<img src="/_blob/e474acfca2d99125d40ac0edb31a50ed" alt="목차" style="width:360px;height:760px;object-fit:contain;border-radius:24px;border:2px solid #C9DCF2">
|
|
<p style="font-size:24px;color:#3E5068">목차</p>
|
|
</div>
|
|
<div style="display:flex;flex-direction:column;gap:12px;align-items:center">
|
|
<img src="/_blob/48ba2939bf36bad0d28163717701ff65" alt="옆 창" style="width:360px;height:760px;object-fit:contain;border-radius:24px;border:2px solid #C9DCF2">
|
|
<p style="font-size:24px;color:#3E5068">폴더 · 클래스 옆 창</p>
|
|
</div>
|
|
</div>
|
|
<aside>파일 전체 열람보다 함수 탐색 위주 설계. 하단 도구 막대: 검색, 목차, 줄바꿈, 글자 크기, 복사, 탭 저장, 비교.</aside>
|
|
</section>
|