[JavaScript] ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ๋ชจ๋‹ฌ ์—๋Ÿฌ ํ™”๋ฉด ์–ด๋‘์›Œ์ง€๊ณ  ์ œ์–ด ๋ถˆ๋Šฅ
ยท
Project
์ฑ„์šฉ ๊ณต๊ณ  ๋“ฑ๋ก ํผ์„ step1 ์—์„œ 7๊นŒ์ง€ ์ด 7๊ฐœ์˜ step์œผ๋กœ ๊ตฌ์„ฑํ–ˆ๊ณ , ๋“ฑ๋กํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด form์ด ์ œ์ถœ๋œ๋‹ค. ์ž…๋ ฅ๊ฐ’ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ์œ„ํ•ด ์˜ค์ „ ์ž‘์—… ์ค‘ ๋“ฑ๋กํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋ชจ๋‹ฌ์ฐฝ์ด ๋‚˜์˜ค๋Š”๋ฐ ๐Ÿ’ฅ ๋ชจ๋‹ฌ์ฐฝ์„ ๋‹ซ๊ธฐ ์œ„ํ•ด '์•„๋‹ˆ์˜ค'  ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €๋Š”๋ฐ ํ™”๋ฉด์ด ์–ด๋‘์›Œ์ง€๊ณ  ์ œ์–ด๊ฐ€ ๋จนํ†ต์ด ๋˜๋Š” ์ƒํ™ฉ ์ด ๋ฐœ์ƒํ–ˆ๋‹ค.  ๊ณต๊ณ  ๋“ฑ๋ก ํผ ์ œ์ถœ ์ด์™ธ์—๋„ ์—ฌ๋Ÿฌ ๋ฒ„ํŠผ์„ ๋ชจ๋‹ฌ๋กœ ์ฒ˜๋ฆฌํ•˜๊ณ  ์žˆ๋Š”๋ฐ ์ด๋Ÿฐ ํ˜„์ƒ์€ ์ฒ˜์Œ์ด์—ฌ์„œ ๋‹นํ™ฉํ–ˆ๋‹ค 7๊ฐœ์˜ step์„ ๊ทธ๋ƒฅ ํ•ฉ์ณ์•ผ๋˜๋‚˜.. ๋ผ๊ณ  ์ˆœ๊ฐ„ ์ƒ๊ฐ๋„ ํ–ˆ์ง€๋งŒ ๊ฐœ๋ฐœ ๊ณ„ํš๊ณผ ์–ด๊ธ‹๋‚˜๊ธฐ์— ํ•ด๊ฒฐ ์‹œ์ž‘ ^__^  ๐Ÿง ๋ชจ๋‹ฌ์ด ๋‹ซํžˆ๊ณ ๋„ ํ™”๋ฉด์ด ์–ด๋‘์›Œ์ง€๊ณ  ์ œ์–ด๊ฐ€ ์•ˆ๋˜๋Š” ์ด์œ ๋Š”?1. ๋ชจ๋‹ฌ ์ œ์–ด๋ฅผ ์œ„ํ•œ JS ์ฝ”๋“œ์—์„œ ๋ชจ๋‹ฌ์„ ์—ฌ๋Ÿฌ ๋ฒˆ ์‹คํ–‰ํ•ด์„œ ๋ฐœ์ƒ2. ๋ชจ๋‹ฌ ๋‹ซํžŒ ๋’ค backdrop ์ด ๊ผฌ์ด๋Š” ํ˜„์ƒ ๋ฐœ์ƒ   ?..
[MariaDB] Spring Boot Unknown database ์—๋Ÿฌ DB ์—ฐ๋™ ์‹คํŒจ
ยท
Project
DB์— ์นผ๋Ÿผ ์ค‘๋ณต์œผ๋กœ ์ž…๋ ฅ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•ด ๊ณผ๊ฐํžˆ DB๋ฅผ ์‚ญ์ œํ•˜์˜€๋‹ค.ํ•˜์ง€๋งŒ ์ด๊ฒŒ ๋ฌด์Šจ ์ผ์ธ๊ฐ€?์„œ๋ฒ„๋ฅผ ์žฌ์‹คํ–‰ ํ•˜์˜€๋”๋‹ˆ ์œ„์™€ ๊ฐ™์€ Unknown database ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ์ฆ‰,  onefitdb๋ผ๋Š” ์ด๋ฆ„์˜ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์•„์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ์—ฐ๊ฒฐํ•˜์ง€ ๋ชปํ•˜๊ณ  ์žˆ๋Š” ์ƒํƒœ์ด๋‹ค ๐Ÿ˜ก  ๋นจ๋ฆฌ ์ž‘์—… ํ•ด์•ผํ•˜๋Š”๋ฐ DB ์ƒ์„ฑ ๋ฌธ์ œ๊ฐ€ ํ„ฐ์ง€๋‹ค๋‹ˆ.. ๊ทธ๋ž˜๋„ ์–ธ์ œ๋‚˜ ๊ทธ๋žฌ๋“ฏ ๋ฌธ์ œ ํ•ด๊ฒฐ์„ ์‹œ์ž‘ํ•ด๋ณธ๋‹ค ์ธํ…”๋ฆฌ์ œ์ด ๊ฐœ๋ฐœํ™˜๊ฒฝ์—์„œ onefitdb์— ์ƒ์„ฑ์„ ์‹œ๋„ํ•˜์˜€๋‹ค.   ๊ฐœ๋ฐœํ™˜๊ฒฝ์—์„œ DB ์ƒ์„ฑ์€ ์‹คํŒจํ•˜์˜€๋‹ค ๐Ÿ˜ญ ํ•ญ์ƒ ์ด๋ ‡๊ฒŒ ํ•ด์™”๊ธฐ ๋•Œ๋ฌธ์— ์กฐ๊ธˆ ๋‹นํ™ฉ์Šค๋Ÿฌ์› ๋‹ค  ํ  ๊ทธ๋Ÿผ ์ง์ ‘ MariaDB ์„œ๋ฒ„์— ์ ‘์†ํ•ด์„œ DB๋ฅผ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ์ ‘๊ทผํ–ˆ๋‹ค 1. ๋ช…๋ น์–ด๋กœ MariaDB ์ ‘์† (MaridDB XX\bin ์ฃผ์†Œ๋กœ ์ด๋™) 2. ๋ช…๋ น์–ด ์ž…๋ ฅ..
[Spring JPA] No property found for type ๋ฐœ์ƒ ์›์ธ๊ณผ ํ•ด๊ฒฐ๋ฒ•
ยท
Project
No property 'recruit' found for type 'Recruit_Register'org.springframework.data.mapping.PropertyReferenceException:  ๐Ÿ’ฅ ํ”„๋กœ์ ํŠธ ์ค‘ DTO โ†” domain ๋งคํ•‘ ๊ณผ์ •์—์„œ ์œ„์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ์˜ค๋ฅ˜ ๋ฐœ์ƒ ์›์ธ์„ ํŒŒ์•…ํ•ด๋ณด๋‹ˆ ํ•„๋“œ๋ช…์˜ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค.ํ•„๋“œ๋ช…์— ์–ธ๋”๋ฐ”(_)๋ฅผ ์‚ฌ์šฉํ–ˆ๋Š”๋ฐ ์ด๋ฅผ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ, JPA ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์„ ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. * ๊ธฐ์กด ์–ธ๋”๋ฐ” ํ‘œ๊ธฐ๋ฒ• @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long recruit_id; ๐Ÿ’ซ ๋”ฐ๋ผ์„œ ๊ธฐ์กด์˜ recruit_id ์—์„œ recruitId ๋กœ *์นด๋ฉœ ํ‘œ๊ธฐ..
[GitHub Desktop] ์ธํ…”๋ฆฌ์ œ์ด ํ”„๋กœ์ ํŠธ ์—ฐ๋™
ยท
Project
๐Ÿ’ก ์ด ๊ฒŒ์‹œ๊ธ€์€ ์ž์„ธํ•œ ์„ค๋ช…๊ณผ ์šฉ์–ด ์„ค๋ช…์€ ์ƒ๋žตํ•˜๊ณ ,  ํ”„๋กœ์ ํŠธ๋ฅผ ์–ด๋–ป๊ฒŒ ์ง„ํ–‰ํ• ์ง€์— ๋Œ€ํ•ด ๊ฐ„๋žตํžˆ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.  ํŒ€ ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹œ์ž‘๋˜์—ˆ๋‹ค์ฝ”๋“œ ๋ณ‘ํ•ฉ, ํ˜•์ƒ ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•ด GitHub Desktop ์„ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค GitHub Desktop ์˜ ์žฅ์ ์€ ์ฝ”๋“œ์˜ ๋ฐ”๋€์ ์„ ์‰ฝ๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ๊ณ  GitHub์˜ ๋ช…๋ น์–ด๋ฅผ ํด๋ฆญ ๋ช‡๋ฒˆ๋งŒ์œผ๋กœ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด๋‹ค 1. ํŒ€์›๋“ค ๊ฐ๊ฐ์˜ branch ๋ฅผ ์ƒ์„ฑํ•ด ๊ฐ์ž์˜ ๊ณต๊ฐ„์—์„œ ์ž‘์—…์„ ํ•˜๊ณ  main ์— pull ์š”์ฒญ์„ ์ง„ํ–‰ํ•˜๊ณ  ๊ฒ€ํ†  ํ›„ ๋ณ‘ํ•ฉ์„ ์ง„ํ–‰ 2. ๋ณ€๊ฒฝ์‚ฌํ•ญ ์‰ฝ๊ฒŒ ํ™•์ธ ๊ฐ€๋Šฅ 3. ํžˆ์Šคํ† ๋ฆฌ ๊ด€๋ฆฌ 4. ๋ณ‘ํ•ฉ๋œ main ์„ ๊ฐ๊ฐ์˜ branch ๋กœ ๋ณ‘ํ•ฉ (์ž‘์—… ๊ณต๊ฐ„ ์—…๋ฐ์ดํŠธ) 5. ์ธํ…”๋ฆฌ์ œ์ด์—์„œ๋Š” ๋ณ€๊ฒฝ๋œ ํŒŒ์ผ์˜ ์ƒ‰์ƒ์ด ๋ณ€๊ฒฝ 6. ์ธํ…”๋ฆฌ์ œ์ด์—์„œ๋„ Commit / Push ๊ฐ€ ๊ฐ€๋Šฅ..
[Spring boot] thymeleaf / css ์ ์šฉ ์•ˆ๋จ ๐Ÿ˜ก
ยท
Framework
๐Ÿ’ฅ  CSS ๊ฒฝ๋กœ ๋ฌธ์ œ ํ•ด๊ฒฐ์–ด์ œ๊นŒ์ง€๋งŒ ํ•ด๋„ ์ ์šฉ์ด ์ž˜ ๋˜์—ˆ๋˜ css / js ํŒŒ์ผ์ด ์ ์šฉ์ด ์•ˆ๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.(์•„๋ž˜์™€ ๊ฐ™์ด ๋˜์–ด๋ฒ„๋ฆผ)  โ˜‘๏ธ  ์›์ธ ํŒŒ์•…ํ˜„์žฌ ์‹คํ–‰ ์ค‘์ธ ํ”„๋กœ์ ํŠธ๋งŒ ๋ฌธ์ œ์ธ์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ์กด์— ๋ฐฑ์—…ํ•ด ๋‘์—ˆ๋˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹คํ–‰์‹œ์ผœ ๋ดค์ง€๋งŒ๋˜‘๊ฐ™์€ ์ƒํ™ฉ์ด ๋ฐœ์ƒํ–ˆ๋‹ค. ์„ค์ •๋œ css ๊ฒฝ๋กœ ๋ฌธ์ œ๋ผ๊ณ  ํŒ๋‹จํ–ˆ๊ณ  ๊ตฌ๊ธ€๋ง์„ ์‹œ์ž‘ํ–ˆ๋‹ค 1. CND ๋งํฌ ํ™•์ธ2. Thymeleaf์˜ ์ •์  ๋ฆฌ์†Œ์Šค ์ ์šฉ ๋ฌธ์ œ3. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ JS ํŒŒ์ผ๊ณผ CSS ํŒŒ์ผ ์ถฉ๋Œ ๋ฌธ์ œ4. ์บ์‹œ ๋ฌธ์ œ ํ•ด๊ฒฐ ๋‚˜๋ณด๋‹ค ๋จผ์ € ์ด ๋ฌธ์ œ๋ฅผ ๊ฒช์€ ๋งŽ์€ ๋ถ„๋“ค์˜ ๋ฐฉ๋ฒ•์„ ์œ„์™€ ๊ฐ™์€ ์ˆœ์„œ๋กœ ์ด ๋™์›ํ•ด๋ดค์ง€๋งŒ ... ํ•ด๊ฒฐ์ด ๋˜์ง€ ์•Š์•˜๋‹ค โœ… ๋ฌธ์ œ ํ•ด๊ฒฐcss ํŒŒ์ผ์„ ์ƒˆ๋กœ ๋งŒ๋“ค์–ด์„œ ๊ฒฝ๋กœ ํŒŒ์ผ ๋ช…์„ ๋ณ€๊ฒฝํ•ด์ฃผ์—ˆ๋”๋‹ˆ ์ •์ƒ์ ์œผ๋กœ ๋Œ์•„์™”๋‹ค..^^  ๊ธฐ์กด styles.css ํŒŒ์ผ์„ ๊ทธ..