김도현 Portfolio

Profile
김도현

Web Developer

Last updated: 2023.12.21

About Me

개발을 즐기는 개발자, 김도현 입니다.

Introduction

  • 안녕하세요! 2년차 웹 개발자 김도현입니다.
  • 좋은 개발자는 강한 오너십으로 비즈니스 가치를 창출하는 개발자라고 생각합니다.
  • 좋은 결과물을 위해 다양한 직무의 사람들과 적극적으로 커뮤니케이션을 하며 협업해 왔습니다.
  • 사용자의 입장에서 생각하며, 사용자가 편리한 서비스를 만들기 위해 노력합니다.
  • 현재 IT 기업에서 B2B를 위한 웹 서비스를 개발하고 있습니다.

Contact

Birthday1997.10.01
Visit us경기도 성남시 수정구
Email usehgus37625@naver.com
Channel

Skills

  • HTML

    1. 시멘틱 요소
    2. 웹 접근성
    • 적절한 시멘틱 요소를 사용하여 마크업합니다.
    • 웹 접근성을 고려하여 구현합니다.

  • CSS

    1. 레이아웃
    2. BEM
    3. 반응형 웹
    • 레이아웃을 효율적으로 구성하기 위해 Flexbox와 Grid를 사용합니다.
    • BEM 방법론을 사용하여 CSS 클래스를 작성합니다.
    • 다양한 화면 크기와 디바이스에 대응하기 위해 반응형 웹을 구현합니다.

  • Styling

    1. Sass
    2. PostCSS
    3. Tailwind CSS
    • Sass를 사용하여 스타일을 효율적으로 관리합니다.
    • 브라우저 호환성을 고려하여 PostCSS를 사용합니다.
    • Tailwind CSS를 사용하여 빠르게 스타일을 작성합니다.

  • JavaScript

    1. ES6+
    2. 비동기 처리
    • ES6 표준을 활용하여 코드를 작성합니다.
    • 비동기 처리를 위해 Promise와 async/await를 사용합니다.

  • TypeScript

    1. 타입 시스템
    2. 인터페이스
    3. 제네릭
    • 코드에 타입을 도입하여 런타임 오류를 방지하고 코드의 안정성을 높입니다.
    • 인터페이스를 사용하여 타입 확장과 재사용성을 강화합니다.
    • 제네릭과 타입 추론을 활용하여 코드의 재사용성을 높입니다.

  • React

    1. 함수형 컴포넌트
    2. Hooks
    3. Next.js
    4. Context API
    5. Recoil
    6. React-Query
    7. Concurrent UI
    8. framer-motion
    • 함수형 컴포넌트 기반으로 컴포넌트를 작성합니다.
    • Hooks을 사용하여 재사용 가능한 로직을 구현합니다.
    • Context API와 Recoil을 사용하여 컴포넌트 상태를 관리합니다.
    • Concurrent UI 패턴을 사용하여 비동기 컴포넌트를 구현합니다.
    • 오픈소스 없이도 필요한 UI/JS 컴포넌트를 구현합니다.

  • Node.js

    1. pnpm
    2. ESLint
    3. vite
    4. astro
    • pnpm을 사용하여 효율적으로 패키지를 관리합니다.
    • ESLint를 사용하여 코드 규칙을 정의합니다.
    • vite, astro 기반의 프로젝트를 구성합니다.

  • Knowledge

    1. Figma
    2. JAVA
    3. J2EE
    4. Spring Boot
    5. SQL
    6. Git
    7. Notion
    8. Markdown
    9. Linux
    10. Docker

    Experience

    (주)이노룰스

    기술연구소 제품기술팀

    2022.03 ~ 현재

    Description

    • 신규 솔루션 웹 애플리케이션 프론트엔드 개발
    • 백오피스 웹 프론트엔드 신규 기능 개발
    • 기존 솔루션 기술지원

    Projects

    • InnoManager

      사내 솔루션을 리포팅 및 상태를 시각화하여 제공하는 대시보드형 신규 웹 솔루션 개발

      • Period
        2023.03 ~ 2023.12
      • Tech Stack

        • 프레임워크 : astro

        • 코어 : TypeScript, React

        • 상태 관리 : React-Query, Context API, Recoil

        • 스타일링 : Sass, Tailwind CSS, CSS Module

        • 시각화 : ECharts

      • What did I do
        • 사내 솔루션 및 다양한 모니터링 솔루션을 분석하여 기획, 설계, 개발 등 다방면의 역할 수행
        • Figma 디자인 시안에 맞춰 모든 Component를 직접 구현
        • React-Query, Concurrent UI 패턴으로 우선순위에 따른 처리로 비동기 컴포넌트 관리
        • Context API, Recoil을 사용하여 컴포넌트 상태 관리
        • ECharts 라이브러리를 이용해 실시간 데이터를 시각화하여 대시보드 구현
        • 비즈니스 요구사항을 고려하여 IoC 패턴을 적용한 컴포넌트 설계

    • 설정관리 UI

      사내 솔루션의 제품 설정 신규 웹 솔루션 개발

      • Period
        2022.05 ~ 2023.01
      • Tech Stack

        • 프레임워크 : Next.js

        • 코어 : TypeScript, React

        • 상태 관리 : swr, jotai

        • 스타일링 : Sass, CSS Module

      • What did I do
        • 사내 솔루션 제품 설정 방법을 분석하여 화면 설계
        • React 기반 컴포넌트 계층 구성 및 UI 구현
        • StoryBook 기반의 컴포넌트 개발
        • SWR, Jotai를 사용하여 상태 관리

    Education

    • 자바기반 AWS 활용 Full-Stack

      쌍용교육센터

      2021. 07 ~ 2022.01
      • 자바에 대해 기본부터 심화과정까지 학습하여 웹을 직접 구현해보는 교육과정
      • 팀별 웹앱 개발 프로젝트를 진행하여 협업 경험
      • B/E : Spring Boot, Mybatis, MySQL
      • F/E : JSP, JQuery, JavaScript

    • 신구대학교 정보통신과

      신구대학교

      2017. 03 ~ 2019.02
      • 네트워크 TCP/UDP, OSI 7Layer, Network Protocol에 대한 이해
      • Java 기반의 FullStack 교육으로, JDBC, Swing을 이용한 프로젝트 구현

    Blog

    최근 포스트