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

[ใƒชใƒ‹ใƒฅใƒผใ‚ขใƒซ] ใ‚ฐใƒซใƒกใƒžใƒƒใƒ—ใ‚ขใƒ—ใƒชไฝœๆˆ (React Native & NestJS)

React Nativeใ‚’ไฝฟใฃใฆ่‡ชๅˆ†ใ ใ‘ใฎใ‚ฐใƒซใƒก่จ˜้Œฒใ‚ขใƒ—ใƒชใ‚’้–‹็™บใ—ใฆใƒชใƒชใƒผใ‚นใ™ใ‚‹้Ž็จ‹ใ‚’ๅญฆใถใ“ใจใŒใงใใพใ™ใ€‚ใƒ‡ใ‚ถใ‚คใƒณใ‹ใ‚‰ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒปใƒใƒƒใ‚ฏใ‚จใƒณใƒ‰้–‹็™บใ€ใƒ‡ใƒ—ใƒญใ‚คใพใงๅ…จ้Ž็จ‹ใ‚’ๆบ–ๅ‚™ใ—ใพใ—ใŸใ€‚

้›ฃๆ˜“ๅบฆ ไธญ็ดšไปฅไธŠ

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

React Native
React Native
TypeScript
TypeScript
NestJS
NestJS
react-query
react-query
zustand
zustand
React Native
React Native
TypeScript
TypeScript
NestJS
NestJS
react-query
react-query
zustand
zustand

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

3 ไปถ

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

    ๏ฝฅ

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

    ใ“ใ‚“ใซใกใฏใ€‚React Nativeใฎๅ…จ้ขใƒชใƒ‹ใƒฅใƒผใ‚ขใƒซไฝœๆฅญใŒใ™ในใฆๅฎŒไบ†ใ„ใŸใ—ใพใ—ใŸใ€‚ไธปใชๅค‰ๆ›ด็‚นใฏไปฅไธ‹ใฎ้€šใ‚Šใงใ™ใ€‚


    • React Native 0.72 -> 0.79.4 ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใซไผดใ†ใ‚ณใƒผใƒ‰ๅค‰ๆ›ด

      • 0.80ใƒใƒผใ‚ธใƒงใƒณใฏใพใ ใ„ใใคใ‹ใฎใƒฉใ‚คใƒ–ใƒฉใƒชใจใฎไบ’ๆ›ๆ€งใฎๅ•้กŒใŒใ‚ใ‚‹ใŸใ‚ใ€0.79.4ใƒใƒผใ‚ธใƒงใƒณใงใƒชใƒ‹ใƒฅใƒผใ‚ขใƒซใ—ใพใ—ใŸใ€‚

    • React v18 -> React v19 ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใซไผดใ†ใ‚ณใƒผใƒ‰ๅค‰ๆ›ด

    • React Navigation v6 -> React Navigation v7 ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใซไผดใ†ใ‚ณใƒผใƒ‰ๅค‰ๆ›ด

    • ไธ€้ƒจใฎUIใ€ใ‚ณใƒผใƒ‰ใ€ใƒใƒผใƒŸใƒณใ‚ฐไฟฎๆญฃ

    • ไธ€้ƒจๆŽˆๆฅญใ‚ซใƒชใ‚ญใƒฅใƒฉใƒ ๅค‰ๆ›ด

    • ไธ€้ƒจใฎๆ–ฐใ—ใ„ๆŽˆๆฅญ๏ผˆๆฉŸ่ƒฝ๏ผ‰่ฟฝๅŠ ๅŠใณไธ€้ƒจใฎๆŽˆๆฅญ๏ผˆๆฉŸ่ƒฝ๏ผ‰ๅ‰Š้™ค


    ๅ‚่€ƒไบ‹้ …

    • ๆ–ฐใ—ใ„่ฌ›็พฉใŒใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ•ใ‚ŒใŸใ“ใจใซใ‚ˆใ‚Šใ€ๆ—ขๅญ˜ใฎ่ฌ›็พฉใ‚ปใ‚ฏใ‚ทใƒงใƒณใŒ็พๅœจไธ‹ใซ้…็ฝฎใ•ใ‚Œใพใ—ใŸใ€‚๏ผˆใ‚ปใ‚ฏใ‚ทใƒงใƒณ13ใ€œ๏ผ‰ๆ—ขๅญ˜ใฎ่ฌ›็พฉใฏ10ๆœˆใฎ็ง‹ๅค•้€ฃไผ‘๏ผˆ10/9๏ผ‰ใพใง็ถญๆŒใ•ใ‚Œใ€ใใฎๅพŒใ™ในใฆๅ‰Š้™คใ•ใ‚Œใ‚‹ไบˆๅฎšใงใ™ใฎใงใ€ๅ—่ฌ›ใฎ้š›ใซใ”ๅ‚่€ƒใใ ใ•ใ„๏ผ

    • ใƒใƒƒใ‚ฏใ‚จใƒณใƒ‰ใ‚ปใ‚ฏใ‚ทใƒงใƒณใ‚‚ไธ€้ƒจๅค‰ๆ›ด็‚นใŒใ‚ใ‚‹ใŸใ‚ใ€ๅๆ˜ ใ™ใ‚‹ไบˆๅฎšใงใ™ใ€‚


    ใ‚คใƒ™ใƒณใƒˆใฎใ”ๆกˆๅ†…๏ผˆ็ต‚ไบ†๏ผ‰

    ใƒชใƒ‹ใƒฅใƒผใ‚ขใƒซ่จ˜ๅฟตๅ‰ฒๅผ•ใ‚’ๅฎŸๆ–ฝใ—ใฆใŠใ‚Šใ€2้€ฑ้–“๏ผˆ8/24~9/7๏ผ‰ใฎ้–“ใซๅ—่ฌ›ใƒฌใƒ“ใƒฅใƒผใ‚’ๆฎ‹ใ—ใฆใใ ใ•ใ‚‹ๆ–นใซใฏใ€็งใฎไป–ใฎ่ฌ›็พฉ๏ผˆใ‚ขใƒใ‚ฟใƒผใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใ‚ขใƒ—ใƒชไฝœๆˆใ€JavaScriptใงๅญฆใถใƒ‡ใƒผใ‚ฟๆง‹้€ ๏ผ†ใ‚ขใƒซใ‚ดใƒชใ‚บใƒ ๏ผ‰ใฎ40%ๅ‰ฒๅผ•ใ‚ฏใƒผใƒใƒณใพใŸใฏใ‚นใ‚ฟใƒผใƒใƒƒใ‚ฏใ‚นใ‚ขใƒกใƒชใ‚ซใƒผใƒŽใ‚ฎใƒ•ใƒ†ใ‚ฃใ‚ณใƒณใ‚’ใŠ้€ใ‚Šใ—ใพใ™ใ€‚ๅ‚ๅŠ ใ•ใ‚Œใ‚‹ๆ–นใฏinkyo.dev@gmail.comใƒกใƒผใƒซใซไปฅไธ‹ใฎ2ใคใ‚’่จ˜่ผ‰ใ—ใฆใŠ้€ใ‚Šใใ ใ•ใ„๏ผ

    1) ใƒฌใƒ“ใƒฅใƒผใ‚’ๆฎ‹ใ—ใŸใƒ‹ใƒƒใ‚ฏใƒใƒผใƒ  + Inflearn ใƒกใƒผใƒซ

    2) ๅ‰ฒๅผ•ใ‚ฏใƒผใƒใƒณใ‚’ๅ—ใ‘ๅ–ใ‚‹่ฌ›ๅบงๅใพใŸใฏใ‚ณใƒผใƒ’ใƒผใ‚ฎใƒ•ใƒ†ใ‚ฃใ‚ณใƒณใฎไธญใ‹ใ‚‰้ธๆŠž

    • ๅ‰ฒๅผ•ใ‚ฏใƒผใƒใƒณใฏ็ขบ่ชใ•ใ‚Œๆฌก็ฌฌใ€้€ไฟกใ„ใŸใ ใ„ใŸใƒกใƒผใƒซใธใฎ่ฟ”ไฟกใงใŠ้€ใ‚Šใ—ใ€ใ‚ฎใƒ•ใƒ†ใ‚ฃใ‚ณใƒณใฎๅ ดๅˆใฏ9ๆœˆ15ๆ—ฅใซไธ€ๆ‹ฌ้€ไฟกใ•ใ‚Œใพใ™ใ€‚

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

    ๏ฝฅ

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

    ๆ–ฐ่ฆ่ฌ›็พฉ็™บๅฃฒๆกˆๅ†…

    ใ“ใ‚“ใซใกใฏใ€‚ๆ–ฐ่ฆ่ฌ›็พฉใŒใƒชใƒชใƒผใ‚นใ•ใ‚Œใพใ—ใŸใ€‚ไปŠๅ›žใฎ่ฌ›็พฉใฏExpoใ‚’ๅˆฉ็”จใ—ใŸใ‚ขใƒใ‚ฟใƒผใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใ‚ขใƒ—ใƒชไฝœใ‚Š่ฌ›็พฉใงใ™ใ€‚ cli้–‹็™บใŒ้›ฃใ—ใ‹ใฃใŸๆ–นใ‚„ใƒชใ‚ขใ‚ฏใƒˆใƒใ‚คใƒ†ใ‚ฃใƒ–้–‹็™บใŒๅˆใ‚ใฆใฎๆ–นใฏใ€ใ‚ˆใ‚Š็ฐกๅ˜ใซใƒชใ‚ขใ‚ฏใƒˆใƒใ‚คใƒ†ใ‚ฃใƒ–้–‹็™บใ‚’้–‹ๅง‹ใงใใ‚‹่ฌ›็พฉใซใชใ‚Šใใ†ใงใ™ใ€‚


    ๅ—่ฌ›ๅพŒใฎใ‚คใƒ™ใƒณใƒˆๆกˆๅ†…๏ผˆ็ท ใ‚ๅˆ‡ใ‚Š๏ผ‰

    ่ฌ›็พฉใซๅˆฅๅบ—ใจใจใ‚‚ใซๅ—่ฌ›ๅพŒๆœŸใ‚’ๆฎ‹ใ—ใฆใใ ใ•ใฃใŸๆ–นใ€…ใซๆŠฝ้ธใ‚’้€šใ˜ใฆไธ‹่จ˜ใ‚ฎใƒ•ใƒ†ใ‚ฃใ‚ณใƒณใ‚’ใŠ้€ใ‚Šใ—ใพใ™ใ€‚ใ‚ฐใƒซใƒกๅœฐๅ›ณใ‚ขใƒ—ใƒชไฝœใ‚Š่ฌ›็พฉใซๅคšใใฎๆ–นใ€…ใŒ5็‚นใจใจใ‚‚ใซๅพŒๆœŸใ‚’ๆฎ‹ใ—ใฆใใ‚Œใพใ—ใŸใ€‚ใ‚คใƒ™ใƒณใƒˆๅฏพ่ฑกใฏๆ–ฐ่ฆ่ฌ›็พฉใ ใ‘ใงใชใใ€ๆ—ขๅญ˜่ฌ›็พฉใซๆ—ขใซๅพŒๆœŸใ‚’ๆฎ‹ใ—ใฆใ„ใ‚‹ๆ–นใซใ‚‚่ฉฒๅฝ“ใ—ใพใ™ใ€‚


    [ใ‚นใ‚ฟใƒผใƒใƒƒใ‚ฏใ‚นใ‚ขใƒกใƒชใ‚ซใƒผใƒŽ2ๆฏ+ใ‚ซใ‚นใƒ†ใƒฉ]ใ‚ฎใƒ•ใƒ†ใ‚ฃใ‚ณใƒณ20ไบบ

    [ใ‚นใ‚ฟใƒผใƒใƒƒใ‚ฏใ‚นใ‚ขใƒกใƒชใ‚ซใƒผใƒŽ]ใ‚ฎใƒ•ใƒ†ใ‚ฃใ‚ณใƒณ20ไบบ

     Gift
    • ๅฏพ่ฑก๏ผšใ‚คใƒ™ใƒณใƒˆๆœŸ้–“ๅ†…ใซใ‚ฐใƒซใƒกใƒžใƒƒใƒ—ใ‚ขใƒ—ใƒชใ‚’ไฝœๆˆใ™ใ‚‹ใ€ใพใŸใฏใ‚ขใƒใ‚ฟใƒผใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใ‚ขใƒ—ใƒชใ‚’ไฝœๆˆใ™ใ‚‹่ฌ›็พฉใซใƒ†ใ‚ญใ‚นใƒˆใฎใƒฌใƒ“ใƒฅใƒผใ‚’ๆฎ‹ใ—ใฆใใ‚ŒใŸๆ–น๏ผˆ้€ฒๆ—็އๆœ€ไฝŽ7๏ผ…ไปฅไธŠ๏ผ‰

    • ใ‚คใƒ™ใƒณใƒˆๆœŸ้–“๏ผšใ‚ขใƒใ‚ฟใƒผใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใ‚ขใƒ—ใƒชไฝœๆˆ่ฌ›็พฉใ‚ขใƒผใƒชใƒผใƒใƒผใƒ‰ๆœŸ้–“็ต‚ไบ†ใพใง๏ผˆ ใ€œ2025ๅนด3ๆœˆ12ๆ—ฅ๏ผ‰

    • ๅ‚ๅŠ ๆ–นๆณ•๏ผšๅ—่ฌ›ๅพŒๆœŸใ‚’ๆฎ‹ใ—ใ€Googleใƒ•ใ‚ฉใƒผใƒ ใ‚’้€šใ˜ใฆInflearnใƒ‹ใƒƒใ‚ฏใƒใƒผใƒ ใจ่ฉฒๅฝ“ใƒ‹ใƒƒใ‚ฏใƒใƒผใƒ ใง็™ป้Œฒใ•ใ‚ŒใŸEใƒกใƒผใƒซใ‚’ๆ•™ใˆใฆใใ ใ•ใ„ใ€‚

    • ๆŠฝ้ธไบบๆ•ฐ๏ผšๅˆ่จˆ40ๅ

    • ๅฝ“้ธ่€…็™บ่กจ๏ผš 2025ๅนด3ๆœˆ19ๆ—ฅ


    โ—ๆณจๆ„ไบ‹้ …

    • ใ‚ซใ‚ซใ‚ชใƒˆใƒผใ‚ฏใ‚ฎใƒ•ใƒ†ใ‚ฃใ‚ณใƒผใƒณใจใ—ใฆใ”ๅˆฉ็”จใ„ใŸใ ใ‘ใ‚‹ใ‚ˆใ†ใซใŠ้€ใ‚Šใ—ใ€ใ‚ฎใƒ•ใƒˆใ‚ณใƒผใƒ‰ใง็›ดๆŽฅ็™ป้Œฒใงใใ‚‹ใ‚ˆใ†ใซไฝœๆˆใ—ใŸใƒกใƒผใƒซใงใ‚ณใƒผใƒ‰ใ‚’ใŠ้€ใ‚Šใ—ใพใ™ใ€‚

    • ้‡่ค‡ๅ‚ๅŠ ใฏไธๅฏ่ƒฝใงใ€ๅพŒๆœŸใฎใชใ„ๆ˜Ÿใฏๅ‚ๅŠ ใงใใพใ›ใ‚“ใ€‚

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

    ๏ฝฅ

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

    ใ“ใ‚“ใซใกใฏใ€‚ใƒœใƒผใƒŠใ‚นใ‚ปใ‚ฏใ‚ทใƒงใƒณ๏ผˆใ‚ปใ‚ฏใ‚ทใƒงใƒณ11๏ผ‰ใŒ่ฟฝๅŠ ใ•ใ‚Œใพใ—ใŸใ€‚

    ไปŠๅ›ž่ฟฝๅŠ ใ•ใ‚ŒใŸ่ฌ›็พฉใฏ3ใคใงใ€ใใ‚Œใžใ‚Œ3ๅˆ†็จ‹ๅบฆใฎ็Ÿญใ„ๅˆ†้‡ใง็ฐกๅ˜ใซ้ฉ็”จใ—ใฆใ„ใŸใ ใ‘ใพใ™ใ€‚

    • [B-0] ใƒžใƒผใ‚ซใƒผใ‚ฏใƒฉใ‚นใ‚ฟใƒชใƒณใ‚ฐ

    • [B-1] ใƒฉใ‚คใƒ–ใƒฉใƒชใ‚’็›ดๆŽฅไฟฎๆญฃใ™ใ‚‹
      ใƒžใƒผใ‚ซใƒผใ‚ฏใƒฉใ‚นใ‚ฟใƒชใƒณใ‚ฐๆฉŸ่ƒฝใ‚’่ฟฝๅŠ ใ—ใ€ใ‚ชใƒผใƒ—ใƒณใ‚ฝใƒผใ‚นใƒฉใ‚คใƒ–ใƒฉใƒชใฎใ‚ณใƒผใƒ‰ใ‚’็›ดๆŽฅไฟฎๆญฃใ—ใฆๅ•้กŒใ‚’่งฃๆฑบใ™ใ‚‹่ฌ›็พฉใงใ™ใ€‚ใƒžใƒผใ‚ซใƒผModalๅฎŸ่ฃ…ใฎๅพŒใซใ”่ฆงใ„ใŸใ ใใจ่‰ฏใ„ใงใ—ใ‚‡ใ†ใ€‚

    • [B-2] ็”ปๅƒใƒ‘ใƒ•ใ‚ฉใƒผใƒžใƒณใ‚นๆœ€้ฉๅŒ–
      ็”ปๅƒใƒ‘ใƒ•ใ‚ฉใƒผใƒžใƒณใ‚นใ‚’็ฐกๅ˜ใซๆ”นๅ–„ใ—ใฆใฟใ‚‹่ฌ›็พฉใงใ™ใ€‚็„ก้™ใ‚นใ‚ฏใƒญใƒผใƒซๅฎŸ่ฃ…่ฌ›็พฉใฎๅพŒใซใ”่ฆงใ„ใŸใ ใใจ่‰ฏใ„ใงใ—ใ‚‡ใ†ใ€‚

    0

๏ฟฅ12,641