๐ [ํํ] ์ธ์คํ๊ทธ๋จ ํด๋ก ์ฝ๋ฉ
๐ญ mypage GET ์์ฒญ ์์ฑ
- ์ธ์คํ๊ทธ๋จ์ mypage์ ๋น์ทํ๊ฒ UI๋ฅผ ์์ฑํ ํ, ์ฌ์ฉ์์ ๋ฐ๋ผ ๋ณด์ฌ์ง๋ ๊ฐ์ด ๋ฌ๋ผ์ง ์ ์๋๋ก ํ๊ธฐ ์ํด ์ ์ฉํ๊ฒ ๋์๋ค.
- ๊ธ์ผ ์งํํ ์ ๋๋ก๋ ์ฌ์ฉ์์ ๋ฐ๋ผ ๊ฐ์ด ๋ฌ๋ผ์ง๊ฒ ํ ์๋ ์์๋ค. ๋ก๊ทธ์ธ ์ชฝ๊ณผ ๊ผญ ๋ง๋ฌผ๋ ค์ผ ํ๋ ๋ถ๋ถ์ด ๋ง์๋ค. jwt ๊ด๋ จํด์ ๊ณง ๊ณต๋ถ๋ฅผ ํ๊ณ ์ฝ๋๋ฅผ ํด๋ถ๋ฅผ ํ ์๊ฐ์ด๋ค.
- ๋ํ post ๊ด๋ จ db์ follower์ following ๊ด๋ จ db์ ๋ํ API๋ฅผ ์์ฑํ๊ฒ ๋๋ค๋ฉด, temp_html์ ๋ด์ฉ์ ์์ ํ ์์ ์ด๋ค.
function show_insta_id() {
$.ajax({
type: 'GET',
{#๊ฒฝ๋ก ์ค์ ์์ ์๊พธ ์๋ฌ๊ฐ ๋ฐ์ํด mypage ๋ค์ ๊ฒฝ๋ก๋ฅผ ํ๋ ๋ ์ถ๊ฐํด์ฃผ์๋ค.#}
url: '/mypage/user',
data: {},
success: function (response) {
const prof_name = response['user_info_list']
const name = prof_name[0]['name']
const insta_id = prof_name[0]['insta_id']
let temp_html = `<div class="user_id">${insta_id}</div>
<div>
<div class="state">
<div><a class="state_num" href="">๊ฒ์๋ฌผ 81</a></div>
<div><a class="state_num" href="">ํ๋ก์ 251</a></div>
<div><a class="state_num" href="">ํ๋ก์ฐ 271</a></div>
</div>
</div>
<div class="user_name">${name}</div>`
$('#uppper_right').append(temp_html);
}
})
};