Giter Club home page Giter Club logo

2022-portfolio's Introduction

Hi. I'm jiu. ๐Ÿ™Œ

์•ˆ๋…•ํ•˜์„ธ์š”. 2๋…„์ฐจ ์ฃผ๋‹ˆ์–ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๋ฐฐ์ง€์šฐ์ž…๋‹ˆ๋‹ค.
๋” ์ข‹์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ๊ณ ๋ฏผํ•˜๊ณ , ํ† ๋ก ํ•˜๋ฉฐ ์ดํ•ด ๋‹น์‚ฌ์ž๊ฐ„์˜ ํ™œ๋ฐœํ•œ ์˜๊ฒฌ ๊ต๋ฅ˜๋ฅผ ์ง€ํ–ฅํ•ฉ๋‹ˆ๋‹ค.
์ „๋ฌธ๊ฐ€๋กœ ์„ฑ์žฅํ•˜๊ธฐ ์œ„ํ•ด ํ•™๊ต๋ฅผ ๋ณ‘ํ–‰ํ•˜๋ฉฐ ๊พธ์ค€ํžˆ ํ•™์Šตํ•˜๋Š” ์Šต๊ด€์„ ๋“ค์ด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

Projects.

์ฃผ์‹ํšŒ์‚ฌ ๊ตฟ์ผ€์–ด

๊ตฟ์ผ€์–ด ์†”๋ฃจ์…˜ ํ”„๋กœ๊ทธ๋žจ(์‚ฌํšŒ์„œ๋น„์Šคver) -2021๋…„

์‚ฌ์šฉ ๊ธฐ์ˆ 

  • React,Redux,db์„ค๊ณ„,sql,restAPI,ant-design,post-css ์™ธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

์ž‘์—…

  • Front End ๋‹ด๋‹น์œผ๋กœ ๊ฐœ๋ฐœ์— ์ฐธ์—ฌํ–ˆ์Šต๋‹ˆ๋‹ค. React์™€ Git์„ ์ ๊ทน ๋„์ž…ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ํ™”๋ฉด ์„ค๊ณ„, ํด๋” ๊ตฌ์ถ• ์ดˆ๊ธฐ ์…‹์—…์„ ์ง„ํ–‰ํ•˜๊ณ  Redux, hooks, class๋ฅผ ์ด์šฉํ•œ ์ƒํƒœ, ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค.
  • router, slick, chEditor5, rnd, apex charts ๋“ฑ ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ฐ์ดํ„ฐ ๊ฒ€์ƒ‰, ํ•„ํ„ฐ๋ง, ํŽ˜์ด์ง€๋„ค๋น„๊ฒŒ์ด์…˜, ๋ฉ”๋‰ด, ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • 1:1๋ฌธ์˜, ๋งค๋‰ด์–ผ, ๋„์žฅ๊ด€๋ฆฌ(์ด๋ฏธ์ง€ ์—…๋กœ๋“œ), ํšŒ์›์ •๋ณด ์ˆ˜์ •/ํƒˆํ‡ด์— ํ•ด๋‹นํ•˜๋Š” db์„ค๊ณ„์™€ sql, rest API ๊ตฌํ˜„์„ ํ–ˆ์Šต๋‹ˆ๋‹ค.

์„ฑ๊ณผ

  • ๊ธฐ์กด php๋กœ ๊ฐœ๋ฐœํ•œ ํ”„๋กœ๊ทธ๋žจ๋ณด๋‹ค 4๋ฐฐ ๋น ๋ฅธ ๋ฐ˜์‘ ์†๋„์™€ ๊ฐ„๊ฒฐํ•˜๊ณ  ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ์˜ ๊ตฌ์กฐ๋กœ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ํŽ˜์ด์ง€ ์ด๋™์‹œ ๋ฒˆ์ฉ๊ฑฐ๋ฆฌ๋Š” ํ˜„์ƒ์„ ํ—ค๋”๋Š” ๊ณ ์ •๋œ ์ฑ„ ์ปจํ…์ธ  ์˜์—ญ๋งŒ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์ „ํ™˜๋˜๋„๋ก ๊ฐœ์„ ํ•ด ๋งŒ์กฑ๋„๋ฅผ ๋†’ํ˜”์Šต๋‹ˆ๋‹ค.
๊ตฟ์ผ€์–ด ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€ ๋ฆฌ๋‰ด์–ผ โ€”2020๋…„

์‚ฌ์šฉ ๊ธฐ์ˆ 

  • JavaScript, owl carousel, BEM

์ž‘์—…

  • ์›น์‚ฌ์ดํŠธ ๊ธฐํš ์ด๊ด„๋กœ ๊ธฐ์กด 4๊ฐœ์˜ ์‚ฌ์ดํŠธ๋ฅผ ํ†ตํ•ฉํ•ด ํ•˜๋‚˜์˜ ์‚ฌ์ดํŠธ๋กœ ๊ตฌ์ถ•ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ์‚ฌ์šฉ์ž์˜ ํ๋ฆ„์„ ๊ณ ๋ คํ•ด ์›น์‚ฌ์ดํŠธ์˜ ํ•˜๋‹จ์— ๋‹ค์Œ ํŽ˜์ด์ง€๋กœ ์ด๋™, ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด ์„œ๋ธŒ ๋ฉ”๋‰ด ๊ตฌ์กฐ๋กœ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค.
  • vanila JavaScript๋กœ slider, tap, nav, scroll event๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ํšŒ์˜์™€ ํ† ๋ก ์„ ํ†ตํ•ด ๋‹ค์–‘ํ•œ ์ดํ•ด๊ด€๊ณ„๋ฅผ ์ˆ˜๋ ด, ์˜๊ฒฌ์„ ์ทจํ•ฉํ•ด ๋ฐ˜์˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

์„ฑ๊ณผ

  • ์ฃผ์‹ํšŒ์‚ฌ ๊ตฟ์ผ€์–ด์˜ ์‚ฌ์—…์„ ์ทจํ•ฉํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ์‰ฝ๊ฒŒ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ฐฐ์น˜ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ์ •๋ฆฌ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ํ† ๋Œ€๋กœ ํŒŒํŠธ๋„ˆ์Šค์™€ ์ฐฝ์—…์œผ๋กœ ํ™œ๋ฐœํ•˜๊ฒŒ ์‚ฌ์—… ํ™•์žฅ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๋กœ์ผ“ํšŒ๊ณ„ ์›น์‚ฌ์ดํŠธ ์ œ์ž‘ โ€” 2020๋…„

์‚ฌ์šฉ ๊ธฐ์ˆ 

  • JavaScript, slick slider, BEM

์ž‘์—…

  • ์›น์‚ฌ์ดํŠธ ๊ธฐํš์— ์ฐธ์—ฌ, ์Šคํ† ๋ฆฌ๋ณด๋“œ, ๋””์ž์ธ, Front end ๋‹ด๋‹ด์œผ๋กœ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ๋žœ๋”ฉ ํŽ˜์ด์ง€์™€ ๋กœ๊ทธ์ธ ํ›„ ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด ์˜์—ญ, 4๊ฐœ์˜ ์ƒ์„ธ ํŽ˜์ด์ง€ ์ž‘์—…์„ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ชจ๋ฐ”์ผ ๋ฐฉ๋ฌธ ์‹œ ์•ฑ ํ˜•์‹์œผ๋กœ ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด๊ฐ€ ๋จผ์ € ๋…ธ์ถœ์ด ๋˜๊ณ , ๋ฉ”๋‰ด๋ฅผ ํด๋ฆญํ•˜๋ฉด ํŽ˜์ด์ง€ ์ด๋™๋˜๋„๋ก ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

์„ฑ๊ณผ

  • ์˜์—… ๋‹ด๋‹น์ž๋ฅผ ํ†ตํ•ด ์ง„ํ–‰๋˜๋˜ ๊ณ„์•ฝ์˜ ๋‹จ๊ณ„๋ฅผ ๋น„๋Œ€๋ฉด-์นดํ†ก ์ƒ๋‹ด์„ ํ†ตํ•ด ๊ณ„์•ฝ์ด ์ด๋ฃจ์–ด์กŒ์Šต๋‹ˆ๋‹ค.

Skills.

  • DB์„ค๊ณ„, REST API์ž‘์„ฑ
  • ์ž๋ฃŒ๊ตฌ์กฐ

Links.

Portfolio.
Blog.
Notion resume

Thank you ๐Ÿ’•

2022-portfolio's People

Contributors

baejiu avatar

Watchers

 avatar

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.