GithubHelp home page GithubHelp logo

โœจ README โœจ

๊น€ํƒœ์›.json ๐Ÿ˜„

{
  "email": "[email protected]",
  "name": "Taewon Kim",
  "alias": "Dan Kim",
  "birth": "1995-02-13",
  "job": "Frontend Developer",
  "who-am-i": [
    "Hi, there ๐Ÿ‘‹ ",
    "I am a frontend developer",
    "who likes to talk about **why not** and **so what**"
  ],
  "skill":{
   "react": "โญ๏ธโญ๏ธโญ๏ธโญ๏ธ",
   "javascript": "โญ๏ธโญ๏ธโญ๏ธโญ๏ธ",
   "typescript": "โญ๏ธโญ๏ธโญ๏ธ",
   "html": "โญ๏ธโญ๏ธโญ๏ธโญ๏ธ",
   "css": "โญ๏ธโญ๏ธโญ๏ธ",
   "git": "โญ๏ธโญ๏ธโญ๏ธโญ๏ธ",
   "python": "โญ๏ธโญ๏ธ",
  }
}

Skill ๊ธฐ์ค€

  • ๋ณ„ 5๊ฐœ: ์ตœ์‹  ๊ธฐ์ˆ ์— ์ˆ™๋‹ฌํ•˜๋ฉฐ ๊ตฌ๊ธ€๋ง์ด ํ•„์š”์—†๋Š” ๋‹จ๊ณ„
  • ๋ณ„ 4๊ฐœ: ๋‚ด๊ฐ€ ์“ฐ๋Š” ๊ธฐ์ˆ ์ด ๋ฌด์—‡์ธ์ง€ ์ •ํ™•ํžˆ ์ธ์ง€ํ•˜๋Š” ๋‹จ๊ณ„
  • ๋ณ„ 3๊ฐœ: ์–ด๋–ค ๊ธฐ์ˆ ์„ ์จ์•ผํ• ์ง€ ์•Œ์ง€๋งŒ ์ˆ™๋‹ฌ๋˜์ง€ ๋ชปํ•œ ๋‹จ๊ณ„
  • ๋ณ„ 2๊ฐœ: ์ด ์Šคํ‚ฌ์—๋Š” ์–ด๋–ค ๊ธฐ์ˆ ์ด ์žˆ๋Š”์ง€ ์กด์žฌ๋งŒ ์•„๋Š” ๋‹จ๊ณ„
  • ๋ณ„ 1๊ฐœ: ์•„๋Š” ์ฒ™๋„ ํ•  ์ˆ˜ ์—†๋Š” ์•„์žฅ์•„์žฅ ๋‹จ๊ณ„

Projects ๐Ÿ”ญ

TooNBTI ๐Ÿฅ‰

๋‚˜์˜ ์—ญํ• 

  • graphql์„ ๋ฐฑ์—”๋“œ์™€ ํ”„๋ก ํŠธ์—”๋“œ์— ๋„์ž… ๋ฐ graphql-codegen์„ ํ™œ์šฉํ•˜์—ฌ ์„ค์ •
  • Intersection Observer๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋ฌดํ•œ ์Šคํฌ๋กค ๊ธฐ๋Šฅ์„ ์›นํˆฐ ๋ชฉ๋ก ํŽ˜์ด์ง€์— ์ ์šฉ
  • ์ทจํ–ฅ ํ…Œ์ŠคํŠธ ํŽ˜์ด์ง€์—์„œ ์—ฐ๊ด€ ์›นํˆฐ ์•„์ดํ…œ์„ ๋ถˆ๋Ÿฌ์˜ฌ๋•Œ, ์ค‘๋ณต๋œ ์›นํˆฐ์„ Map ์ž๋ฃŒํ˜•์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฑฐ๋ฅด๊ธฐ
  • TypeScript๋ฅผ ํ”„๋ก ํŠธ์—”๋“œ์— ์ ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ๋ณ„ propstype ๋ฐ graphql API์—์„œ ๋น ๋ฅธ ๋””๋ฒ„๊น…๊ณผ ํ˜‘์—…์— ์•ˆ์ •์„ฑ์„ ์ถ”๊ตฌ
  • Github flow๋ฅผ ๋„์ž…ํ•˜์—ฌ ํŒ€ ํ”„๋กœ์ ํŠธ ์ฝ”๋“œ๊ด€๋ฆฌ๋ฅผ ๋„๋งก์•„ ์ง„ํ–‰
๋”๋ณด๊ธฐ
  • ์†Œ๊ฐœ
    • ์ทจํ–ฅ์— ๋งž๋Š” ์›นํˆฐ ์ถ”์ฒœ ์„œ๋น„์Šค
    • ์œ ํ˜• ๊ฒ€์‚ฌ๋ฅผ ํ†ตํ•ด ์›นํˆฐ ์†์˜ ๋‚˜๋ฅผ ์ฐพ๊ณ , ์›นํˆฐ ๋…์ž ์œ ํ˜• ๊ฒ€์‚ฌ๋ฅผ ํ†ตํ•ด ์ฃผ์ธ๊ณต์ธ ๋‚˜๋ฅผ ๋ฐœ๊ฒฌํ•˜์ž!
    • ๋ฐฑ์—”๋“œ 3๋ช… + ํ”„๋ก ํŠธ์—”๋“œ 3๋ช…
    • 2023/2/20 ~ 2023/4/7 (6์ฃผ) ๊ฐœ๋ฐœ
  • ์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜ architecture
  • ์‹œ์—ฐ ํ™”๋ฉด
    • ์›นํˆฐ ์ทจํ–ฅ ๋ถ„์„ ํ…Œ์ŠคํŠธ - ์ž‘ํ’ˆ ์„ ํƒ ๋ฐ ์ถ”๊ฐ€
    • ์›นํˆฐ ์ทจํ–ฅ ๋ถ„์„ ํ…Œ์ŠคํŠธ - ๊ฒ€์ƒ‰์„ ํ†ตํ•œ ์„ ํƒ
    • ์›นํˆฐ ์ทจํ–ฅ ๋ถ„์„ ํ…Œ์ŠคํŠธ - ๋ฌดํ•œ ์Šคํฌ๋กค ๊ธฐ๋Šฅ
    • ์ทจํ–ฅ ๋ถ„์„ ๊ฒฐ๊ณผ ํŽ˜์ด์ง€
  • ํ”„๋กœ์ ํŠธ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ

66 days

๋‚˜์˜ ์—ญํ• 

  • Intersection Observer๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋ฌดํ•œ ์Šคํฌ๋กค ๊ธฐ๋Šฅ์„ ๊ทธ๋ฃน ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€์— ์ ์šฉ
  • Github flow๋ฅผ ๋„์ž…ํ•˜์—ฌ ํŒ€ ํ”„๋กœ์ ํŠธ ์ฝ”๋“œ๊ด€๋ฆฌ
  • ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ ํ๋ฆ„๋„ & ํŒ€ ๊ฐ„ ์†Œํ†ต์„ ์œ„ํ•œ Notion ๋ฌธ์„œํ™”
  • ๊ทธ๋ฃน ์†Œ๊ฐœ ํŽ˜์ด์ง€๋ฅผ ํผ๋ธ”๋ฆฌ์‹ฑ
  • ์นด์นด์˜ค ์†Œ์…œ ๋กœ๊ทธ์ธ ๋‹ด๋‹น
  • ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋“ค์˜ ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ์ง„ํ–‰
๋”๋ณด๊ธฐ
  • ์†Œ๊ฐœ
    • ๊ฐœ๋ฐœ์ž๋กœ์„œ ๊ฐ€์ ธ์•ผํ•  ์Šต๊ด€ ์„ธ์šฐ๊ธฐ ์„œ๋น„์Šค
    • ์Šต๊ด€์ด ์ƒ์„ฑ ๋˜๊ธฐ ์œ„ํ•ด์„œ ํ‰๊ท  66์ผ์ด๋ผ๋Š” ์‹œ๊ฐ„์ด ์†Œ์š”๋œ๋‹ค. ํ›Œ๋ฅญํ•œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด 66 days ๋™์•ˆ ๋ฐ”๋ฅธ ์Šต๊ด€์„ ๋งŒ๋“ค์–ด ๋ณด์ž.
    • ๋ฐฑ์—”๋“œ 3๋ช… + ํ”„๋ก ํŠธ์—”๋“œ 3๋ช…
    • 2023/4/10 ~ 2023/5/19 (6์ฃผ) ๊ฐœ๋ฐœ
  • ์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜ architecture
  • ์‹œ์—ฐ ํ™”๋ฉด
    • ๋ฉ”์ธ ํ™”๋ฉด
    • ๊ทธ๋ฃน ๊ฒ€์ƒ‰ ํ™”๋ฉด
    • ๊ทธ๋ฃน ์†Œ๊ฐœ ํ™”๋ฉด
    • ๊ทธ๋ฃน ์Šต๊ด€ ํ™”๋ฉด
  • ํ”„๋กœ์ ํŠธ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ

Auctopus

๋‚˜์˜ ์—ญํ• 

  • Web Socket์„ ํ™œ์šฉํ•˜์—ฌ ์ฑ„ํŒ… ๊ตฌํ˜„
  • ์นด์นด์˜ค ๊ณ„์ •์„ ํ™œ์šฉํ•˜์—ฌ ์†Œ์…œ ๋กœ๊ทธ์ธ ๊ตฌํ˜„
  • TypeScript๋ฅผ ํ”„๋กœ์ ํŠธ์— ์ ๊ทน ๋„์ž…ํ•˜๊ธธ ์ถ”์ฒœํ–ˆ๊ณ  ํŒ€์›๋“ค๊ณผ ์Šคํ„ฐ๋”” ์ฃผ๋„
  • Git์œผ๋กœ ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ ๋‹ด๋‹น
๋”๋ณด๊ธฐ
  • ์†Œ๊ฐœ
    • ๊ฒฝ์ œ์ ์ด๊ณ  ๋งค๋ ฅ์ ์ธ ์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ!
    • ํ™”์ƒ ๊ธฐ์ˆ ์„ ํ†ตํ•ด ์›๊ฑฐ๋ฆฌ์—์„œ ์ค‘๊ณ  ์ƒํ’ˆ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ํŒ๋งค์ž๋Š” ์ˆ˜์š”์— ๋งž๋Š” ๊ฐ€๊ฒฉ์„ ์ œ์‹œ๋ฐ›๊ณ , ๊ตฌ๋งค์ž๋Š” ๊ฐ€๊ฒฉ์— ๋งž๋Š” ์ƒํ’ˆ์„ ๊ตฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ๋ฐฑ์—”๋“œ 3๋ช… + ํ”„๋ก ํŠธ์—”๋“œ 3๋ช…
    • 2023/1/9 ~ 2023/2/17 (6์ฃผ) ๊ฐœ๋ฐœ
  • ์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜ architecture
  • ์™€์ด์–ดํ”„๋ ˆ์ž„
    • ๋กœ๊ทธ์ธ
    • ๊ฑฐ๋ž˜ ๋ชฉ๋ก ํ™”๋ฉด
    • ์ƒํ’ˆ ์ƒ์„ธ ํ™”๋ฉด
    • ์ฑ„ํŒ…
  • ํ”„๋กœ์ ํŠธ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ

dankim0213's Projects

miro-clone icon miro-clone

This is a Miro clone, built with Next.js, shadcn/ui, convex, and liveblocks, following the tutorial by Code with Antonio.

nextlms icon nextlms

Code With Antonio - Build an LMS Platform: Next.js 13, React, Stripe, Mux, Prisma, Tailwind, MySQL | https://youtu.be/Big_aFLmekI?si=vv-QnJ3A36wfhZva

pattern-in-js icon pattern-in-js

This is a clone repo, referred to https://github.com/fbeline/design-patterns-JS

todo-react icon todo-react

Sample todo app built with the React/ReactDOM framework.

trylingo icon trylingo

๐ŸŒ๐Ÿ’ฌ Code along Duolingo clone with Antonio and a Twist! ๐Ÿ”ฅ๐Ÿง™๐Ÿฝโ€โ™€๏ธ

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.