Computer Science Student

김하늘

작게 시작한 아이디어를 실제로 움직이는 서비스로 만드는 것을 좋아하는 학부생 개발자입니다.

관심 분야
웹 프론트엔드 · 인터랙션 · 데이터 시각화
현재 상태
대학교 2학년 · 개인 프로젝트 준비 중
목표
사용자가 편하게 쓰는 작은 제품 만들기

About

배우는 중이지만, 완성하는 습관을 키우고 있습니다.

아직 공개할 포트폴리오가 많지 않은 단계라면, 이 영역은 강의 과제, 동아리 활동, 개인 실험을 정리하는 공간으로 쓰기 좋습니다. 결과물만 나열하기보다 어떤 문제를 보고, 어떻게 개선했는지를 짧게 남기는 방식으로 구성했습니다.

예시 사이트에서는 이름, 소개, 프로젝트 내용을 임시로 넣어두었고 실제 정보가 생기면 텍스트만 교체하면 됩니다.

01

꾸준한 학습

자료구조, 웹 기초, UI 구현을 중심으로 매주 작은 결과물을 만듭니다.

02

사용자 관점

보기 좋은 화면보다 먼저, 헷갈리지 않고 흐름이 자연스러운 화면을 고민합니다.

03

기록과 개선

막힌 지점과 해결 과정을 남기고 다음 프로젝트에서 반복을 줄입니다.

Skills

지금 다루는 기술

숙련도는 예시입니다. 실제로는 수업, 과제, 프로젝트에서 사용한 경험을 기준으로 조정하면 좋습니다.

HTML / CSS 반응형 레이아웃, 접근성 기본
78%
JavaScript DOM 제어, 간단한 상태 관리
66%
React 컴포넌트 구조와 페이지 구성 학습 중
52%
Python 기초 알고리즘, 데이터 처리 실습
58%
UI Design Git Figma API Web Animation Data Viz Team Project Cloudflare Pages

Projects

프로젝트 예시 슬롯

실제 프로젝트가 없어도 이렇게 방향성 있는 예시 카드로 먼저 구조를 잡아둘 수 있습니다.

01

Web App Concept

캠퍼스 일정 보드

과제, 시험, 동아리 일정을 한 화면에서 정리하는 학생용 대시보드 예시입니다.

  • 월간 캘린더와 할 일 목록 구성
  • 마감 임박 항목 강조
  • 모바일 우선 레이아웃
02

Study Record

알고리즘 풀이 기록

문제 풀이 과정을 카테고리별로 정리하고, 자주 틀리는 유형을 확인하는 학습 기록 페이지입니다.

  • 난이도와 주제별 분류
  • 풀이 메모와 다시 풀기 체크
  • 학습 그래프 영역
03

API Practice

날씨 기반 루틴 추천

현재 날씨에 맞춰 산책, 공부, 휴식 루틴을 추천하는 작은 웹 서비스 예시입니다.

  • 공개 API 데이터 표시
  • 상태별 추천 문구 생성
  • 가벼운 인터랙션 적용
04

Prototype

3D 공간 메모 실험

가상 공간 안에서 메모와 이미지를 배치하는 인터랙션 실험 프로젝트 슬롯입니다.

  • 공간 기반 UI 아이디어
  • 마우스 드래그 상호작용
  • 프로토타입 화면 정리

Roadmap

앞으로 채워갈 기록

  1. 첫 개인 웹사이트 완성 포트폴리오 구조와 배포 흐름을 익히는 단계
  2. 작은 웹앱 2개 제작 API 사용, 반응형 UI, 기록 페이지 구현
  3. 팀 프로젝트 정리 역할, 문제 해결 과정, 결과 화면을 케이스 스터디로 작성