Bibi's DevLog ๐Ÿค“๐ŸŽ

TIL - [20.08.29] ๋ณธ๋ฌธ

TIL

TIL - [20.08.29]

๋น„๋น„ bibi 2020. 8. 29. 23:25

์˜ค๋Š˜์€ ์•Œ๋ฐ”์™€ ์ง‘์•ˆ์ผ๋กœ ๋ฐ”์œ ํ•˜๋ฃจใ… ใ…  ๊ทธ๋ž˜๋„ ์ฝ”๋”ฉ์€ ํ•ด์•ผ์ง€!!

 

TIL

๋ฐ์ฝ”๋ ˆ์ดํ„ฐ (@login_required)๋ฅผ ํ™œ์šฉํ•ด userID=g.user_id ๋กœ ๋ถˆ๋Ÿฌ์™€๋„ ์„œ๋ฒ„ ์˜ค๋ฅ˜๊ฐ€ ๋œฌ๋‹ค. ์™œ ๊ทธ๋Ÿฐ ๊ฑธ๊นŒ? ใ… ใ… 
์ฝ˜์†”๋กœ๊ทธ๋„ ํŒŒ์ด์ฌ๋กœ๊ทธ๋„ ์•„๋ฌด๊ฒƒ๋„ ์•ˆ๋œจ๋ฉด์„œ '์„œ๋ฒ„ ์˜ค๋ฅ˜!'๊ฐ€ ๋œฌ๋‹ค. ํ‘ํ‘..

์šฐ์„  ์–ด์ œ ์งˆ๋ฌธ๋“œ๋ฆฐ ํŠœํ„ฐ๋‹˜๊ป˜ ๋‹ค์‹œ ์งˆ๋ฌธ์„ ์˜ฌ๋ ค ๋ณด์•˜๋‹ค.. ์–ธ์  ๊ฐ„ ๋‹ต๋ณ€ํ•ด์ฃผ์‹œ์ง€ ์•Š์„๊นŒ..?

>> ๋†€๋ž๊ฒŒ๋„ ์ด์‹œ๊ฐ„์— ๋ฐ”๋กœ ๋‹ต๋ณ€์„ ํ•ด ์ฃผ์…จ๋‹ค..!!(์ €๋…9-10์‹œ)
์ƒ์„ธํžˆ ๋‹ต๋ณ€ํ•ด์ฃผ์‹  ์ŠคํŒŒ๋ฅดํƒ€ ์ด์ฐฌ* ํŠœํ„ฐ๋‹˜๊ป˜ ์••๋„์ ์ธ ๊ฐ์‚ฌ.. ๊ทธ๋žœ์ ˆ.. ๐Ÿ™‡‍โ™€๐Ÿ™‡‍โ™€

<< ์˜ค๋Š˜์˜ ์˜ค๋ฅ˜ ๋””๋ฒ„๊น… >> 

๋ฌธ์ œ๊ฐ€ ์žˆ๋˜ ๋ถ€๋ถ„ : ๊ธฐ์กด ๋กœ๊ทธ์ธํ•จ์ˆ˜์—์„œ id๊ฐ’์ด ๋“ค์–ด์žˆ๋Š” ํ† ํฐ์„ ์ฟ ํ‚ค์— ๋‹ด์•„ "ํ—ค๋”"์— ์ €์žฅํ–ˆ๋‹ค. ์ด๋ ‡๊ฒŒ :

function load_user_info() {
            $.ajax({
                type: "GET",
                url: "/api/nick",
                headers: {'token_give': $.cookie('mytoken')},
                data: {},
                success: function (response) {
                    if (response['result'] == 'success') {
                        // ์˜ฌ๋ฐ”๋ฅธ ๊ฒฐ๊ณผ๊ฐ’์„ ๋ฐ›์œผ๋ฉด nic (...)

๊ทธ๋Ÿฐ๋ฐ ๋‚ด๊ฐ€ ๋งŒ๋“  API์—์„œ ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ๋ฅผ ํ†ตํ•ด ์ฟ ํ‚ค๋ฅผ ์ฐพ์„ ๋•Œ, ๊ทธ API์—์„œ๋Š” ํ—ค๋”์— ์ฟ ํ‚ค๋ฅผ ๋ณด๋‚ด๊ณ  ์žˆ์ง€ ์•Š์•˜๋‹ค. 

์ฆ‰ 1์ฐจ์ ์ธ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์€
-> ๋‚ด๊ฐ€ ๋งŒ๋“ค์–ด๋‘” API ๊ฐ๊ฐ์—  headers: {'token_give': $.cookie('mytoken')}, ์„ ์ถ”๊ฐ€ํ•˜๋ฉด ๋˜๋Š” ๊ฑฐ์˜€๋Š”๋ฐ

ํŠœํ„ฐ๋‹˜์ด ์•Œ๋ ค์ฃผ์‹  ํ•ด๊ฒฐ๋ฐฉ์•ˆ์€ $.ajax ํ—ค๋”์— ์ฟ ํ‚ค๊ฐ’์„ ์ง์ ‘ ๋„ฃ์–ด ๋ณด๋‚ด๋Š” ๋Œ€์‹ ,
"ํด๋ผ์ด์–ธํŠธ์— ์ฟ ํ‚ค๋กœ ๊ฐ’์„ ์ €์žฅํ•ด ์ฟ ํ‚ค๊ฐ’์ด ๋ชจ๋“  ์š”์ฒญ์— ํ•จ๊ป˜ ์„œ๋ฒ„๋กœ ์ „๋‹ฌ๋˜๋„๋ก ํ•œ๋‹ค"๋Š” ๊ฑฐ์˜€๋‹ค. ๐Ÿ‘
์ฆ‰ ํ—ค๋”์—์„œ ํ† ํฐ๋ฅผ ๊บผ๋‚ด๋Š” ๋Œ€์‹  ์ฟ ํ‚ค์—์„œ ๊บผ๋‚ด๋„๋ก ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๊ธฐ๋กœ! 
๊ทธ๋ž˜์„œ login.html์˜ $ajax ์™€ app.py์˜ ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ(@login_required)์— ์ˆ˜์ •์ด ํ•„์š”ํ–ˆ๋‹ค.

>> ๋ณ€์ˆ˜๋ช… ๋ณ€๊ฒฝ (login.html) 
 : $.cookie('mytoken', response['token']);  ->  $.cookie('token_give', response['token']);

>> ์š”์ฒญ ๊ฒฝ๋กœ ๋ณ€๊ฒฝ (app.py) : .headers.get ์—์„œ .cookies.get๋กœ!
 : (๋ฐ์ฝ”๋ ˆ์ดํ„ฐ @login_required) 
 token_receive = request.headers.get("token_give")  -> token_receive = request.cookies.get('token_give')

----

์ด๋ ‡๊ฒŒ ํ–ˆ๋Š”๋ฐ๋„ ์•ˆ๋˜๊ธธ๋ž˜ ํ‘ํ‘.. ๋˜ ์งˆ๋ฌธ๋“œ๋ ค์•ผ ํ•˜๋‚˜ ํ–ˆ๋Š”๋ฐ
ํ˜น์‹œ๋‚˜ ํ•ด์„œ ๋กœ๊ทธ์•„์›ƒํ•˜๊ณ  ๋‹ค์‹œ ๋กœ๊ทธ์ธํ•ด์„œ ํ•ด๋ณด๋‹ˆ ์ž˜ ๋œ๋‹ค!! ์•„๋งˆ ์ˆ˜์ •๋œ html, ํŒŒ์ด์ฌํŒŒ์ผ์ด ๋ฐ˜์˜์ด ๋œ ๋์—ˆ๋‚˜๋ณด๋‹ค.

 

+++

www.codingfactory.net/10534

 

CSS / ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ ๋งŒ๋“ค๊ธฐ

๋ฐ˜์‘ํ˜• ์›น๋””์ž์ธ ์›น์‚ฌ์ดํŠธ์˜ ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค ๋•Œ ๋ฐฉ๋ฌธ์ž๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ๋ชจ๋‹ˆํ„ฐ์˜ ํ™”๋ฉด ํ•ด์ƒ๋„๋ฅผ ๊ณ ๋ คํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋„ˆ๋ฌด ํฌ๊ฒŒ ๊ฐ€๋กœํญ์„ ๋งŒ๋“ค๋ฉด ์ž‘์€ ํ•ด์ƒ๋„์˜ ๋ชจ๋‹ˆํ„ฐ๋กœ ์ ‘์†ํ–ˆ์„ ๋•Œ ๊ฐ€๋กœ ์Šคํฌ๋กค์ด

www.codingfactory.net

์ŠคํŒŒ๋ฅดํƒ€ ์Šฌ๋ž™์ฑ„๋„์— ์˜ฌ๋ผ์˜จ ๋ชจ๋ฐ”์ผ์ตœ์ ํ™”? ํ™”๋ฉด ๋งŒ๋“ค๊ธฐ css ํŒ! ๋‚˜๋„ ํ•ด๋ด์•ผ๊ฒ ๋‹ค '0'

 

 

์•ž์œผ๋กœ ํ•  ์ผ

(์–ด์ œ์ž TIL)

1. ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„!
์ŠคํŒŒ๋ฅดํƒ€ ์ƒ˜ํ”Œ ํŒŒ์ผ ๋œฏ์–ด๋ณด๋ฉฐ ๊ฐœ๋… ๊ฐ„๋‹จํžˆ ์ •๋ฆฌํ•˜๊ณ  ๊ตฌํ˜„ํ•˜๊ธฐ.
-> ํ•˜๋Š” ์ค‘! ์ง„์งœ์ง„์งœ ๊ฑฐ์˜ ๋‹ค ํ–‡๋‹น

2. ๋‚ ์”จ openAPI์ฐพ์•„์„œ ์ •๋ฆฌํ•˜๊ธฐ

3. ์•Œ๋ฆผ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ
-์นดํ†ก: ์นด์นด์˜คํ†ก openAPI ํ™œ์šฉํ•ด ํŒŒ์ด์ฌ์œผ๋กœ ์นดํ†ก ๋ณด๋‚ด๊ธฐ (์ฐธ๊ณ :https://ai-creator.tistory.com/23) ๋‚˜์—๊ฒŒ ๋ฉ”์‹œ์ง€ ๋ณด๋‚ด๊ธฐ.
-๋ฉ”์ผ: ์ˆ˜์—…์ž๋ฃŒ 'ํ•œ๊ฑธ์Œ ๋”' ์ฐธ๊ณ ํ•ด ํŒŒ์ด์ฌ์œผ๋กœ ๋ฉ”์ผ ๋ณด๋‚ด๊ธฐ.
->๋‘˜๋‹ค ์‚ฌ์šฉ์ž๊ฐ€ ์„ค์ •ํ•œ ์‹œ๊ฐ„์— ์•Œ๋ฆผ ๋ณด๋‚ด๊ธฐ!

+ ์ผ์ •๊ฒ€์ƒ‰ ์กฐ๊ฑด ์™„ํ™”?ํ•˜๊ธฐ(20.08.26 TIL ์ฐธ๊ณ )

+ ๊ธฐ์กด ์ผ์ •๋ช…->_id๊ฐ’์œผ๋กœ ๊ณ ์น  ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์€ ์„œ๋ฒ„, ํด๋ผ์ด์–ธํŠธ ๊ณ ์น˜๊ธฐ

+ 7์ผ, 30์ผ ๋ ˆ์ด์•„์›ƒ ๋งŒ๋“ค๊ธฐ

-์•„์ด๋””(์ด๋ฉ”์ผ) ์ค‘๋ณต๊ฒ€์‚ฌ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ. (๋ฒ„ํŠผ๊ณผ ํ•จ์ˆ˜๋Š” ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด ๋‘ )

 

์ด์ œ ๋‚ด์ผ์€ ์ง„์งœ์ง„์งœ๋กœ ๋นก์ฝ”๋”ฉํ•ด์„œ API์ „๋ถ€ ์ˆ˜์ •ํ•ด์•ผ๊ฒ ๋‹ค!!
์›”์š”์ผ ์ˆ˜์—… ์ „๊นŒ์ง€ ๋ถˆ๊ฝƒ์ฝ”๋”ฉํ•˜์ž ๐Ÿ”ฅ
๋ชฉํ‘œํ•œ ๋งŒํผ ๋‹ค ํ•˜์ง„ ๋ชปํ•˜๋”๋ผ๋„, ๋ชฉํ‘œ๋ฅผ ๋†’๊ฒŒ ์žก์œผ๋ฉด ๋‚ฎ๊ฒŒ ์žก์„ ๋•Œ๋ณด๋‹ค ๋” ๋งŽ์ด ์ด๋ฃจ๊ฒŒ ๋˜๋”๋ผ
์ด๋ฒˆ์—๋„ ๊ทธ๋žฌ์œผ๋ฉด!!

 

์˜ค๋Š˜์˜ ์ˆœ์ˆ˜๊ณต๋ถ€์‹œ๊ฐ„ - 2:21:54๐Ÿ˜

๊ฑฐ์˜ ์‚ฝ์งˆ, ์งˆ๋ฌธ&๋‹ต๋ณ€์ด์—ˆ์ง€๋งŒ.. ๊ทธ๋ž˜๋„.. :3