Gatsby: ํ•ด์‹œ ์—…๋ฐ์ดํŠธ์—์„œ onRouteUpdate๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค.

์— ๋งŒ๋“  2017๋…„ 10์›” 02์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: gatsbyjs/gatsby

๋‚˜๋Š” ๋‚ด ๋ณด๋ƒ…๋‹ˆ๋‹ค onRouteUpdate ์—์„œ gatsby-browser.js ๊ณผ ๊ฐ™์ด :

export const onRouteUpdate = ({ location, action }) => {
    if (
        window.location &&
        typeof window.location.href === 'string' &&
        window.location.href.includes('www.example.com') // make sure we're on live site
    ) {
        window.analytics.page();
    } else {
        console.log('PAGE: ', window.location.href, action, location);
    }
    return;
};

์ด๊ฒƒ์€ ์ž˜ ์ž‘๋™ํ•˜์ง€๋งŒ ํŽ˜์ด์ง€์— ์•ต์ปค ๋งํฌ๊ฐ€ ์žˆ์œผ๋ฉด ๊ทธ์ค‘ ํ•˜๋‚˜๋ฅผ ํด๋ฆญ ํ•  ๋•Œ๋งˆ๋‹ค ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.

action === 'PUSH' ๊ฒฝ๋กœ ์—…๋ฐ์ดํŠธ์—์„œ page() ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ๋ชจ๋“  ์ดˆ๊ธฐ ํŽ˜์ด์ง€๋กœ๋“œ์‹œ ์ด๋ฒคํŠธ๊ฐ€ ์ฐจ๋‹จ๋ฉ๋‹ˆ๋‹ค.

์ด ์ถ”์ ์—์„œ ์•ต์ปค ๋งํฌ ์ด๋ฒคํŠธ๋ฅผ ์ œ๊ฑฐํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ?

documentation question or discussion

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

์•ˆ๋…•ํ•˜์„ธ์š” @brandonmp # ๋ฌธ์ž๊ฐ€ ์žˆ์œผ๋ฉด window.location.href ํ™•์ธ ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

@sebastienfi ๋Š” ํ•ด์‹œ ์—…๋ฐ์ดํŠธ (์•ต์ปค๋ฅผ ํด๋ฆญ ํ•  ๋•Œ ๋ฐœ์ƒํ•˜๋Š” ์ผ)๊ฐ€ onRouteUpdate API๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜์ง€ ์•Š์•„์•ผํ•œ๋‹ค๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค. ๋‚˜์—๊ฒŒ ๊ฝค ํ•ฉ๋ฆฌ์ ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ํ•ด์‹œ ์—…๋ฐ์ดํŠธ๋Š” ํŽ˜์ด์ง€ ์ „ํ™˜์‹œ์—๋งŒ API๊ฐ€ ํŠธ๋ฆฌ๊ฑฐ๋˜๋Š” ๋‹จ์ผ ํŽ˜์ด์ง€ ๋‚ด์—์„œ๋งŒ ๋ฐœ์ƒํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

@brandonmp ๋Š” ์—ฌ๊ธฐ์—์„œ ๋™์ผํ•œ ํŽ˜์ด์ง€ ๋‚ด์˜ ํ•ด์‹œ ๋ณ€๊ฒฝ์„ ํ•„ํ„ฐ๋งํ•˜๋Š” PR์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค! https://github.com/gatsbyjs/gatsby/blob/84362074df2238e6794bb6a056e0163ac1c0dfdd/packages/gatsby/cache-dir/production-app.js#L112

์•„๋งˆ๋„ ํ•จ์ˆ˜๋ฅผ ๋‹ค๋ฅธ ํŒŒ์ผ์— ๋„ฃ๊ณ  ๋ช‡ ๊ฐ€์ง€ ํ…Œ์ŠคํŠธ๋ฅผ ์ถ”๊ฐ€ํ• ๊นŒ์š”?

์–ธ์ œ์ธ์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์ง€๋งŒ ๋” ์ด์ƒ ๊ฒฝ๋กœ ๋ณ€๊ฒฝ์‹œ onRouteUpdate ๋ฅผ ์‹คํ–‰ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

๊ด€๋ จ ๋ฌธ์ œ

kalinchernev picture kalinchernev  ยท  3์ฝ”๋ฉ˜ํŠธ

totsteps picture totsteps  ยท  3์ฝ”๋ฉ˜ํŠธ

ghost picture ghost  ยท  3์ฝ”๋ฉ˜ํŠธ

hobochild picture hobochild  ยท  3์ฝ”๋ฉ˜ํŠธ

benstr picture benstr  ยท  3์ฝ”๋ฉ˜ํŠธ