profile
๋ฉ”๋ชจ๋ฅผ ํ•˜๊ธฐ ์œ„ํ•œ ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.

Vue.js PWA manifest.json ํŒŒ์ผ ์กด์žฌํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ์ธ์‹ํ•˜์ง€ ์•Š์„ ๋•Œ

@vue/cli 4.5.13@node -v v12.16.1npm -v 6.13.4์œ„์™€ ๊ฐ™์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜๋ฉด์„œ ๋ฉ”๋‰ด์–ผ์„ ์„ ํƒํ•˜๋Š” ๊ตฌ๊ฐ„์— pwa๋ฅผ ์„ ํƒํ–ˆ์œผ๋‚˜, manifest.jsonํŒŒ์ผ์ด ์ƒ์„ฑ๋˜์–ด์žˆ์ง€ ์•Š์•˜๋‹ค.์ž˜๋ชป ํ”„๋กœ์ ํŠธ ๊ฐœ์„คํ•œ๊ฑด๊ฐ€ ์‹ถ์—ˆ๋Š”๋ฐ,build๋ฅผ ํ•˜๊ณ  ๋‚œ di

2021๋…„ 6์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ESLint + Prettier ์ ์šฉํ•˜๊ธฐ

๊ฒฝ๊ณ  : ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•œ ์ƒํƒœ์—์„œ ์ ์šฉํ•˜๊ฒŒ ๋˜๋ฉด ๊ธฐ์กด ์†Œ์Šค๋“ค์ด ๋‹ค ๋นจ๊ฐ›๊ฒŒ ๋ณ€ํ•˜๋Š” ํ˜„์ƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Œ :)ESLint ๊ฒ€์ƒ‰ํ•˜์—ฌ ์„ค์น˜, ํ•ด๋‹น ์ด๋ฏธ์ง€์™€ ๋™์ผํ•œ ๊ฒƒ ์„ค์น˜ํ•˜๊ธฐํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์น˜ํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์˜ค๋ฅธ์ชฝ ํ•˜๋‹จ์— ESLint ํ‘œ์‹œV๊ฐ€ ๋˜์–ด์žˆ์œผ๋ฉด ํ˜„์žฌ ํ•ด๋‹น ์†Œ์Šค์—๋Š” ์ ์šฉ์ด

2021๋…„ 6์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Nuxt.js bebel warn "loose" ์„ค์ •

์›ƒ๊ธด ๊ฑด ๊ฐ™์€ ์†Œ์Šค์ž„์—๋„ ํšŒ์‚ฌ์—์„œ๋Š” ์•ˆ๋œจ๊ณ  ๊ดœ์ฐฎ์€๋ฐ, ์ง‘์—์„œ๋งŒ Warn ์ด ๋œฌ๋‹ค. VSCode์—์„œ์˜ setting.json ์„ค์ •๋„ ๋™์ผํ•จ์—๋„ ๋œฌ๋‹ค. ์ฆ‰, ์ด์œ ๋Š” ๋‚œ ๋ชจ๋ฅด๊ฒ ๋‹ค ใ…Ž.ใ…Ž) ๋‚˜์ค‘์— ์•Œ๊ฒŒ ๋˜๊ฑฐ๋“  ์ˆ˜์ •ํ•ด์•ผ์ง€!nuxt.config.js ํŒŒ์ผ์— ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์„ฑํ•œ๋‹ค.

2021๋…„ 5์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Spring Security UserName, Password ์™ธ ๋‹ค๋ฅธ ํ•ญ๋ชฉ ์ถ”๊ฐ€(.xml, Boot X)

โ€ป ํ•ด๋‹น ๋‚ด์šฉ์€ Boot ํ™˜๊ฒฝ์ด ์•„๋‹ˆ๋ฉฐ, Security ์„ค์ •์„ xml๋กœ ์ด๋ฏธ ์™„์„ฑ ํ–ˆ์„ ๊ฒฝ์šฐ๋‹ค.๋ฐ˜๋‚˜์ ˆ ์ฐพ๋‹ค๊ฐ€ ๊ฒจ์šฐ ์ฐพ์•˜๋‹ค. ๋ณดํ†ต Security Config๋ฅผ xml๋กœ ํ•˜์ง€ ์•Š๊ณ  Java ๋‹จ์—์„œ ์„ค์ •ํ•˜๋‚˜๋ณด๋‹ค. ๊ทธ๋ž˜์„œ ์ฐพ๊ธฐ๊ฐ€ ํž˜๋“ค์—ˆ๋‹ค. ํ™˜๊ฒฝJava 1.7Spring F

2021๋…„ 2์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

React :: npm ์›นํŒฉ ์„ค์น˜ํ•˜๊ธฐ

script๋งŒ ์žˆ์–ด๋„, ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•œ๋ฐ ์™œ ์“ธ๊นŒ? ๊ฐ€์žฅ ํฐ ์ด์œ ๋Š” Componentํ•˜๋‚˜์— ์ „์ฒด ๊ธฐ๋Šฅ์ด ๋“ค์–ด๊ฐ€๊ธฐ๋Š” ์–ด๋ ต๊ธฐ ๋•Œ๋ฌธ์—, ๊ฐ๊ฐ์˜ ๊ธฐ๋Šฅ์„ "๋ชจ๋“ˆ"์ฒ˜๋Ÿผ ๋งŒ๋“ค์–ด์„œ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•จ์ด๋ผ๊ณ  ๋ณด๋ฉด ๋  ๊ฒƒ ๊ฐ™๋‹ค.npm initnpm i react react-domnpm i -D

2021๋…„ 2์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

React :: ๋ณ€์ˆ˜ ์„ ์–ธ

cf.Zerocho

2021๋…„ 2์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React :: ์„ค์น˜ ์—†์ด ์‚ฌ์šฉ ๋ฐ ์‹คํ–‰ ํ•ด๋ณด๊ธฐ

Chrome ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ์„ค์น˜ : React Developer Toolshtml script link

2021๋…„ 2์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[Vue.js] Native Script ํ™˜๊ฒฝ์„ค์ •

npm install adoptopenjdk --version 8.192npm install android-sdk -y

2020๋…„ 10์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Vue - ์„ค์น˜ ํ™•์ธ ๋ฐ ํ”„๋กœ์ ํŠธ๋งŒ๋“ค๊ธฐ, ์‹คํ–‰ํ•˜๊ธฐ

ํ˜„์žฌ ๋ฒ„์ „ :: v10.15.0ํ˜„์žฌ ๋ฒ„์ „ :: 6.7.0Vue CLI ์„ค์น˜ :: ์„ค์น˜ ๋˜๋Š” ์œ„์น˜ C://Users/์‚ฌ์šฉ์ž/AppData/Roaming/npm/node_modules์„ค์น˜๊ฐ€ ๋‹ค ๋˜๋ฉด, ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ณด์—ฌ์ง„๋‹ค.ํ•˜๋ฉด, ํ”„๋กœ์ ํŠธ ํ•˜๋‚˜๊ฐ€ ์„ค์น˜ ๋˜๋Š”๋ฐ .. ๋‹ค์Œ๊ณ  ๊ฐ™

2020๋…„ 9์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[Vue.js] $mount์™€ el ํ‘œํ˜„

new Vue({ el: '})

2020๋…„ 9์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

jQuery์˜ dialog

jQuery์— ๊ธฐ๋ณธ์œผ๋กœ ํƒ‘์žฌ๋˜์–ด์žˆ๋Š” dialog๋Š” ์ •๋ง ์‚ฌ์šฉ์ด ์šฉ์ดํ•˜๋‹ค.dialog๋Š” ํŒ์—…์ธ๋ฐ, ํฌ๊ธฐ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ, ์›€์ง์ด๋Š” ๊ฒƒ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค.์œ„์™€ ๊ฐ™์ด ์‹คํ–‰ํ•˜๋ฉด bodyํƒœ๊ทธ ๋์— ๋ถ™๊ณ , ํ•„์š”์— ๋”ฐ๋ผ ํŠน์ • ํƒœ๊ทธ ์•ˆ์— ๋งŒ๋“ค๊ณ  ์‹ถ์„ ๋•Œ ์ถ”๊ฐ€๋กœ ์˜ต์…˜์„ ์„ค์ •ํ•˜๋ฉด ๋œ๋‹ค.

2020๋…„ 9์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Dom ์ถ”๊ฐ€ ๋œ ํ›„ ๋ฐœ์ƒ ์ด๋ฒคํŠธ

Dom์ด ์ถ”๊ฐ€๋œ ํ›„ ๋ฐœ์ƒ๋˜๋Š” ์ด๋ฒคํŠธ๊ฐ€ ์žˆ๋‹ค.ajax์˜ ๊ฒฝ์šฐ์—๋Š” beforeSend, complete๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด๋˜๊ณ  ๊ทธ ์™ธ๋Š” ์œ„์™€ ๊ฐ™์€ ์ด๋ฒคํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค.

2020๋…„ 9์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€