๐Ÿฅ FE ์ธํ„ด์ผ์ง€ (2021.01 ~ 2021.06)

1.[React] Note #2021-01-05 ํƒ„๋ ฅ์ ์ธ ์ปดํฌ๋„ŒํŠธ

post-thumbnail

2.[React] Note #2021-01-06

post-thumbnail

3.[React] Note #2021-01-08

post-thumbnail

4.[React] Note #2021-01-12 (๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ ld+json)

post-thumbnail

5.๐Ÿฐ Note #2021-01-15

post-thumbnail

6.[React] Note #2021-01-18

post-thumbnail

7.[React] Note #2021-01-19

post-thumbnail

8.[React] Note #2021-01-20 (skeleton screen)

post-thumbnail

9.๐Ÿข Note #2021-01-26

post-thumbnail

10.๐Ÿญ Note #2021-01-27

post-thumbnail

11.2์›” ์ธํ„ด์ผ์ง€ (1) ๐Ÿ“ : ์ž์ž˜ํ•œ ์ฝ”๋“œ ๋ฆฌ๋ทฐ

post-thumbnail

12. 2์›” ์ธํ„ด์ผ์ง€ (2) ๐Ÿ“ : React context์™€ HoC์„ ์‚ฌ์šฉํ•œ ์–ด๋“œ๋ฏผ ํŽ˜์ด์ง€ ๋ฆฌํŒฉํ† ๋ง โ™ป๏ธ

post-thumbnail

13. 2์›” ์ธํ„ด์ผ์ง€ (3) ๐Ÿ“:React, ts ์ฝ”๋“œ๋ฆฌ๋ทฐ

post-thumbnail

14.3์›” ์ธํ„ด์ผ์ง€ (1) ๐Ÿ“ : ์‚ฌ์ˆ˜๋‹˜๊ป˜ ๋ ˆ๋ฒจ2โœจ๋กœ ์ธ์ •๋ฐ›์€ 3์›” ์ธํ„ด์ผ์ง€๐Ÿ‘(chipํ•„ํ„ฐ ๊ตฌํ˜„ํ•˜๊ธฐ)

post-thumbnail

15.3์›” ์ธํ„ด์ผ์ง€ (2) ๐Ÿ“ : [react] flickity๋ฅผ ์‚ฌ์šฉํ•œ ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋” (carousel)๊ตฌํ˜„ํ•˜๊ธฐ

post-thumbnail

16.3์›” ์ธํ„ด์ผ์ง€ (3) ๐Ÿ“ : [React-Native] ScrollView๋กœ ๊ฐ„๋‹จํ•œ carousel ๊ตฌํ˜„ํ•˜๊ธฐ!

post-thumbnail

17.3์›” ์ธํ„ด์ผ์ง€ (5) ๐Ÿ“ : Apollo client๋กœ React ํ”„๋กœ์ ํŠธ์—์„œ GraphQL ์‚ฌ์šฉํ•˜๊ธฐ

post-thumbnail

18.4์›” ์ฒซ์งธ์ฃผ ์ธํ„ด์ผ์ง€ ๐Ÿค“: ๊ณต์šฉ ๋ชจ๋“ˆ npm package๋กœ ๊ด€๋ฆฌํ•˜๊ธฐ๐Ÿ“ฆ

post-thumbnail

19.4์›” ๋‘˜์งธ์ฃผ ์ธํ„ด์ผ์ง€ ๐Ÿค“: ๋ฆฌ์†Œ์Šค์— ๋”ฐ๋ผ list, read, edit ํŽ˜์ด์ง€ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•˜๊ธฐ (์Šˆํผ์–ด๋“œ๋ฏผ)

post-thumbnail

20.4์›” ์…‹์งธ์ฃผ ์ธํ„ด์ผ์ง€ ๐Ÿค“: ์•ฑ ๋ฒ„์ „ ์—…๋ฐ์ดํŠธ(React-Navigation 6.0์™€ React Native 0.64์—์„œ ๋ฌด์—‡์ด ๋ณ€๊ฒฝ๋˜์—ˆ์„๊นŒ), Hermes๋ž€?

post-thumbnail

21.4์›” ๋„ท์งธ์ฃผ ์ธํ„ด์ผ์ง€๐Ÿค“: ์ •๊ทœ์‹ ์‚ฌ์šฉ๋ฒ•, moment.js ๋ฒ„๋ฆฌ๊ณ  dayjs๋กœ ๋ณ€๊ฒฝํ•œ ์ด์œ , ๊ทธ ์™ธ ์ž์ž˜ํ•œ ๊ฒƒ๋“ค

post-thumbnail

22.6์›” ์ธํ„ด์ผ์ง€ ๐Ÿถ: ์˜ค๋žœ๋งŒ์— ๋Œ์•„๋ณด๋Š” ํšŒ๊ณ ๊ธ€

post-thumbnail