헤더

메인 비주얼 영역

PUBLISHER

PORTFOLIO

2024

LEE

MIN

HYUK

6 coding works

3 design works

자기 소개

ABOUT ME

협업을 통해 새로운 시너지를내고 싶은 이민혁입니다

협업을 위한 새로움을 즐깁니다.

ENJOY  NEW FIELD

새로운 기술에 대한 적극적 도전의식 함양

HTML, CSS, JS 이외의 웹 언어 학습

꾸준히 기록하면서 공부합니다.

STEADY STUDY

노션을 통해 학습한 것을 문서화 습관 함양

주 4회 이상 ES6 및 객체 지향 추가 학습

자기 인지를 통한 성장 지향

GROWTH  ORIENTED

꾸준한 회고와 질문을 통해 발전 위해 노력

트렌드 습득,자기계발 위해 개발자 모임에 참석

디자인, 코딩 작품

WORKS

※ 본 포트폴리오는 웹사이트 우선 반응형으로 제작되었습니다.

01 JEEP RENEWAL DESIGN PUBLISHING

#리디자인 #적응형 #HTML,CSS,JS #스와이퍼

More +
02 100 DAYS UI RANDOM GALLERY

#100일 #웹 이해력 #JS RANDOM #UI

More +
03 REACT SPACE MINI BLOG

#리액트 #블로그 #STATE #PROPS

More +
04 NEXTJS,MONGODB

#서버사이드렌더링 #리액트 #몽고DB #클라이언트컴포넌트

More +
05 OSSULLOC CLONE PUBLISHING

#반응형 프로젝트 #미디어쿼리 분기 #반응형 단위 #디바이스 별 이미지

More +
06 SEOUL CITY HALL CLONE PUBLISHING

#클론코딩 #시멘틱 마크업 #웹 접근성 #바닐라 자바스크립트

More +
01 PLEW UX/UI

#FIGMA #PHOTOSHOP #친환경 #미닝아웃 #힙하게

More +
02 SENILIGHT UX/UI

#FIGMA #PHOTOSHOP #UX #액티브 시니어 #취미 어플

More +
03 CREAFT BX

#FIGMA #PHOTOSHOP #BX #친환경 #골판지 가구

More +

포스터 외주 작업물

VARIATION: 메뉴판, 제품 홍보 포스터

외주 작업으로 진행한 포스터 모음입니다. 브랜드 컬러와 이미지 활용에 중점을 두어 작업을 진행했습니다. 각 평균 작업 기간은 2일입니다.

기타프로젝트1번돌시아
기타프로젝트2번온기
기타프로젝트2번온기2번째이미지

일러스트 작업 제품 활용 목업

VARIATION: 노트, 책, 차 세트, 텀블러

일러스트 작업물 제품 활용 목업들입니다. 각 일러스트 분위기에 맞게 제품을 선택하여 발전시키는 것에 중점을 두었습니다.

일러스트 작업물 시 1번 이미지
일러스트 작업물 시 2번 이미지
일러스트 작업물 시 3번 이미지
일러스트 작업물 시 4번 이미지
일러스트 작업물 시 5번 이미지

콤파로 UI 기획

VARIATION: 어플리케이션

기획자와 팀을 이뤄 작업하고 있는 프로젝트입니다. 큐레이션 어플리케이션의 사용성 향상과 직관적인 ui에 집중해서 제작했습니다.

기타프로젝트 ui 첫번째 프로젝트
기타프로젝트 ui 두번째 프로젝트
기타프로젝트 ui 세번째 프로젝트
상세 기술 설명

SKILLS

※ 섬네일 클릭 시 더 상세한 내용을 확인 할 수 있습니다

HTML, CSS, SCSS

시맨틱 마크업을 통한 디자인, flex, grid를 활용한 반응형 페이지

HTML, CSS DETAILS

  • - 다양한 시맨틱 태그들을 활용하여 검색엔진에 효율적인 HTML5 구조 작성
  • - CSS3에 대한 이해를 기반으로 transition, animation을 이용하여 특정 모양을 변형시켜 움직이거나
  • - 디자인과 개발, 둘의 연관성에 대한 깊은 이해를 바탕으로 꼼꼼하게 작업 가능
  • - pc, mobile, 반응형 웹이 디바이스의 종류, 사이즈, 브랜드 등에 구애받지 않고 기존의 디자인과 동일하게 구현
  • - 크로스 브라우징, 웹 접근성에 대한 이해를 바탕으로 한 마크업 작업
  • - SCSS mixin, include 등을 이용해 가독성이 좋은 css 제작 가능

REACT, NEXT.JS

컴포넌트화 관리, ajax, mongoDB 이용해 개체 및 데이터 관리

REACT DETAILS

  • - state 상태관리, props를 이용한 컴포넌트 간 속성 전달
  • - 리액트 동적 라우팅 활용, URL 파라미터를 이용한 상세페이지 제작
  • - ajax, fetch 등을 이용해 서버 통신 개념 이해
  • - 로컬 스토리지, react 쿼리 등을 이용해 브라우저 데이터 및 실시간 데이터 활용
  • - Redux 활용해 스토어 속성 및 개체 관리, 데이터 바인딩 및 함수 전달

FIGMA

컴포넌트 관리, 디자인 지시서 및 프로토 타입 제작

FIGMA DETAIL

  • - 벡터 네트워크 및 펜 도구를 활용한 정교한 디자인 제작
  • - 컴포넌트 시스템을 활용한 재사용 가능한 UI 요소 관리
  • - 프로토타이핑 기능을 이용해 인터랙티브한 사용자 경험 시뮬레이션
  • - 실시간 협업 기능을 통한 팀원 간의 원활한 디자인 작업 및 피드백
  • - 플러그인 및 위젯을 활용해 기능 확장 및 생산성 향상

JS,JQUERY

비동기 프로그램 이해, DOM 조작 및 이벤트 핸들링

JS, JQUERY DETAIL

  • - 변수, 함수, 객체를 이용한 동적 웹 애플리케이션 개발
  • - 이벤트 리스너를 활용한 사용자 상호작용 처리
  • - 비동기 처리 (Promise, async/await)를 통한 서버 통신 및 데이터 처리
  • - DOM 조작을 통한 HTML 요소의 동적 변경 및 조작
  • - ES6+ 문법 (화살표 함수, 템플릿 리터럴 등)을 이용한 코드 간결화 및 최적화
  • - 셀렉터 및 메서드를 이용한 DOM 요소 선택 및 조작 간소화
  • - Ajax 메서드를 활용한 비동기 서버 통신 처리
  • - 이벤트 핸들링을 통해 다양한 사용자 상호작용 구현

MONGO DB

DB 연결을 통한 데이터 입출력

간단한 로그인, 서버 시스템 이해

MONGODB DETAIL

  • - Document 기반 데이터 모델을 이용한 유연한 데이터 구조 설계
  • - CRUD 연산 (Create, Read, Update, Delete)을 통한 데이터 관리
  • - 인덱싱 및 복합 인덱스를 통한 쿼리 성능 최적화
  • - Aggregation 프레임워크를 이용한 복잡한 데이터 분석 및 처리
  • - 레플리카 셋 및 샤딩을 통한 데이터의 고가용성 및 확장성 확보

PHOTOSHOP, ILLUSTATOR

합성을 통한 상세 페이지 제작

간단한 일러스트 및 로고 작업

PHOTOSHOP, ILLUSTATOR DETAILS

  • - 레이어 및 마스크를 활용한 복잡한 이미지 편집 및 합성
  • - 필터 및 효과를 이용한 이미지 보정 및 특수 효과 적용
  • - 선택 도구 및 펜 툴을 사용한 정밀한 영역 선택 및 편집
  • - 벡터 그래픽 도구를 이용한 정교한 일러스트 및 로고 제작
  • - 패스파인더 및 쉐이프 빌더 도구를 사용한 복잡한 형태 및 디자인 제작

비전 및 목표

CORE MIND

조화롭고 함께 일하고 싶은 퍼블리셔.

끊임없이 발전하며 노력하는 사람이 되겠습니다.

STEADY

GROWTH

PERSPECTIVE

꾸준함

성장 지향

메모하는

JUST A MOMENT..

2024 PUBLISHER PORTFOLIO