Plots2: Link ์†Œ์…œ ๋ชจ๋‹ฌ๊ณผ ๊ฐ™์€ ์•ก์„ธ์Šค ํ† ํฐ ๋ชจ๋‹ฌ ๊ตฌํ˜„

์— ๋งŒ๋“  2019๋…„ 01์›” 05์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: publiclab/plots2

link_social_modal

์ด๊ฒƒ์€ ๊ฐ„๋‹จํ•œ HTML์„ ์‚ฌ์šฉํ•˜์—ฌ ํ†ตํ•ฉ๋œ ์†Œ์…œ ๋ฏธ๋””์–ด ์—ฐ๊ฒฐ ๋ชจ๋‹ฌ์ž…๋‹ˆ๋‹ค - https://github.com/publiclab/plots2/blob/master/app/views/users/profile.html.erb#L206 -L223

access_token_modal
์ด๊ฒƒ์€ JavaScript๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ†ตํ•ฉ๋œ ์•ก์„ธ์Šค ํ† ํฐ ๋ชจ๋‹ฌ์ž…๋‹ˆ๋‹ค. https://github.com/publiclab/plots2/blob/master/app/views/users/_token.html.erb ๋Š” ํ† ํฐ ๋ชจ๋‹ฌ์ด ์†Œ์…œ ๋ชจ๋‹ฌ.

_token.html.erb ํŒŒ์ผ์— ์žˆ๋Š” JavaScript ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ํ† ํฐ ๋ชจ๋‹ฌ์„ ํ‘œ์‹œํ•˜๊ณ  ์†Œ์…œ ๋ฏธ๋””์–ด ๋ชจ๋‹ฌ, ์ฆ‰ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅผ ๋•Œ ํ˜ธ์ถœ๋˜๋Š” ์ผ๋ฐ˜ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ๋ชจ๋‹ฌ์ฒ˜๋Ÿผ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ์‚ฌ ํ•ด์š”!

CSS HTML JavaScript design fto-candidate refactorization

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@gauravano ์ €๋Š” ๋ชจ๋“  ์Šคํฌ๋ฆฝํŒ…์„ profile.html.erb ํŒŒ์ผ๋กœ ์˜ฎ๊ฒผ์Šต๋‹ˆ๋‹ค. ํ•„์š”์— ๋”ฐ๋ผ ์ถ”๊ฐ€๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค! ์ผ๋ถ€ ์—…๋ฐ์ดํŠธ๊ฐ€ ํ•„์š”ํ•œ ๋ชจ๋ฐ”์ผ ์žฅ์น˜์— ๋Œ€ํ•ด ์‚ดํŽด๋ณด๊ณ  ์‹ถ์€ CSS๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ๊ณ„์†ํ•ด์„œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ํ‘ธ์‹œํ•˜๊ณ  ์ง€๊ธˆ์€ ์ปค๋ฐ‹ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  4 ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š” @gauravano , ๋‚˜๋Š” ์ด๊ฒƒ์„ ์œ„ํ•ด ์กฐ๊ธˆ ๋…ธ๋ ฅํ•˜๊ณ  ๊ทธ๊ฒƒ์„ ์–ป์„ ์ˆ˜ ์žˆ๋Š”์ง€ ๋ณผ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ ๊ณผ์ • ์ด์™ธ์˜ ์ฒซ ๋ฒˆ์งธ ํ”„๋กœ์ ํŠธ์ด๋ฏ€๋กœ ์ €์™€ ํ•จ๊ป˜ ์ธ๋‚ดํ•˜์‹ญ์‹œ์˜ค!

@gauravano ๋ฒ„ํŠผ์„ ํ†ตํ•ด ํด๋ฆฝ๋ณด๋“œ์— ๋ณต์‚ฌํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์–ด๋–ค ํ˜•ํƒœ๋‚˜ ํ˜•ํƒœ๋กœ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ํŒŒ์ผ์—์„œ ๋‹ค๋ฅธ ๋ชจ๋“  JavaScript๋ฅผ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ๋„๋ก ์ฝ”๋“œ๋ฅผ ์กฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ”„๋กœํ•„ ํŒŒ์ผ์— ๋ณต์‚ฌ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๊ณ  ํ† ํฐ ํŒŒ์ผ์„ ์™„์ „ํžˆ ์ œ๊ฑฐํ•˜๊ฑฐ๋‚˜ ํ† ํฐ ํŒŒ์ผ์— ๋ณต์‚ฌ ๊ธฐ๋Šฅ์„ ๊ทธ๋Œ€๋กœ ๋‘์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

@gauravano ์ €๋Š” ๋ชจ๋“  ์Šคํฌ๋ฆฝํŒ…์„ profile.html.erb ํŒŒ์ผ๋กœ ์˜ฎ๊ฒผ์Šต๋‹ˆ๋‹ค. ํ•„์š”์— ๋”ฐ๋ผ ์ถ”๊ฐ€๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค! ์ผ๋ถ€ ์—…๋ฐ์ดํŠธ๊ฐ€ ํ•„์š”ํ•œ ๋ชจ๋ฐ”์ผ ์žฅ์น˜์— ๋Œ€ํ•ด ์‚ดํŽด๋ณด๊ณ  ์‹ถ์€ CSS๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ๊ณ„์†ํ•ด์„œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ํ‘ธ์‹œํ•˜๊ณ  ์ง€๊ธˆ์€ ์ปค๋ฐ‹ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Public Lab @trompj์— ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•˜๋ฉฐ ๊ท€ํ•˜์˜ ์—๋„ˆ์ง€๋ฅผ ๋ณด๊ฒŒ ๋˜์–ด ๊ธฐ์ฉ๋‹ˆ๋‹ค. ๋‹น์‹ ์ด ๋‹น์‹ ์˜ PR์„ ์—ด์—ˆ์œผ๋ฏ€๋กœ ์šฐ๋ฆฌ๋Š” ๊ทธ๊ณณ์—์„œ๋งŒ ๋” ๋งŽ์€ ๋…ผ์˜๋ฅผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ง€๊ธˆ PR์„ ๊ฒ€ํ†  ์ค‘์ž…๋‹ˆ๋‹ค.๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰