김남규의 포트폴리오

    프로필이미지

    성장을 즐기는 프론트엔드 개발자

    사용자 경험에 가치를 더하는 UI를 만들고, 소통과 학습으로 성장합니다.

    "아이디어를 현실로 만드는 도구들입니다."

    Frontend jsimg reactimg html5img css3img jqueryimg Bootstrapimg thymeleafimg
    Version Control githubimg gitimg sourceTree
    Backend javaimg springboot springframework restapi
    Design & Collaboration figma photoshop nostion postman
    Database mysql oracle supabase

    서당개 3년이면 풍월을 읊는다는 신념으로 매일 꾸준히 공부하고있습니다.

    rlaskarb's Github chart
    desktopimg
    7-ELEVEn
    (Web Projec - PC)
    제작스킬
    색상/폰트
    제작인원
    제작기간
    7-ELEVEn
    (Web Projec - Mobile)
    제작스킬
    색상/폰트
    제작인원
    제작기간
    mobileQR
    desktopimg
    KPop Demon Hunter
    (Responsive Project)
    제작스킬
    색상/폰트
    제작인원
    제작기간
    mediaQR
    • tapimg
    • phoneimg
    • 세븐일레븐로고이미지

      웹사이트를 PC 와 Mobile 버전 두 프로젝트로 만들면서 아쉬웠던 점이나 특별히 느낀 점이 있나요?

    • namimg

      네, 두 버전을 만들면서 UI의 일관성과 가독성 이 얼마나 중요한지 깊이 깨달았습니다. 처음에는 기능 구현에 집중하다 보니 정보 전달력이 떨어지는 시행착오를 겪기도 했지만, 덕분에 사용자 관점에서 UX를 개선하는 데 많은 시간을 투자하며 배우는 계기가 되었습니다. 특히 BaaS(Supabase)를 연동하며 실제 서비스 구현에 대한 자신감을 얻은 것이 큰 성과였습니다.

    • 셀린이미지

      케이팝 데몬 헌터스는 컨셉이 독특한데, 어떤 점에 중점을 두고 기획하셨나요?

    • namimg

      케이팝 데몬 헌터스'는 반응형 구현과 더불어 성능 최적화에 가장 큰 중점을 두었습니다. 실무 트렌드에 맞춰 jQuery 없이
      순수 JavaScript로만 도전했는데, 144개가 넘는 이미지와 비디오 때문에 초기엔 속도가 정말 느렸습니다.
      이부분을 이미지파일을 AVIF로 변환하고 Intersection Observer API를 활용하는 등 적극적인 최적화를 통해
      Lighthouse 98점을 달성했을 때 정말 뿌듯했습니다! 덕분에 JavaScript와 훨씬 더 가까워진 기분입니다.

    • mandooimg

      풀스택 과정과 퍼블리셔 과정을 모두 경험하셨는데, 두 과정을 통해 가장 크게 배운 점은 무엇인가요?

    • namimg

      14개월동안 스스로에게 당당할 수 있도록 열심히 공부하며 많은 것을 느꼈습니다. 풀스택 과정에서는 기능 구현 중심의 협업과 데이터의 흐름을 배웠고, 퍼블리셔 과정에서는 사용자 관점에서의 UI/UX 중요성을 깊이 깨달았습니다. 덕분에 개발자와 디자이너간 서로 다른 시각을 가질 수 있는 걸 알게 되었고, 이게 앞으로 협업하는 데 정말 큰 도움이 될 거라고 확신합니다!
      이 경험을 바탕으로, 수료 후 React를 프로젝트를 계획하고 있습니다. 그전에 좋은 기회가 주어진다면, 지금까지 배운 모든 것을 팀에 기여하며 함께 성장하는 개발자가 되고 싶습니다!