profile
growth, achievement and success๐ŸŒฑ

javascript ์—ฐ์Šตํ•˜๊ธฐ

๊ฒฐ๊ณผ : ์ค‘๊ตฌ 31 ์ข…๋กœ๊ตฌ 39 .. ์ด๋Ÿฐ์‹์œผ๋กœ์•ˆ์— if๋ฌธ๋„ ์“ธ ์ˆ˜ ์žˆ๊ณ .. ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ์ •๋ณด๋งŒ ๊ฐ€์ ธ์˜จ๋‹ค.

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

์„œ๋ฒ„ ๊ณ„์† ์‹คํ–‰์‹œํ‚ค๊ธฐ

์ปดํ“จํ„ฐ๊ฐ€ ๊บผ์ ธ๋„ git-bash๋ฅผ ๊บผ๋„ ์„œ๋ฒ„๊ฐ€ ๊ณ„์† ์‹คํ–‰๋˜๊ฒŒ ํ•˜๊ธฐnohup python app.py &์„œ๋ฒ„ ๋„๊ธฐ(์ƒˆ๋กœ์šด ํŒŒ์ผ์„ ์—…๋กœ๋“œํ•˜๊ณ  ์‹ถ์„ ๋•Œ)ps -ef | grep 'app.py'ps -efํ•˜๋ฉด ์ปดํ“จํ„ฐ์— ๋Œ์•„๊ฐ€๊ณ  ์žˆ๋Š” ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹ค ๋ณด์—ฌ์ค€๋‹ค.grep 'app.p

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

AWS ์„œ๋ฒ„ ๊ตฌ๋งคํ•˜๊ธฐ

์ธ์Šคํ„ด์Šค = ์ปดํ“จํ„ฐ. 1๋…„๋™์•ˆ ๋ฌด๋ฃŒ์šฐ๋ถ„ํˆฌ ์„ค์น˜(๋ฆฌ๋ˆ…์Šค ์ข…๋ฅ˜ ์ค‘ ํ•˜๋‚˜)git bash์—์„œ ์ œ์–ด (์›๊ฒฉ ์ ‘์†)๋ฆฌ๋ˆ…์Šค๋Š” ๋ชจ๋“  ๊ฒƒ์ด ๋ช…๋ น์œผ๋กœ ์ด๋ฃจ์–ด์ง„๋‹ค.mkdir ์€ make directory์˜ ์•ฝ์ž. mkdir sparta sparta ๋ผ๋Š” ํด๋” ๋งŒ๋“ค๊ธฐls ๋Š” ํ˜„์žฌ ๋‚˜์˜ ์œ„

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

๋‚ด ํ”„๋กœ์ ํŠธ๋ฅผ ์„œ๋ฒ„์— ์˜ฌ๋ฆฌ๊ธฐ

์„œ๋ฒ„ : ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์š”์ฒญํ•˜๋ฉด ๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ ๊ทธ๋ฆด ๊ฒƒ์„ ์ฃผ๊ฑฐ๋‚˜, ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ajax๋กœ ์š”์ฒญํ•˜๋ฉด ajax์— ๋Œ€ํ•œ ๋‹ต๋ณ€์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ค€๋‹ค. ํด๋ผ์ด์–ธํŠธ๋“ค์˜ ์š”์ฒญ์„ ๋ฐ›๋Š”๋‹ค. ์„œ๋ฒ„๋Š” ์–ด๋–ค ์ปดํ“จํ„ฐ๋“  ๊ทธ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. ์–ธ์ œ๋‚˜ ์š”์ฒญ์— ์‘๋‹ตํ•˜๋ ค๋ฉด, 1\. ์ปดํ“จํ„ฐ๊ฐ€ ํ•ญ์ƒ ์ผœ์ ธ์žˆ

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

ํ™˜๊ฒฝ

์ž‘์—… ํ™˜๊ฒฝ : pycharm(requests, beautifulsoup, flask, pymongo ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ค์น˜)mongoDB : DBrobo3T : DB์— ์ €์žฅ๋œ ๊ฒƒ ๋ณด๊ธฐflask : serverhtml, css, javascript, jquery : fronte

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

API ๋งŒ๋“ค๊ธฐ

API : ์€ํ–‰์ด ๊ณ ๊ฐ์„ ๋ฐ›๊ธฐ ์œ„ํ•ด์„œ ๋งŒ๋“ค์–ด ๋†“์€ ์ฐฝ๊ตฌ์ฒ˜๋Ÿผ ์„œ๋ฒ„๋„ ํด๋ผ์ด์–ธํŠธ ์š”์ฒญ์„ ๋ฐ›๊ธฐ ์œ„ํ•ด์„œ ๋งŒ๋“ค์–ด๋†“์€ ์ฐฝ๊ตฌAPI์ข…๋ฅ˜ : GET, POSTGET : ํ†ต์ƒ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ ์กฐํšŒ ์š”์ฒญ ์‹œ ex)์˜ํ™” ๋ชฉ๋ก ์กฐํšŒget์š”์ฒญ์€ ๋ฌผ์Œํ‘œ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋“ค๊ณ  ๊ฐ„๋‹ค.POST : ํ†ต์ƒ์ ์œผ๋กœ

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

Flask๋กœ ์„œ๋ฒ„๊ตฌ๋™ํ•˜๊ธฐ

static ํด๋”: css๋‚˜ ์ด๋ฏธ์ง€ ํŒŒ์ผ๋“ค์„ ๋‹ด์•„๋‘˜ ๋•Œ ์“ด๋‹ค.templates ํด๋”: htmlํŒŒ์ผ ๋‹ด์•„๋‘๋Š” ๊ณณ render_template์ด๋ผ๋Š” ํ”Œ๋ผ์Šคํฌ์—์„œ ์ด๋ฏธ ์ •ํ•ด๋‘” ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•˜๋ฉด์ž๋™์œผ๋กœ templatesํด๋” ์•ˆ์— ์žˆ๋Š” index.htmlํŒŒ์ผ์„ ์šฐ๋ฆฌํ•œํ…Œ ๊ฐ€์ ธ๋‹ค๊ฐ€

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

์„œ๋ฒ„

์„œ๋ฒ„๋„ ํ”„๋กœ๊ทธ๋žจ ์ค‘ ํ•˜๋‚˜.์„œ๋ฒ„๋ฅผ ๋Œ์•„๊ฐ€๊ฒŒ ๋งŒ๋“œ๋Š” ํŒŒ์ผ ์ด๋ฆ„์€ ํ†ต์ƒ์ ์œผ๋กœ app.py๋กœ ์ง“๋Š”๋‹ค.

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

์ง€๋‹ˆ๋ฎค์ง ํฌ๋กค๋ง(์Šคํฌ๋ž˜ํ•‘)ํ•˜๊ธฐ

์ง€๋‹ˆ๋ฎค์ง ํŽ˜์ด์ง€ -> ๋งˆ์šฐ์Šค ์šฐํด๋ฆญ -> ๊ฒ€์‚ฌ -> copy selector

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

์„œ๋ฒ„-ํด๋ผ์ด์–ธํŠธ ํ†ต์‹ 

API : ์„œ๋ฒ„๊ฐ€ ํด๋ผ์ด์–ธํŠธํ•œํ…Œ ์—ฌ๊ธฐ๋กœ ์š”์ฒญํ•˜๋ผ๊ณ  ์—ด์–ด ๋†“์€ ์ฐฝ๊ตฌJSON : ์„œ๋ฒ„๊ฐ€ ํด๋ผ์ด์–ธํŠธํ•œํ…Œ ๋ฐ์ดํ„ฐ๋ฅผ ์ค„ ๋•Œ์˜ ํฌ๋งท. ๋”•์…”๋„ˆ๋ฆฌ์™€ ๋ฆฌ์ŠคํŠธ์˜ ์กฐํ•ฉ๊ณผ ์ƒ๊น€์ƒˆ๊ฐ€ ๊ฐ™๋‹ค.ํด๋ผ์ด์–ธํŠธ->์„œ๋ฒ„ ์š”์ฒญํ•  ๋•Œ ํƒ€์ž… ์กด์žฌ : GET(ํ†ต์ƒ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ ์กฐํšŒ(Read)์š”์ฒญ-ex.์˜ํ™” ๋ชฉ๋ก

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

jQuery ์—ฐ์‚ฐ

jqery, javascript ์ฝ˜์†”์ฐฝ์—๋‹ค๊ฐ€ ์ฐ์–ด๋ณด๋ฉด์„œ ํ•˜๋‚˜ํ•˜๋‚˜ ํ™•์ธ์ด๋ ‡๊ฒŒ ํ•ด์•ผ์ง€ ์—๋Ÿฌ๊ฐ€ ์–ด๋””์„œ ๋‚ฌ๋Š”์ง€๋„ ์•Œ๊ธฐ ์‰ฌ์›€=> console.log(๋‚ด์šฉ)

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

jQuery

: ๋ฏธ๋ฆฌ ์ž‘์„ฑ๋œ javascript์ฝ”๋“œ. ๋”ฐ๋ผ์„œ ์“ฐ๊ธฐ ์ „์— ์ž„ํฌํŠธ๋ฅผ ํ•ด์ค˜์•ผํ•œ๋‹ค.๋ถ€ํŠธ์ŠคํŠธ๋žฉ ํ…œํ”Œ๋ฆฟ์œผ๋กœ ์‹œ์ž‘ํ•  ๋•Œ๋Š” ์•ˆ์— jquery์ž„ํฌํŠธ๋ฌธ์ด ํฌํ•จ๋˜์–ด ์žˆ์Œ.๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์“ฐ์ง€ ์•Š๋Š” ๊ฒฝ์šฐ์—๋Š” ๊ผญ ๋”ฐ๋กœ ์ž„ํฌํŠธํ•ด์ค˜์•ผํ•œ๋‹ค.๋ช…๋ น์„ ๋‚ด๋ฆฌ๊ธฐ ์œ„ํ•ด ์ง€์นญํ•œ๋‹ค=>id์‚ฌ์šฉ$('$('#')์€ ์ง€

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

javascript

javascript : ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ์ค‘ ํ•˜๋‚˜๋กœ, ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์œ ์ผํ•˜๊ฒŒ ์•Œ์•„๋“ค์„ ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด java์™€ javascript์ฐจ์ด๋Š” ์ธ๋„์™€ ์ธ๋„๋„ค์‹œ์•„.. ์•„๋ฌด ๊ด€๊ณ„ ์—†์Œ head์•ˆ์— script์•ˆ์— function ํŽ˜์ด์ง€ ์šฐํด๋ฆญ->๊ฒ€์‚ฌ->์ฝ˜์†”์ฐฝ์—์„œ ํ•ด๋ด๋„ ๋จ javas

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

๋ถ€ํŠธ์ŠคํŠธ๋žฉ

๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์ด์šฉํ•˜๋ฉด ๋‚จ์ด ๋งŒ๋“ค์–ด๋†“์€ css์“ธ ์ˆ˜ ์žˆ๋‹ค.์ฝ”๋“œ์—๋Š” ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์‹œ์ž‘ ํ…œํ”Œ๋ฆฟ์ด ์žˆ์–ด์•ผ ํ•˜๊ณ , https://getbootstrap.com/docs/4.0/components/buttons/์ด๊ฒŒ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์‚ฌ์ดํŠธ

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

html, css๊ธฐ๋ณธ

html : ๋ผˆ๋Œ€head : body์ด์™ธ์˜ ๋ถ€๋ถ„(title, icon, ๊ตฌ๊ธ€ ๊ฒ€์ƒ‰์—”์ง„์ด ๋‚ด ์‚ฌ์ดํŠธ๋ฅผ ํผ๊ฐ€๊ธฐ ์ข‹๊ฒŒ ํ•˜๋Š” ๊ฒƒ๋“ค, css/java script, ์นด์นด์˜คํ†ก์— ๋‚ด ํŽ˜์ด์ง€ ๊ณต์œ ํ–ˆ์„ ๋•Œ ๋œจ๋Š” ์ด๋ฏธ์ง€, ์ œ๋ชฉ) body : ๋ˆˆ์— ๋ณด์ด๋Š” ๋ถ€๋ถ„์™ธ์šฐ๋Š” ๊ฒƒ ์•„๋‹˜, ํ•„์š”ํ•  ๋•Œ๋งˆ

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

์„œ๋ฒ„, ํด๋ผ์ด์–ธํŠธ, ์›น์˜ ๋™์ž‘ ๊ฐœ๋…

๋ธŒ๋ผ์šฐ์ €์˜ ์—ญํ•  : ๋ธŒ๋ผ์›Œ = ํด๋ผ์ด์–ธํŠธ. 1)์„œ๋ฒ„์—๊ฒŒ ์š”์ฒญ. ์„œ๋ฒ„ ์ฃผ์†Œ๋Š” url(www.naver.com). 2)๋ธŒ๋ผ์šฐ์ €๋Š” ์„œ๋ฒ„์—์„œ ๋ฐ›์€ ๊ฒƒ์„ ๊ทธ๋Œ€๋กœ ๊ทธ๋ ค์ฃผ๊ธฐ๋งŒ ํ•œ๋‹ค. ex.ํฌ๋กฌ, ์ธํ„ฐ๋„ท ์ต์Šคํ”Œ๋กœ๋Ÿฌ์„œ๋ฒ„๊ฐ€ ๋ธŒ๋ผ์šฐ์ €๋กœ ์š”์ฒญ์„ ๋ฐ›๊ณ  ๋ฌด์–ธ๊ฐ€๋ฅผ ์ค€๋‹ค ๊ทธ ๋ฌด์–ธ๊ฐ€๊ฐ€ html(๋ผˆ๋Œ€

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