Mini Project 1

나만의 웹사이트 만들기
그 첫 번째 여정

기획부터 배포까지, HTML/CSS/JS를 활용해 나만의 인트로 페이지를 완성해보세요.
아래 단계별 가이드를 따라가면 멋진 결과물이 기다리고 있습니다.

Step by Step

이번 프로젝트의 목표와 핵심 요구사항을 확인하세요. 무엇을 만들어야 하는지 명확히 이해하는 것이 성공의 시작입니다.

어떤 사이트를 만들까요? 주제 선정부터 레이아웃 스케치까지, 여러분의 아이디어를 구체화하는 방법을 알아봅니다.

와이어프레임과 순서도를 통해 프로젝트의 레이아웃과 흐름을 시각화합니다. 개발 전 청사진을 그려보세요.

나의 역량을 증명하는 포트폴리오.
단순한 결과물을 넘어 나를 어필하는 매력적인 문서 작성법을 확인하세요.

Server Config

VS Code 환경에서 원격 서버에 안전하게 접속하는 방법을 안내합니다.
SSH 키 생성부터 config 설정까지 한 번에 해결하세요.

기능 구현에 필요한 핵심 UI/UX 패턴 코드를 참고하세요.

/project/mini1/sample/

원페이지 사이트의 필수 요소, 부드러운 스크롤 이동 효과입니다.

정보를 구조화하여 보여주는 효율적인 탭 메뉴 기능입니다.

사용자의 주목을 끄는 팝업창(모달) 구현 예제입니다.