inflearn logo
็Ÿฅ่ญ˜ๅ…ฑๆœ‰
inflearn logo

ใƒ•ใƒซใ‚นใ‚ฟใƒƒใ‚ฏใƒชใ‚ขใ‚ฏใƒˆใƒˆใ‚คใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆ - REST, GraphQL (for FE้–‹็™บ่€…)

Reactใƒ™ใƒผใ‚นใฎใ‚ทใƒณใƒ—ใƒซใชSNSใ‚ตใƒผใƒ“ใ‚นใ‚’ไฝœๆˆใ—ใชใŒใ‚‰ใ€REST APIใจGraphQLใ‚’็ทด็ฟ’ใ—ใพใ™ใ€‚ ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰้–‹็™บใฎใŸใ‚ใฎใƒใƒƒใ‚ฏใ‚จใƒณใƒ‰็’ฐๅขƒใ‚’็ฐกๅ˜ใ‹ใค็ฐกๅ˜ใซใ™ใ‚‹ๆ–นๆณ•ใ‚’็ดนไป‹ใ—ใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

REST API
REST API
GraphQL
GraphQL
React
React
REST API
REST API
GraphQL
GraphQL
React
React

ใŠ็Ÿฅใ‚‰ใ›

3 ไปถ

  • jaenam๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    ใ“ใ‚“ใซใกใฏ๏ผ๐Ÿ™‚
    ็งใŒๅŸท็ญ†ใ—ใŸๆœฌใ€Žใ‚ณใ‚ขใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰UIใ€ใฎไบˆ็ด„่ฒฉๅฃฒใŒ้–‹ๅง‹ใ•ใ‚Œใพใ—ใŸใ€‚

    ่ฌ›็พฉใ‚’ๅ—่ฌ›ใ—ใ€ๅ…ฑใซๅญฆใ‚“ใงใใ ใ•ใฃใŸๆ–นใ€…ใฎใŠใ‹ใ’ใงใ€ใ“ใ“ใพใงๆฅใ‚‹ใ“ใจใŒใงใใพใ—ใŸใ€‚

    ใใ“ใงใ€ๆ„Ÿ่ฌใฎๆฐ—ๆŒใกใ‚’่พผใ‚ใฆๅ‡บ็‰ˆ่จ˜ๅฟตใจใ—ใฆ2้€ฑ้–“ใ€

    ใ™ในใฆใฎ่ฌ›็พฉใ‚’25%ๅ‰ฒๅผ•ใ™ใ‚‹ใ‚คใƒ™ใƒณใƒˆใ‚’้–‹ๅ‚ฌใ—ใพใ™ใ€‚ ๐ŸŽ‰๐ŸŽ‰

     

    ๐ŸŽฏ ๅ‰ฒๅผ•ใฎใพใจใ‚

    • ๅฏพ่ฑก: ็งใŒ้‹ๅ–ถใ™ใ‚‹ใ™ในใฆใฎ่ฌ›็พฉ do tรดi ฤ‘iแปu hร nh I offer

    • ๅ‰ฒๅผ•็އ: 25%

    • ๆœŸ้–“: 3ๆœˆ1ๆ—ฅใ€œ15ๆ—ฅ

     

    ๐Ÿ’ก ใ“ใฎใ‚ˆใ†ใซๆดป็”จใ—ใฆใฟใฆใใ ใ•ใ„

    • ๆœฌใ‚’่ชญใ‚€ใ ใ‘ใงใฏ็‰ฉ่ถณใ‚Šใชใ„ๆ–น โ†’ ่ฌ›็พฉใจไธ€็ท’ใซใ”่ฆงใ„ใŸใ ใใจใ€ใ‚ˆใ‚Š็†่งฃใ—ใ‚„ใ™ใใชใ‚Šใพใ™ใ€‚

    • ใ™ใงใซ่ฌ›็พฉใ‚’ๅ—่ฌ›ใ•ใ‚ŒใŸๆ–น โ†’ ๆœฌใงๅพฉ็ฟ’ใƒปๆ•ด็†ใ—ใฆใ„ใŸใ ใใฎใŒใŠใ™ใ™ใ‚ใงใ™ใ—ใ€ๅ‘จใ‚Šใฎๆ–นใซๅ…ฑๆœ‰ใ—ใฆใ„ใŸใ ใ‘ใ‚Œใฐใ•ใ‚‰ใซๆ„Ÿ่ฌใ„ใŸใ—ใพใ™ใ€‚

    • ใพใ ่ฌ›็พฉใ‚’่ดใ„ใŸใ“ใจใŒใชใ„ๆ–น โ†’ ใ“ใฎๆฉŸไผšใซๆœฌใจ่ฌ›็พฉใ‚’ไธ€็ท’ใซๅง‹ใ‚ใฆใฟใฆใฏใ„ใ‹ใŒใงใ—ใ‚‡ใ†ใ‹ใ€‚

     

    1ใƒถๆœˆ้–“้™ๅฎšใฎๅ‰ฒๅผ•ใงใ™ใฎใงใ€ใ”่ˆˆๅ‘ณใฎใ‚ใ‚‹ๆ–นใฏๆœŸ้–“ๅ†…ใซๅ—่ฌ›ใ‚’ใŠ็”ณใ—่พผใฟใใ ใ•ใ„ใ€‚

    ๆœฌใจ่ฌ›็พฉใŒใ€็š†ใ•ใ‚“ใฎๆˆ้•ทใซๅฐ‘ใ—ใงใ‚‚ใŠๅฝนใซ็ซ‹ใฆใ‚Œใฐๅนธใ„ใงใ™ใ€‚

    ใ“ใ‚Œใ‹ใ‚‰ใ‚‚ใ‚ˆใ‚ใ—ใใŠ้ก˜ใ„ใ—ใพใ™๏ผ ๐ŸŒฑ

    0
  • jaenam๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    Next.jsใƒกใ‚คใƒณใƒใƒผใ‚ธใƒงใƒณใŒ11ๆœˆใซ12ใซๆ›ดๆ–ฐใ•ใ‚Œใพใ—ใŸ๏ผˆใƒกใ‚คใƒณใƒใƒผใ‚ธใƒงใƒณใ‚’ใ“ใ‚“ใชใซ้ ป็นใซๅค‰ใˆใ‚‹ใชใ‚“ใฆใ… ๏ผ‰

    ็ขบ่ชใ—ใฆใฟใ‚‹ใจ11ใƒใƒผใ‚ธใƒงใƒณใงๅค‰ใ‚ใฃใŸ็‚นใฏใปใจใ‚“ใฉใชใใ€ๆ–ฐใ—ใๆฉŸ่ƒฝใŒ่ฟฝๅŠ ใ•ใ‚ŒใŸใ‚Šๆ€ง่ƒฝใŒ่‰ฏใใชใฃใŸใใ‚‰ใ„ใงใ™ใญใ€‚

    ใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ๆ™‚ใฎๆณจๆ„็‚นใฏใ€
    node.jsใฎใƒใƒผใ‚ธใƒงใƒณใ‚’12.22.0ไปฅไธŠใซใ™ใ‚‹ๅฟ…่ฆใŒใ‚ใ‚Šใ€ webpackใฏ5ใƒใƒผใ‚ธใƒงใƒณใ‚’ไฝฟ็”จใ™ใ‚‹ๅฟ…่ฆใŒใ‚ใ‚Šใพใ™ใ€‚

    ๆ—ขใซๅ—่ฌ›ๅฎŒไบ†ใ•ใ‚ŒใŸๆ–นใ‚‚ไธ€ๅบฆใ”ใ‚ใƒ†ใ‚นใƒˆใ—ใฆ next ใฎใฟๅ‰Š้™ค/ๅ†ใ‚คใƒณใ‚นใƒˆใƒผใƒซใ—ใฆใฟใ‚‹ใฎใ‚‚ใ„ใ„ใงใ™ใญ :)

    -------------------------------

    ไปฅไธ‹ใฏใƒชใƒชใƒผใ‚นใฎใŠ็Ÿฅใ‚‰ใ›ใฎๅ†…ๅฎนใฎไธญใ‹ใ‚‰11ใƒใƒผใ‚ธใƒงใƒณใจใ€Œๅค‰ใ‚ใฃใŸ้ƒจๅˆ†ใ€ใฎใฟๆŠœ็ฒ‹ใ—ใŸใ‚‚ใฎใงใ™ใ€‚

    After making webpack 5 the default in Next.js 11 , we've now officially removed webpack 4. We've worked closely with the community to ensure a smooth transition to webpack 5.

    target in next.config.js is no longer needed.

    next/image now uses a span as the wrapping element instead of a div.

    The minimum Node.js version has been bumped from 12.0.0 to 12.22.0, which is the first version of Node.js with native ES modules support.

     

    12 ใƒชใƒชใƒผใ‚น้€š็Ÿฅ

    11ใ€œ12ใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ใ‚ฌใ‚คใƒ‰

    0
  • jaenam๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๅŽปใ‚‹2021ๅนด12ๆœˆ27ๆ—ฅใ€YouTubeใฎ่ณผ่ชญ่€…1000ไบบๆ„Ÿ่ฌใฎๆ„ๅ‘ณใง
    ใƒฉใ‚คใƒ–ๆ”พ้€ใ‚’่กŒใ„ใพใ—ใŸใ€‚

    ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใฎใ‚ธใƒฅใƒ‹ใ‚ข้–‹็™บ่€…ใจๅฐฑๅญฆ่€…ๅ‘ใ‘
    ็งๆฌก็ฌฌใฎๅญฆ็ฟ’ๆณ•ใ€ๆˆ้•ทใฎใŸใ‚ใฎใƒ’ใƒณใƒˆใชใฉๆง˜ใ€…ใช่ฉฑใ‚’ไบคใ‚ใ—ใŸใฎใง
    ๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“ใ‚‚ๆ™‚้–“ใ‚’ใ‹ใ‘ใฆไธ€ๅบฆ่ฆ‹ใฆใฟใ‚‹ใจใ„ใ„ใจๆ€ใ„ใพใ™ใ€‚

    https://youtu.be/34vl5MQH-KU

    0

ๆœŸ้–“้™ๅฎšใ‚ปใƒผใƒซใ€ใ‚ใจ8ๆ—ฅๆ—ฅใง็ต‚ไบ†

๏ฟฅ2,146

24%

๏ฟฅ2,861