Code Monkey home page Code Monkey logo

post-it's Introduction

๐Ÿ“’ post-it

๐Ÿ”ง ๊ธฐ๋Šฅ ๋ช…์„ธ

  • ๋ธŒ๋ผ์šฐ์ € ์ƒ์—์„œ ๋™์ž‘
  • ์ขŒ์ธก ๋ณด๋“œ ๋ชฉ๋ก, ์šฐ์ธก ๋ณด๋“œ
  • ๋ณด๋“œ ๋ชฉ๋ก ์ตœํ•˜๋‹จ์˜ [+] ๋ฒ„ํŠผ์œผ๋กœ ์ƒˆ๋กœ์šด ๋ณด๋“œ ์ƒ์„ฑ
  • ๋ณด๋“œ์˜ ์ƒ๋‹จ์—๋Š” ๋ณด๋“œ๋ช…, ํด๋ฆญํ•˜์—ฌ ์ˆ˜์ •
  • ๋ณด๋“œ๋ฅผ ๋”๋ธ”ํด๋ฆญํ•˜๋ฉด, ๋นˆ ํฌ์ŠคํŠธ์ž‡(์ œ๋ชฉ, ๋ณธ๋ฌธ)
  • โš ๏ธ ํฌ์ŠคํŠธ์ž‡ ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋ž
  • โš ๏ธ ํฌ์ŠคํŠธ์ž‡ ํฌ๊ธฐ ์กฐ์ ˆ
  • ํฌ์ŠคํŠธ์ž‡ ์ œ๋ชฉ, ๋ณธ๋ฌธ ์ˆ˜์ •
  • ํฌ์ŠคํŠธ์ž‡ [โ€“] ๋ฒ„ํŠผ์œผ๋กœ ์ ‘๊ธฐ ๊ธฐ๋Šฅ
  • ํฌ์ŠคํŠธ์ž‡ [X] ๋ฒ„ํŠผ์œผ๋กœ ์‚ญ์ œ
    • ๋‚ด์šฉ์ด ์žˆ์„ ๊ฒฝ์šฐ โ€œ์ •๋ง ์‚ญ์ œํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?โ€ ๋ผ๋Š” ํ™•์ธ ๋‹ค์ด์–ผ๋กœ๊ทธ
  • ctrl(or cmd)+ alt + N ์œผ๋กœ ๋นˆ ํฌ์ŠคํŠธ์ž‡ ์ƒ์„ฑ
    • โš ๏ธ ์ œ๋ชฉ ํฌ์ปค์Šค
  • ์ƒˆ๋กœ๊ณ ์นจ ํ•ด๋„ ๋ฐ์ดํ„ฐ ์œ ์ง€

๐Ÿคนโ€โ™€๏ธ ์‹œ์ž‘ํ•˜๊ธฐ

git clone https://github.com/yj-oh/post-it.git

yarn install

yarn start

๐Ÿ”ฎ Dependencies

react, redux, typescript

dependency version
react ^17.0.2
react-dom ^17.0.2
react-redux ^7.2.4
redux ^4.1.0
typescript ^4.1.2
typesafe-actions ^5.1.0
formik ^2.28
styled-components ^5.3.0

๐Ÿ—‚ ๊ตฌ์กฐ

๐Ÿ—‚ project
...
|-- ๐Ÿ“‚ public
|-- ๐Ÿ“‚ src
|   |-- ๐Ÿ“‚ components
|   |   |-- ๐Ÿ“‚ board                     # ๋ณด๋“œ ๊ด€๋ จ ์ปดํฌ๋„ŒํŠธ (๋ณด๋“œ ๋ชฉ๋ก, ๋ณด๋“œ)
|   |   `-- ๐Ÿ“‚ postIt                    # ํฌ์ŠคํŠธ์ž‡ ๊ด€๋ จ ์ปดํฌ๋„ŒํŠธ
|   |-- ๐Ÿ“‚ containers
|   |-- ๐Ÿ“‚ lib
|   |   `-- ๐Ÿ“‹ storage.ts                # localStorage ๊ด€๋ฆฌ ํ•จ์ˆ˜
|   |-- ๐Ÿ“‚ store                         # reducer ๋ชจ์Œ
|   |   |-- ๐Ÿ“‚ board                     # ๋ณด๋“œ ๊ด€๋ จ ๋ฆฌ๋•์Šค ์Šคํ† ์–ด
|   |   |-- ๐Ÿ“‚ postIt                    # ํฌ์ŠคํŠธ์ž‡ ๊ด€๋ จ ๋ฆฌ๋•์Šค ์Šคํ† ์–ด
|   |   `-- ๐Ÿ“‹ index.ts
...

post-it's People

Contributors

yj-oh avatar

Watchers

 avatar  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.