MapleStory Finger Point

โ˜… 605

[Proejct] ์ฃผ๋ฌธ ์˜ˆ์•ฝ ์‹œ์Šคํ…œ ๊ตฌํ˜„ [1] (์นดํ…Œ๊ณ ๋ฆฌ ๋ถ€๋ถ„)

๋ชฉ์ฐจ     ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋Š” ์ฃผ๋ฌธ์ œ์ž‘ ์†Œ์ƒ๊ณต์ธ๋“ค์„ ์œ„ํ•œ ์ฃผ๋ฌธ ํ”Œ๋žซํผ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ๊นƒํ—ˆ๋ธŒ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š” :)https://github.com/hyejux/Neez GitHub - hyejux/Neez: ์˜ˆ์•ฝ ์ด์   ๋” ํŽธ๋ฆฌํ•˜๊ฒŒ, ๊ด€๋ฆฌ๋„ ์†์‰ฝ๊ฒŒ NEEZ ์—์„œ ๊ฒฝํ—˜ํ•ด๋ณด์„ธ์š”! ใ€Œ์ฃผ๋ฌธ ์ œ์ž‘ ์˜ˆ์˜ˆ์•ฝ ์ด์   ๋” ํŽธ๋ฆฌํ•˜๊ฒŒ, ๊ด€๋ฆฌ๋„ ์†์‰ฝ๊ฒŒ NEEZ ์—์„œ ๊ฒฝํ—˜ํ•ด๋ณด์„ธ์š”! ใ€Œ์ฃผ๋ฌธ ์ œ์ž‘ ์˜ˆ์•ฝ ์„œ๋น„์Šค "NEEZ "ใ€ - hyejux/Neezgithub.com     ํ•ด๋‹น ๊ฒŒ์‹œ๋ฌผ์€ ๊ธฐ๋Šฅ ๊ตฌํ˜„์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ด๋‘์—ˆ์Šต๋‹ˆ๋‹ค.     1) ํŽ˜์ด์ง€ ๋””์ž์ธ ๊ตฌ์ƒ  [๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ ๋””์ž์ธ]       [์œ ์ € ํŽ˜์ด์ง€ ๋””์ž์ธ]      ์ผ๋‹จ ์ฃผ๋ฌธ์˜ˆ์•ฝ ํผ ํŽ˜์ด์ง€ ์ดˆ๊ธฐ ๋””์ž์ธ์€ ์ด๋Ÿฌํ–ˆ๋‹ค.  ๋Œ€์ถฉ ์œ ์ €ํŽ˜์ด์ง€๋Š” ๋ฐฐ๋‹ฌ์˜ ๋ฏผ..

[Project/Reactjs] ์ด๋ฏธ์ง€ ํด๋ผ์šฐ๋“œ ์ฒ˜๋ฆฌํ•˜๊ธฐ (cloudinary)

๋ชฉ์ฐจ    0) ์ด๋ฏธ์ง€ ํด๋ผ์šฐ๋“œ ์ฒ˜๋ฆฌ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ์ค‘ ์ด๋ฏธ์ง€๋ฅผ ํด๋ผ์šฐ๋“œ ์ฒ˜๋ฆฌํ•˜๊ธฐ๋กœ ํ•˜๋ฉด์„œ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์„ ๋ชจ์ƒ‰ํ•˜๋˜ ๋„์ค‘ cloudinary ๋ผ๋Š” ์‚ฌ์ดํŠธ๋ฅผ ํ†ตํ•œ ํด๋ผ์šฐ๋“œํ™” ๋ฐฉ๋ฒ•์„ ์ฐพ์•„๋ƒˆ๋‹ค. ๊ฐ„๋‹จํ•œ ํ”„๋กœ์ ํŠธ์šฉ๋„๋กœ ์‚ฌ์šฉํ•  ์˜ˆ์ •์ด๋ผ๋ฉด ์•ˆ์„ฑ๋งž์ถค์ด๋‹ค. ์ผ๋‹จ ๋น„์šฉ์ด ๋“ค์ง€ ์•Š์œผ๋ฉฐ, ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ฌด๋ฃŒ ์šฉ๋Ÿ‰์ด ์ œ๊ณต๋˜์–ด์„œ ๋งค์šฐ ์ข‹๋‹ค.๊ตฌํ˜„๋ฐฉ๋ฒ•๋„ ๊ฐ„๋‹จํ•˜๊ณ  ํŽธ๋ฆฌํ•˜๊ณ , ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ๋“ค์ด ๋งŽ๋‹ค.  1) cloudinary ๊ฐ€์ž…ํ•˜๊ธฐ https://console.cloudinary.com/ Image and Video Upload, Storage, Optimization and CDNStreamline media management and improve user experience by automatically delivering image..

[์—๋Ÿฌ] The default superclass, "jakarta.servlet.http.HttpServlet", ~

Description Resource Path Location TypeThe default superclass, "jakarta.servlet.http.HttpServlet", according to the project's Dynamic Web Module facet version (5.0), was not found on the Java Build Path. NewFile.jsp /JSPTestProject/src/main/webapp line 1 JSP Problem     JSP ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ํ›„ JSP ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์ž๋งˆ์ž ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. + ์„œ๋ฒ„๋ฅผ ์‚ญ์ œํ•˜๊ณ  ๋‹ค์‹œ ๋งŒ๋“ค์—ˆ๋”๋‹ˆ ๋˜ ์—๋Ÿฌ๊ฐ€ ๋–ด๋‹ค.์ฒซ๋ฒˆ์งธ ๋ฐฉ๋ฒ• `Project ์šฐํด๋ฆญ` > `Properties` >  `Proejct Facets` >Dy..

[ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…] (Eclipse) java EE, Dynamic Web Project ์•ˆ ๋œจ๋Š” ๊ฒฝ์šฐ

JSP ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ์„ ์œ„ํ•ด์„œDynamic Web Project ๋ฅผ ์ƒ์„ฑํ•ด์ค˜์•ผํ•˜๋Š”๋ฐ.....     java EE ๊ฐ€ ์•ˆ๋œฌ๋‹ค...   ์ด๋Ÿด ๋• ๋ณธ์ธ ์ดํด๋ฆฝ์Šค ๋ฒ„์ „์ด Eclipse IDE for Enterprise Java and Web Developers ๋ฒ„์ „์ธ์ง€ ํ™•์ธํ•ด๋ณด์ž.     ์„ค์น˜ํ•  ๋•Œ Enterprise ๋ฒ„์ „์„ ์„ค์น˜ํ•ด์ค˜์•ผ JAVA EE ๋ฅผ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค.     ์žฌ์„ค์น˜ํ•˜๋ฉด ์ด๋Ÿฐ์‹์œผ๋กœ Perspective ์— JAVA EE ๊ฐ€ ์ž˜ ๋œจ๊ณ Dynamic Web Project ๋„ ์ƒ์„ฑ ๊ฐ€๋Šฅ !     ๋˜๋Š” `window` > `Marketplace` ์—์„œ ์„ค์น˜ ํ›„ ํ•ด๊ฒฐ๋˜๋Š” ์‚ฌ๋žŒ๋„ ์žˆ๋‹ค๊ณค ํ•˜๋Š”๋ฐ ๋‚œ ์žฌ์„ค์น˜๋กœ ํ•ด๊ฒฐํ–ˆ๋‹ค.ํ˜น์‹œ ์žฌ์„ค์น˜๋กœ๋„ ์•ˆ๋˜๋Š” ์‚ฌ๋žŒ์€ ์ด ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•ด๋ณด์‹œ๊ธธ..

[JSP] ํ”„๋กœ์ ํŠธ ์„ธํŒ… (Eclipse, ์„œ๋ฒ„, ์‹คํ–‰๊นŒ์ง€)

๋ชฉ์ฐจ   JSP ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ intelliJ ๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ๋ฌด๋ฃŒ๋ฒ„์ „์€ jsp ๋ฅผ ์ง€์›ํ•ด์ฃผ์ง€ ์•Š๋Š”๋‹ค.ultimate ๋งŒ ๊ฐ€๋Šฅํ•œ๊ฑธ ๊นจ๋‹ซ๊ณ .. Eclipse ๋กœ ๋‹ค์‹œ ๋Œ์•„์™”๋‹ค.๋ณต์Šต ๊ฒธ ๋‹ค์‹œ Eclipse ์„ธํŒ…๋ถ€ํ„ฐ ๋‹ค์‹œ ์‹œ์ž‘ํ•ด๋ณด์ž.   ์•„๋ž˜๋Š” IntelliJ ์—์„œ JSP ํ”„๋กœ์ ํŠธ ์„ธํŒ…ํ•˜๋‹ค๊ฐ€ ๋ง‰ํ˜”๋˜ ๋ถ€๋ถ„๋“ค ์ฐธ๊ณ ํ–ˆ๋˜ ๋งํฌ๋‹ค. JSP ํ”„๋กœ์ ํŠธ ์„ธํŒ…https://velog.io/@lukehongg/intellij-jsp-project add framework ~ ์•ˆ๋œฐ๋•Œhttps://goldfish2679.tistory.com/59 add Framework ์— javaEE ์ถ”๊ฐ€ํ•˜๊ธฐhttps://kkminseok.github.io/posts/Intellij_spring/    eclipse ๋‹ค์šด๋กœ๋“œ  ..

SPA vs MPA | SSR vs CSR

SPA ์™€ MPA ๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ตฌ์กฐ์™€ ๋™์ž‘ ๋ฐฉ์‹์— ๊ตฌ๋ถ„๋˜๋Š” ํŒจํ„ด์ด๋‹ค.์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๊ณ  ์–ด๋–ป๊ฒŒ ํŽ˜์ด์ง€๋ฅผ ๋žœ๋”๋งํ•˜๋Š” ์ง€๊ฐ€ ์ค‘์ ์ด๋‹ค.   MPA (Multi-Page Application)์ •์˜:MPA๋Š” ๋‹ค์ค‘ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์˜๋ฏธํ•˜๋ฉฐ, ๊ฐ ํŽ˜์ด์ง€๋งˆ๋‹ค ๊ฐœ๋ณ„์ ์ธ HTML ํŒŒ์ผ์ด ๋กœ๋“œ๋˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ์„œ๋ฒ„์—์„œ ๊ฐ ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋งํ•˜๊ณ , ๊ฐ URL์€ ํ•˜๋‚˜์˜ ๊ณ ์œ ํ•œ ํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.ํŠน์ง•:ํŽ˜์ด์ง€ ์ „ํ™˜: ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•  ๋•Œ๋งˆ๋‹ค, ์ƒˆ๋กœ์šด HTML ํŽ˜์ด์ง€๋ฅผ ์„œ๋ฒ„์—์„œ ๋กœ๋“œํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.์„œ๋ฒ„ ๋ Œ๋”๋ง: ์š”์ฒญ์ด ์žˆ์„ ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ HTML์„ ๋ Œ๋”๋งํ•˜๊ณ , ์ด๋ฅผ ํด๋ผ์ด์–ธํŠธ์— ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค.๋™์  ํŽ˜์ด์ง€: ํด๋ผ์ด์–ธํŠธ๊ฐ€ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜๋ฉด ์„œ๋ฒ„๊ฐ€ ์ด๋ฅผ ์ฒ˜๋ฆฌํ•˜์—ฌ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.์žฅ..

MIME type = media type = Content-Type

๋ชฉ์ฐจ    Content-Type, MIME type, media type์˜ ๊ด€๊ณ„ ์ด๋“ค์€ ๋ชจ๋‘ ๊ฐ™์€ ๊ฐœ๋…์œผ๋กœ, ์ธํ„ฐ๋„ท์—์„œ ํŒŒ์ผ ํฌ๋งท๊ณผ ์ฝ˜ํ…์ธ ๋ฅผ ์‹๋ณ„ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๊ณผ๊ฑฐ์—๋Š” MIME type ์œผ๋กœ ๋ถˆ๋ ธ์ง€๋งŒ, ์ง€๊ธˆ์€ media type ์œผ๋กœ ์‚ฌ์šฉํ•จ. ๋•Œ๋•Œ๋กœ content type ์ด๋ผ๊ณ ๋„ ๋ถˆ๋ฆผ     MIME( Multipurpose Internet Mail Extensions ) typeํŒŒ์ผ์˜ ํ˜•์‹์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฌธ์ž์—ด๋กœ ํŒŒ์ผ๊ณผ ๊ฐ™์ด ์†ก์‹ ๋˜๋Š”๋ฐ content์˜ ํ˜•์‹์„ ๋‚˜ํƒ€๋‚ด๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ์œˆ๋„์šฐ์˜ ํŒŒ์ผ ํ™•์žฅ์ž์™€ ๋™์ผํ•œ ์—ญํ• ์ด๋ฉ”์ผ ๋ฉ”์„ธ์ง€ , ์ฒจ๋ถ€ํŒŒ์ผ ์ข…๋ฅ˜๋ฅผ ๊ณ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ •์˜๋˜์—ˆ๊ณ  ์ด๋ฅผ ๊ทผ๊ฑฐ๋กœ MIME ํƒ€์ž…์ด๋ผ๋Š” ์ด๋ฆ„์ด ๋งŒ๋“ค์–ด์ง์ง€๊ธˆ์€ Media Type ์ด๋ผ๋Š” ์šฉ์–ด๋กœ ์‚ฌ์šฉ ๋œ๋‹ค.   media type ๋ฏธ๋””์–ด ํƒ€์ž…์€ ..

HTTP (Hypertext Transfer Protocol) ๊ฐœ๋…

๋ชฉ์ฐจ    HTTP ๋ž€? HTTP๋Š” HTML ๋ฌธ์„œ์™€ ๊ฐ™์€ ๋ฆฌ์†Œ์Šค๋“ค์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ณ„์ธต ํ”„๋กœํ† ์ฝœ  (ํด๋ผ์ด์–ธํŠธ-์„œ๋ฒ„ ํ”„๋กœํ† ์ฝœ)  * ํ”„๋ก์‹œ :  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ณ„์ธต์—์„œ ๋™์ž‘ํ•˜๋Š” ๊ฒƒ๋“ค์„ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ถ€๋ฅด๋Š” ๋ง, ํ•˜๋‹จ์˜ ๊ธฐ๋Šฅ๋“ค์„ ์ˆ˜ํ–‰ ํ•  ์ˆ˜ ์žˆ๋‹ค.์บ์‹ฑ (์บ์‹œ๋Š” ๊ณต๊ฐœ ๋˜๋Š” ๋น„๊ณต๊ฐœ๊ฐ€ ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค (์˜ˆ: ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ))ํ•„ํ„ฐ๋ง (๋ฐ”์ด๋Ÿฌ์Šค ๋ฐฑ์‹  ์Šค์บ”, ์œ ํ•ด ์ปจํ…์ธ  ์ฐจ๋‹จ(์ž๋…€ ๋ณดํ˜ธ) ๊ธฐ๋Šฅ)๋กœ๋“œ ๋ฐธ๋Ÿฐ์‹ฑ (์—ฌ๋Ÿฌ ์„œ๋ฒ„๋“ค์ด ์„œ๋กœ ๋‹ค๋ฅธ ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๋„๋ก ํ—ˆ์šฉ)์ธ์ฆ (๋‹ค์–‘ํ•œ ๋ฆฌ์†Œ์Šค์— ๋Œ€ํ•œ ์ ‘๊ทผ ์ œ์–ด)๋กœ๊น… (์ด๋ ฅ ์ •๋ณด๋ฅผ ์ €์žฅ) HTTP ํŠน์ง• ๋ฌด์ƒํƒœ(Stateless) : HTTP๋Š” ์ƒํƒœ๋ฅผ ์ €์žฅํ•˜์ง€ ์•Š๊ณ ,๊ฐ๊ฐ์˜ ์š”์ฒญ๊ณผ ์‘๋‹ต์ด ๋…๋ฆฝ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋จ, ์„œ๋ฒ„๋Š” ์š”์ฒญ ๊ฐ„์˜ ์—ฐ๊ฒฐ ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ํšจ์œจ์ ์ด์ง€๋งŒ, ..

[Project] Mybatis(DTO) -> JPA(Entity) ๋กœ ๋ณ€ํ™˜ ํ•˜๊ธฐ

๋ชฉ์ฐจ     ์˜ˆ์ „์— ์ง„ํ–‰ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ(Mybatis DTO)๋ฅผ JPA ๋กœ ๋ณ€ํ™˜ํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ์ „์ฒด๋ฅผ ๋ณ€๊ฒฝํ•˜๊ธฐ์—” ์‹œ๊ฐ„์ ์œผ๋กœ ๋„ˆ๋ฌด ์˜ค๋ž˜๊ฑธ๋ฆด ๊ฒƒ ๊ฐ™์•„์„œ๐Ÿ˜ฐ์—ฐ์Šต์ฐจ์›์—์„œ ๊ฐ„๋‹จํ•œ ์กฐํšŒ ๊ตฌ๋ฌธ๋งŒ ๋ณ€ํ™˜ ํ•ด ๋ณผ ๊ฒƒ์ด๋‹ค.     ์ฐธ๊ณ ์šฉ ERD ์™€ ๊ธฐ์กด Mapper   1)  ๊ธฐ์กด EmployeeDTO ๋ฅผ Entity ๋กœ ๋ณ€๊ฒฝ ์ด๋•Œ DTO ์—์„œ๋Š” authorityName ์„ ์ง์ ‘ ๋ฐ›์•˜์—ˆ๋Š”๋ฐ   JPA ์—์„œ๋Š” Authority ๊ฐ์ฒด๋กœ ๋ฐ›๊ธฐ ๋•Œ๋ฌธ์— ์ด ์ ์„ ์ฐธ๊ณ ํ•ด์„œ ์ „๋ถ€ ์ˆ˜์ •ํ•ด์ค˜์•ผํ•œ๋‹ค.  2) Employee Repository ์ƒ์„ฑ JpaRepository ๋ฅผ ์ƒ์† ๋ฐ›์œผ๋ฉด , ๊ธฐ๋ณธ CRUD ๋ฉ”์„œ๋“œ๊ฐ€ ์ž๋™์œผ๋กœ ์ œ๊ณต๋ผ์„œ ๊ธฐ๋ณธ์ ์ธ crud ๋Š” ์ปค์Šคํ…€ ๋ฉ”์„œ๋“œ๋ฅผ ์ž‘์„ฑํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค. ex) findAll() , findByAll() ..

[SQL] ๊ฐ€์žฅ ํฐ ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ

https://school.programmers.co.kr/learn/courses/30/lessons/284527 ํ”„๋กœ๊ทธ๋ž˜๋จธ์ŠคSW๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ํ‰๊ฐ€, ๊ต์œก, ์ฑ„์šฉ๊นŒ์ง€ Total Solution์„ ์ œ๊ณตํ•˜๋Š” ๊ฐœ๋ฐœ์ž ์„ฑ์žฅ์„ ์œ„ํ•œ ๋ฒ ์ด์Šค์บ ํ”„programmers.co.kr   LIMIT DESC (๋‚ด๋ฆผ์ฐจ์ˆœ) ์œผ๋กœ ํ•ด์„œ LIMIT 1์„ ์‚ฌ์šฉํ•ด์„œ ์ œ์ผ ํฐ๊ฐ’ ํ•˜๋‚˜๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ๋ฒ•   ์ˆœ์œ„ํ•จ์ˆ˜ : RANK() / DENSE_RANK() / ROW_NUMBER()RANK() OVER ([PARTITION BY ์ปฌ๋Ÿผ] ORDER BY ์ปฌ๋Ÿผ [ASC|DESC]) WHERE RANKING = 1 ์„ ํ†ตํ•ด์„œ ๋žญํ‚น์ด 1์œ„์ธ ๊ฐ’์„ ์ถœ๋ ฅ   ์„œ๋ธŒ์ฟผ๋ฆฌ : MAX()์„œ๋ธŒ์ฟผ๋ฆฌ์„ ํ†ตํ•ด  MAX() ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•ด์„œ ์ตœ๋Œ€๊ฐ’ ์ถœ๋ ฅ   ์„ฑ๋Šฅ ? ..