Coder Social home page Coder Social logo

reversal

์•ˆ๋…•ํ•˜์„ธ์š”. ์žฌ๋ฐŒ๊ฒŒ ์ผํ•˜๊ณ  ์‹ถ์€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๊น€์ง„ํ˜์ž…๋‹ˆ๋‹ค!

ย 

๐Ÿง‘๐Ÿฝโ€๐Ÿ”ง SKILLS

(์ƒ‰๊น”์ด ์ง„ํ• ์ˆ˜๋ก ๋” ์ž์‹  ์žˆ๋Š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค)
๐Ÿ’ฌ languages

javascript typescript

โš™๏ธ frameworks

React React-Naive Next.js

๐Ÿ‘จ๐Ÿฝโ€๐Ÿ’ป state management

Recoil React-Query

๐ŸŽจ styling

Tailwind sass styled-components Ant Design

๐ŸŽฅ animations

gsap three.js

๐Ÿข coworking tools

Notion ZenHub Slack Figma

๐Ÿ› ย ETC

Docker Vercel Firebase


๐Ÿšฉ PROJECTS

ํ”„๋กœ๊ทธ๋žจ ๊ธฐ๊ฐ„ ๋‚ด์šฉ
[ RidingMate ]
๋ฐ”์ดํฌ ์ค‘๊ณ ๊ฑฐ๋ž˜ ์›น ์‚ฌ์ดํŠธ
GitHub ๋ฐ”๋กœ๊ฐ€๊ธฐ		 2022.05.02 ~ 2022.08.15
  • ๋‚ด ๋ฐ”์ดํฌ ํ™•์ธ ๋ฐ ๋“ฑ๋ก ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ์ž‘์—…
  • ๋ฐ”์ดํฌ ๋“ฑ๋ก formData ๊ฐ€๊ณต ๋ฐ post
  • ๋ ˆํฌ์ง€ํ† ๋ฆฌ ์ปจ๋ฒค์…˜ ์ •๋ฆฌ
  • ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋” ์ œ์ž‘
  • ์ปค์Šคํ…€ select ์ปดํฌ๋„ŒํŠธ ์ œ์ž‘
  • axios ๋ฒ ์ด์Šค ์„ธํŒ… ๋ฐ react-query๋ฅผ ์ด์šฉํ•œ ์ปค์Šคํ…€ ํ›… ์ œ์ž‘
[ 1Hour ]
๊ธฐ์ˆ ๋ฉด์ ‘ ์ค€๋น„ ์›น ์‚ฌ์ดํŠธ
์„œ๋น„์Šค ๋ฐ”๋กœ๊ฐ€๊ธฐ		 2022.06.15 ~ ์ง„ํ–‰ ์ค‘
  • next.js๋ฅผ ์ด์šฉํ•œ ์ „์ฒด์ ์ธ ๋ ˆ์ด์•„์›ƒ ์ž‘์—…
  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ์ž‘์—…
  • ๋ฒ ์ด์Šค API ์„ค์ •
  • ๋ชฉ์—… ๋ฐ์ดํ„ฐ๋ฅผ ์ด์šฉํ•˜์—ฌ ์ž„์‹œ์ ์œผ๋กœ MVP ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ๊ธ€์“ฐ๊ธฐ ํŽ˜์ด์ง€ ์ž‘์—…
  • issue ๊ด€๋ฆฌ ๋งค๋‰ด์–ผ ์ œ์ž‘
  • tainwind CSS๋ฅผ ์ด์šฉํ•˜์—ฌ ๋‹คํฌ๋ชจ๋“œ ์ ์šฉ
[ ๋Ÿฌ๋„ˆํ”ผ์•„ ]
๋Ÿฌ๋‹ ๊ฒฝ๋กœ ์ถ”์ฒœ ๋ฐ ๊ณต์œ  ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜
GitHub ๋ฐ”๋กœ๊ฐ€๊ธฐ
1์ฐจ ์‹œ์—ฐ์˜์ƒ		 2022.07.04 ~ ์ง„ํ–‰ ์ค‘
  • expo๋ฅผ ์ด์šฉํ•œ react-native ํ”„๋กœ์ ํŠธ ์„ธํŒ…
  • ZenHub ์„ธํŒ… ๋ฐ ๊ด€๋ฆฌ
  • ์ „์ฒด์ ์ธ ์Šคํฌ๋ฆฐ ๊ฒฝ๋กœ ์„ธํŒ…
  • global css variables ์„ค์ •
  • ์ปค์Šคํ…€ ์ปดํฌ๋„ŒํŠธ ๋ฐ ํ›… ์ œ์ž‘(Font, BottomModal, TagSelectSection, useCountTag() ๋“ฑ๋“ฑ)
  • ์˜จ๋ณด๋”ฉ, ๋ฉ”์ธ, ๊ฒฝ๋กœ๋“ฑ๋ก, ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€ ๋‹ด๋‹น
  • recoil์„ ์ด์šฉํ•œ ์ƒํƒœ๊ด€๋ฆฌ ์„ธํŒ…
  • API ์—ฐ๊ฒฐ

JINHYEOK KIM's Projects

es_capstone icon es_capstone

์—”ํ„ฐํ…Œ์ธ๋จผํŠธ์†Œํ”„ํŠธ์›จ์–ด์œตํ•ฉ์ „๊ณต ์บก์Šคํ†ค ํ”„๋กœ์ ํŠธ, ๋ฏธ๋””์–ด์•„ํŠธ ์ „์‹œํšŒ ์„ค๋ช…์„ ์œ„ํ•œ ๋ฐ˜์‘ํ˜• ์›นํŽ˜์ด์ง€

mediaart-project icon mediaart-project

4ํ•™๋…„ 2ํ•™๊ธฐ ์—”ํ„ฐํ…Œ์ธ๋จผํŠธ ์†Œํ”„ํŠธ์›จ์–ด ์œตํ•ฉ์ „๊ณต ์บก์Šคํ†ค ํ”„๋กœ์ ํŠธ ๋•Œ TouchDesigner๋ฅผ ์ด์šฉํ•˜์—ฌ ๋งŒ๋“  ๋ฏธ๋””์–ด์•„ํŠธ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

react-query-ts-riotapi icon react-query-ts-riotapi

typescript๋กœ ์ž‘์„ฑํ•˜๊ณ  react-query๋ฅผ ์ด์šฉํ•œ riot api search example

recoil-musiclist icon recoil-musiclist

Recoil์„ ํ™œ์šฉํ•œ musiclist ์˜ˆ์ œ ๊ตฌํ˜„

solar_system_react_three_fiber icon solar_system_react_three_fiber

three.js์˜ SceneGraph ๊ฐœ๋… ์„ค๋ช… ์˜ˆ์ œ์ธ solar system์„ react-three-fiber ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธํ™”

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.