/Oneul

๐ŸŒŸ This is an modile website for a diary platform in which people can share diary and communicate with others

Primary LanguageJavaScript

You can run this application with mvnw!!

I recommend that you look at the source through the STS.

๐Ÿ‘‹Oneul

Newlecture team project. This is a modile website for a diary platform in which people can share diary and communicate with others

๐ŸŒŸusing stack

  • Spring boot
  • Thymeleaf
  • Mybatis
  • ES6

Description

Oneul diary

ํ‰์†Œ ์ผ๊ธฐ๋ฅผ ์ž‘์„ฑํ•˜๊ฑฐ๋‚˜ ์ผ๊ธฐ๋ฅผ ์ž‘์„ฑํ•˜๋ ค๊ณ  ๋งˆ์Œ ๋จน์€ ์‚ฌ๋žŒ๋“ค์ด ์ผ๊ธฐ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๊ธฐ ์‰ฝ๋„๋ก ๋„์™€์ฃผ๋Š” ์ผ๊ธฐ์ž‘์„ฑ web application ์ž…๋‹ˆ๋‹ค. ์ž‘์„ฑ์ž๋Š” ์ผ๊ธฐ์ž‘์„ฑ์‹œ ์ œ๊ณต๋˜๋Š” template์„ ํ†ตํ•ด ์ข€๋” ์ผ๊ธฐ๋ฅผ ์†์‰ฝ๊ฒŒ ์ž‘์„ฑํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๊ธฐ์˜ ๊ณต์œ ๋ฒ”์œ„๋ฅผ ์„ค์ •ํ•ด์ฃผ๋ฉด ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ์ต๋ช…์œผ๋กœ๋œ ๋‚˜์˜ ์ผ๊ธฐ๋ฅผ ๋ณด๊ณ  ๋Œ“๊ธ€์„ ๋‹ฌ์ˆ˜์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์ •์„ ํƒ๊ณผ ๋‹ฌ๋ ฅ๊ธฐ๋Šฅ์„ ํ†ตํ•ด์„œ ์ผ๊ธฐ ๊ด€๋ฆฌ์™€ ๊ทธ๋‚ ์˜ ๋‚˜์˜ ๊ฐ์ •์„ ๋Œ์•„๋ณด๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

GitHub https://github.com/ohhyeonn/Oneul

Tech Skills

  • Front-End
    • Thymeleaf
    • ES6 Ajax
  • Back-End
    • SpringBoot / Mybatis / Linux / MySql

Detail of function

  • ๋กœ๊ทธ์ธ ๋ฐ ํšŒ์›๊ฐ€์ž… - Spring security์‚ฌ์šฉ
  • ์•Œ๋žŒ ๊ธฐ๋Šฅ - Spring email ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ
  • ์ผ๊ธฐ CRUD - MyBatis ์‚ฌ์šฉ
  • ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ - Spring security Session ์‚ฌ์šฉ
  • ์ด๋ฏธ์ง€ ์—…๋กœ๋”ฉ ๊ธฐ๋Šฅ - multipart data form
  • ๋ฌดํ•œ ์Šคํฌ๋กค ๊ธฐ๋Šฅ - ES6 Ajax fetch ์‚ฌ์šฉ
  • Spring filter๋ฅผ ์ด์šฉ ์ „์—ญ ๋ณ€์ˆ˜ ๊ด€๋ฆฌ
  • ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ - ES6 fetch function ์‚ฌ์šฉ
  • CSS & HTMLtag์œผ๋กœ ์›น ๋””์ž์ธ ๊ตฌ์„ฑ
  • ์›น ๋ณด์•ˆ ํ–ฅ์ƒ - js๋ฅผํ†ตํ•œ front ์ œ์•ฝ์กฐ๊ฑด check
  • MySql๋กœ ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ, MyBatis์—์„œ DB์™€ object mapping
  • Linux๋ฅผํ†ตํ•œ ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค server ๊ตฌํ˜„

notice

  • Spring boot๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์ƒ์„ฑ๊ณผ ํšจ์œจ์„ฑ์„ ์ตœ๋Œ€ํ•œ์œผ๋กœ ํ™œ์šฉํ•˜๊ณ ์ž ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • Spring MVC๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฐ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๋ถ„์—…์˜ ํšจ์œจ์„ฑ์„ ๋†’์˜€์Šต๋‹ˆ๋‹ค.
  • Mybatis๋ฅผ ํ™œ์šฉํ•˜๊ณ  Xml์„ ์ง์ ‘ ์ž‘์„ฑํ•˜์—ฌ Framework์˜ ๊ธฐ๋Šฅ์„ ์ข€ ๋” ์„ธ๋ถ„ํ™” ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • RestApi๋ฅผ ๊ตฌํ˜„ํ•˜์—ฌ ์›น์ƒ์—์„œ ๋น„๋™๊ธฐ๋ฅผ ํ™œ์šฉํ•œ ๋ฐ์ดํ„ฐ ๋ชจ๋ธ์„ ๊ตฌํ˜„ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • Jsp๋ฅผ ์„ ํƒํ•˜์ง€ ์•Š๊ณ  Thymeleaf๋ฅผ ์„ ํƒํ•˜์—ฌ ์ข€๋” Spring boot์— ๋งž๋Š” Template๊ธฐ๋ฐ˜์˜ View๋ฅผ ๊ตฌํ˜„ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

References

Entity Relationship Diagram (ERD)

erd

์‹คํ–‰ ๋ฐ URL

CMD๋กœ์‹คํ–‰ ๋˜๋Š” STS๋กœ์‹คํ–‰

  • cmd ์ด์šฉ
> cd {~~\Oneul\OneulPrj}
> .\mvnw spring-boot:run

๋˜๋Š”

  • STS(eclipse) dev-tools ์ด์šฉ run

Access server side using following URL

http://localhost:8080

Database server is alreay runing on Linux

http://hi.namoolab.com

Author

๐Ÿ‘ค Team newlecture : Oneul

๐Ÿค Contributing

Contributions, issues and feature requests are welcome!
Feel free to check

Show your support

Give a โญ๏ธ if this project helped you!


Thank you for reading โค๏ธ