Skip to content

olhkyle/DTA

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿข D*T.A(Document Tax Administration)

01 ํ”„๋กœ์ ํŠธ ๋ฐฐ๊ฒฝ / Background

๊ฑด์„ค์—…์„ ๋‹ค๋ฃจ๋Š” ํšŒ์‚ฌ์—์„œ ํ˜„์žฅ์˜ ์ผ์šฉ์ง ๋Œ€์ƒ์œผ๋กœ ์ž„๊ธˆ ์ง€๊ธ‰ ์‹œ ๊ด€๋ จ๋œ ์ž๋ฃŒ๋ฅผ ์•„์ง๊นŒ์ง€๋„ ์ˆ˜๊ธฐ๋กœ ๊ด€๋ฆฌํ•˜๊ณ  ์žˆ๋Š” ํ˜„์ƒ์„ ๋ฐœ๊ฒฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์„ธ๊ธˆ ๊ณ„์‚ฐ ์‹œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์„ ๋ณ„ํ•˜๋Š” ์‹œ๊ฐ„์  ๋น„์šฉ, ๊ทธ๋ฆฌ๊ณ  ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ด€๋ฆฌ์ž์˜ ์ธ์  ๋น„์šฉ์ด ๋ถˆํ•„์š”ํ•˜๊ฒŒ ๋‚ญ๋น„๋˜๊ณ  ์žˆ๋Š” ๊ฒƒ์„ ์ธ์ง€ํ•˜๊ฒŒ ๋˜์—ˆ ์Šต๋‹ˆ๋‹ค.

๋ถˆํ•„์š”ํ•œ ์‹œ๊ฐ„, ๊ณต๊ฐ„, ์ธ์  ๋‚ญ๋น„๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด, ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ์ž์˜ ์ž‘์—… ํšจ์œจ์„ฑ์— ์ง‘์ค‘ํ•˜์—ฌ ๊ด€๋ จ๋œ ์›น/์•ฑ์„ ๊ตฌ์„ฑํ•˜๊ธฐ๋กœ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

A company in the Construction Industry is still manually managing data related to payment of wages to day laborers in the field.

The company realized that the time cost of sifting through the data needed to calculate taxes and the human cost of managing the data was being unnecessarily wasted.

In order to reduce the unnecessary waste of time, space, and human resources, we decided to focus on the work efficiency of data managers and organize related WebApp.


02 ๋ฐฉํ–ฅ์„ฑ / Goal

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

  1. Configure the system as a company's internal system that only relevant people can use.

    • It is a system that contains personal information and cannot be signed up from outside, and only relevant people can log in, and strong rules regarding security are applied.
  2. Describe the personal information, date of work, wages paid, remittance details, work-related contents to be paid to the laborers for each day's work and store them in the DB.

  3. Visualize per month based on data such as how many day laborers worked, how much wages were paid, etc.

    • chart.js is utilized.
    • In the Monthly Overview, and within the route for Laborer Detailed View, you can view charts based on the relevant data for each Laborer.
  4. To handle Taxation related tasks, configure the function so that the printout that was previously exported from Excel or Hangul can be printed from the web app. configure the function.


03 ํ…Œ์ŠคํŠธ ๊ณ„์ • / Test Account

email : test1234@test.com

password : test@#$1234


04 ์ง„ํ–‰์ƒํ™ฉ / Progress

โ˜‘๏ธŽ 90% / 100%


05 Tech Stacks

React TypeScript React-Query Redux-Toolkit Zod React-Hook-Form Emotion Jest Chart.js Firebase