Skip to content
View Jaek1783's full-sized avatar
Block or Report

Block or report Jaek1783

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Jaek1783/README.md

최재근(CHOI JAEKEUN)

🧑🏾‍💻 About Me

  • 컴퓨터활용능력 1급 보유
  • 국비지원 퍼블리셔 실무 양성과정 6개월 (2018.08 ~ 2019.01)
  • 개발스터디 (2022.03 ~ 2022.11 / 2023.03 ~)
  • 개발자 (오울소프트 23.09.18 ~ )
    • 포트원 결제
    • 구글 애널리틱스
    • 구글 클라우드 TTS

Introduction

  • 안녕하세요 신입 개발자 최재근 입니다.
  • 제 닉네임은 지렁이형입니다.
  • 지렁이라고 하면 '징그럽다, 무섭다, 불편하다'는 반응이 대부분입니다.
  • 하지만 지렁이는 사람에게 없어서는 안 될 가장 필요한 이로운 벌레입니다.
  • 가장 낮은 곳에서 다른 사람의 시선은 생각하지 않고 열심히 자신의 맡겨진 일을 행하는 벌레가 지렁이입니다.
  • 다른 사람의 시선보다 꿈을 향해 나아가는 개발자로 성장하고 싶어 지렁이형이라고 지었습니다.

Top Langs

Jaek1783's GitHub stats

Study Skills






1인 프로젝트 포트폴리오

Spotify 클론 및 추가 개발

제작기간

2023.10.04 - 2023.10.08

기술스택

Next.js / Tailwindcss / Supabase

주소

https://spotify-clone-zeta-ochre.vercel.app/

설명

  • Spotify 클론코딩을 이용한 웹개발 학습
  • Google , Github를 이용한 소셜 아이디 회원가입 및 로그인 구현 ( 사이트 보안주의 발생으로 현재 기능 삭제 )
  • Tailwindcss 사용
  • zustand 상태관리 라이브러리 사용
  • react-hook-form, react-hot-toast, react-icons 사용경험으로 빠르고 쉬운 UI 및 클린업 코드 사용
  • custom player 구현, 클론이 아닌, 직접 프로그래스바 제작
  • Supabase 사용으로 auth, DB 백엔드 풀스택 구현
  • typescript 사용으로 기존 스킬의 스킬 업

NetflixTVclone

제작기간

2023.09.10 ~ 2023.09.11

기술스택

Vue / Javascript / Tailwindcss

주소

https://jaek1783.github.io/netflixTVclone/

설명

  • youtube vue Netflix TVversion clone
  • vue를 이용한 기본적인 컴포넌트 활용, props, json데이터를 학습
  • 기능 없음
  • Slide 라이브러리와 Vue Icon 라이브러리를 이용한 기초학습

Airbnb 클론코딩

주소

기술스택

  • Tailwindcss / TypeScript / React / Next JS / Prisma / MongoDB / Vercel

설명

  • Airbnb 클론코딩을 이용한 웹개발 학습
  • Google , Github를 이용한 소셜 아이디 회원가입 및 로그인 구현 ( 사이트 보안주의 발생으로 현재 기능 삭제 )
  • Tailwindcss 학습 및 활용 가능
  • zustand 상태관리 라이브러리 사용경험
  • react-hook-form, react-hot-toast, react-icons 사용경험으로 빠르고 쉬운 UI 및 클린업 코드 학습
  • leaflet 학습으로 지도 API 활용
  • prisma, mongoDB,next-auth 사용으로 백엔드 풀스택 경험
  • typescript 사용으로 기존 스킬의 스킬 업

PizzaHut 디자인 카피 웹 사이트

주소

기술스택

  • HTML / CSS / TypeScript / React / Next JS / Vercel

설명

  • 피자헛 디자인 카피 웹사이트 제작
  • 로그인 기능과 장바구니 기능을 Udemy 강의로 학습하여 이를 프로젝트에 사용하기위해 제작
  • 피자헛의 메인페이지만 디자인 카피하였다

MarkDown Blog

주소

기술스택

  • React / Next JS / Vercel

설명

  • Node JS 기능 fs, path와 gray-matter 를 이용해, md 파일을 HTML로 변환, 마크다운으로 학습 블로그 제작

NEXT JS / TypeScript Blog

주소

기술스택

  • TypeScript / React / Next JS / Vercel

설명

  • 자기소개 및 개발스킬 소개 페이지, 개인 프로젝트 소개와 상세페이지 구현,
  • Contact 페이지 MongoDB와 연결, Vercel 배포

Expense 시각화 웹

주소

기술스택

  • React / Next JS / Vercel

설명

  • Udemy 강의내용의 사이드 프로젝트로 제작
  • 강의에서 제공하는 프로젝트내용을 숙지하기 위해 제작
  • 차후 개인 프로젝트로 사용하기 위해 현재 프로젝트 버전을 1.0으로 제작

React / To Do List

주소

기술스택

  • HTML / CSS / JavaScript / React / Redux / Firebase

설명

  • Input의 text타입으로 버킷리스트 목록을 추출, Redux가 가지고 있는 배열을 수정하여 목록을 렌더링
  • 프로그래스 바를 만들어 100% 중 완료된 %를 시각화
  • 서버리스 Firebase와 연동하여 데이터베이스연결

SaladBrother Web site

주소

기술스택

  • HTML / CSS / JavaScript / React / Redux / Firebase

설명

  • 평소 즐겨먹던 샐러드 웹사이트 이미지로 만든 서버리스 프로젝트

Janet Web site Copy

주소

기술스택

  • HTML / CSS / JavaScript / React

설명

  • 자격증 소개 사이트 자넷 메인페이지를 Copy한 프로젝트
  • 자동 무한루프와 버튼식 무한루프 슬라이드 컴포넌트 구현

Publishing Web site

기술스택

  • HTML / CSS / Javascript

주소

설명

  • 퍼블리셔 취업을 위해 만든 베이커리카페 디자인 카피 웹

🏢 Study Certificates

- 퍼블리싱

- 리액트

- 넥스트JS

- 구글 애널리틱스

Pinned

  1. airbnb-clone airbnb-clone Public

    TypeScript

  2. algorithm algorithm Public

    JavaScript

  3. spotify_clone spotify_clone Public

    TypeScript

  4. netflixTVclone netflixTVclone Public

    Vue