์ธ๋„ค์ผ [ํžˆํž‰ .. ํžˆ..ํž‰ใ…Ž] HIG ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•ด๋ณด์ž ์•ˆ๋…•ํ•˜์‹œ๋ ต๋‹ˆ๊นŒ 2023 ๊ฒจ์šธ์„ ๋งž์•„ ์ƒˆ๋กญ๊ฒŒ ์‹œ์ž‘ํ•œ HIG STUDY! ํŠน๋ณ„ํžˆ ์ œ๊ฐ€ ์•„๋ผ๋Š” ๋ถ„๋“ค๊ณผ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค ๊ทธ๋ถ„์€ ๋ฐ”๋กœ ์ง€์˜ ์˜ˆ์ง€ ์ข…์šฑ ( ์˜์ง€์šฑ ใ…Žใ…Ž ) ์ €๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ๋ชจ์˜€์ง€๋งŒ ์ €๋Š” ์Šคํ„ฐ๋””๊ฐ€ ์‹œ์ž‘ํ•œ ์ด์ฃผ ๋’ค ๋ฒผ๋ฝ์น˜๊ธฐ๋ฅผ ํ•˜๋Š” ์ค‘์ž…๋‹ˆ๋‹ค ํํ ๋ณธ๋ณด๊ธฐ๊ฐ€ ๋˜์–ด์ฃผ์ง€ ๋ชปํ•ด ๋ฏธ์•ˆํ•จ๋‹ˆ๋‹ค. >
React validation ๋ฆฌ์•กํŠธ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ Formik VS REACT Hook form https://nyeongnyeong.tistory.com/299 [React] Form Validation (Formik VS React Hook Form) Validation ์ด๋ž€? ์„œ๋ฒ„์— ๋ฐ์ดํ„ฐ๋ฅผ ์ œ์ถœํ•˜๊ธฐ ์ „์— ์–‘์‹์ด ์˜ฌ๋ฐ”๋ฅธ์ง€ ํ™•์ธํ•˜๋Š” ๊ณผ์ • ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ๋ชฉ์ ์ง€๋กœ ๋ณด๋‚ด๊ธฐ ์ „์—, ์˜ฌ๋ฐ”๋ฅผ ๋ฐ์ดํ„ฐ๋ฅผ ์ž…๋ ฅํ–ˆ๋Š”์ง€ ์œ ํšจ์„ฑ์„ ์ฒดํฌํ•ด์ฃผ๋Š” ๊ฒƒ. Client Validation rea nyeongnyeong.tistory.com
์ธ๋„ค์ผ react iframe์— ์˜ํ•ด ํด๋ฆญ ์•ˆ๋˜๋Š” ๋ฌธ์ œ ํ•ด๊ฒฐ https://www.inflearn.com/questions/404668/react-%EC%A0%80%EC%9E%A5-%EC%8B%9C-iframe-%EA%B0%95%EC%A0%9C-%EC%9E%AC%EC%83%9D%EC%84%B1-%EB%AC%B8%EC%A0%9C react ์ €์žฅ ์‹œ iframe ๊ฐ•์ œ ์žฌ์ƒ์„ฑ ๋ฌธ์ œ - ์ธํ”„๋Ÿฐ | ์งˆ๋ฌธ & ๋‹ต๋ณ€ create react app์„ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ž˜ ์ปดํ“จํ„ฐ์—์„œ๋Š” ํ”„๋กœ์ ํŠธ๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ ๋˜์—ˆ๋Š”๋ฐ, ๋‹ค๋ฅธ ์ปดํ“จํ„ฐ์—์„œ git clone์„ ๋ฐ›์•„ npm install ํ›„ npm start ์ง„ํ–‰ํ•˜๋‹ˆ, 1. Cannot read pro... www.inflearn.com
์ธ๋„ค์ผ ๋ฆฌ์•กํŠธ ํŒ์—…์ฐฝ/๋ชจ๋‹ฌ/๋‹ค์ด์–ผ๋กœ๊ทธ ๊ตฌํ˜„ํ•˜๊ธฐ, ์‚ญ์ œ๋ฒ„ํŠผ ๊ตฌํ˜„, ๊ตฌ์กฐ๋ถ„ํ•ดํ• ๋‹น https://jaeseokim.dev/React/React-Portal_Render%EC%9D%98_%EC%B0%A8%EC%9D%B4%EC%A0%90_%ED%99%9C%EC%9A%A9%EB%B0%A9%EC%95%88_%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/ [React] Portal, Render์˜ ์ฐจ์ด์ , ํ™œ์šฉ๋ฐฉ์•ˆ ์•Œ์•„๋ณด๊ธฐ! ์ตœ๊ทผ Kakao Map Api๋ฅผ React Component ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•˜๋ฉฐ ์ž์ฃผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋œ ReactDom์˜ Portal ๊ธฐ๋Šฅ์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ Render์™€ ์–ด๋– ํ•œ ์ฐจ์ด์ ์ด ์žˆ๋Š”์ง€ ๊ทธ๋ฆฌ๊ณ  ํ™œ์šฉ๋ฐฉ์•ˆ์— ๋Œ€ํ•ด์„œ ์ •๋ฆฌ ํ•ด jaeseokim.dev Portalcreate๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ตฌํ˜„ ๋‚˜๋Š” navbar ์•ˆ์— ์žˆ๋Š” login button์„..
์ธ๋„ค์ผ styled-component ๋กœ ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ 0. ์™œ ๊ณต๋ถ€ํ•˜๋‚˜ ํ•ด์ปคํ†ค ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๋ฉฐ ํŒ€์›์˜ ์ฝ”๋“œ ๊ฐ„์— css ๊ฐ„์„ญ์ด ์ผ์–ด๋‚˜ ๋ช‡๋ฒˆ์˜ ์ˆ˜์ •์„ ๊ฑฐ์ณค๋‹ค. ๋ฆฌ์•กํŠธ์— css๋ฅผ ์ฃผ๋Š” ๋ฐฉ๋ฒ•์ด ๋‹ค์–‘ํ•˜์ง€๋งŒ, styled-component๋Š” ์•Œ๊ณ ๋งŒ ์žˆ์—ˆ์ง€ ์‚ฌ์šฉํ•ด๋ณธ ์ ์€ ํ•œ๋ฒˆ๋ฐ–์— ์—†๋Š” ๊ธฐ์ˆ ์ด๋‹ค. (๋‚˜๋Š” ๋ฆฌ์•กํŠธ ๋ฒ ์ด๋น„๋‹ˆ๊น) ์‹œํ–‰์ฐฉ์˜ค์˜ ํ•ด๊ฒฐ์ฑ…์œผ๋กœ styled-component๋กœ ๋ฐฉ์‹์„ ๋ฐ”๊พธ๊ธฐ๋กœ ํ•˜์˜€๊ณ , ์ƒ์ฝ” ๊ต์ˆ˜๋‹˜ ๊ฐ•์˜๋ฅผ ๋“ค์–ด๋ณด๋ ค ํ•œ๋‹ค. ๊ฐ•์˜ ์‹œ๊ฐ„์ด 14๋ถ„๋ฐ–์— ์•ˆ๋˜๋‹ˆ๊นŒ ์ •๋ฆฌ๊ฒธ ํ•œ์‹œ๊ฐ„์•ˆ์— ๋๋‚ด๋Š” ๊ฑธ ๋ชฉํ‘œ๋กœ ํ•˜๋ฉฐ ๋ธ”๋กœ๊ทธ๋ฅผ ์ผฐ๋‹ค. 1. ๊ธฐ์กด์˜ ์ธ๋ผ์ธ css ์„ ์–ธ๊ณผ styled-component์˜ ๋น„๊ต ์—ญ์‹œ ์šฐ๋ฆฌ์˜ ์ƒ์ฝ” ๊ต์ˆ˜๋‹˜์€ ํŠน์ • ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•˜๊ธฐ ์ „์— ๊ผญ ๋น„๊ต๋กœ ์‹œ์ž‘ํ•˜์‹ ๋‹ค. ๋‚œ ์ด ๊ณผ์ •์ด ์ฐธ ์ข‹๋‹ค - โœจ - ์™ผ์ชฝ์€ ํ•จ์ˆ˜๋ฅผ ์ •์˜ํ•˜๊ณ  ๋ฆฌํ„ด๊ฐ’์œผ๋กœ ๋ฒ„ํŠผํƒœ๊ทธ๋ฅผ ๋‘์–ด ๋ฒ„ํŠผ ํƒœ๊ทธ๋ฅผ ์ตœ..
์ธ๋„ค์ผ .
m1์—์„œ ๊ฐ€์ƒ๋จธ์‹ ์œผ๋กœ ์šฐ๋ถ„ํˆฌ ์„ค์น˜ํ•˜๊ธฐ ์–ผ๋งˆ์ „์— ๋งฅ๋ถ์„ ์‚ฌ์„œ intel์—์„œ m1์œผ๋กœ ๊ฐˆ์•„ํƒ€๊ฒŒ ๋๋Š”๋ฐ, ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ๊ทธ๋žจ์ด ๊ทธ ์ „๊ณผ ๊ฐ™์ด ์ž‘๋™ํ•˜์˜€๋‹ค. ๊ทธ์น˜๋งŒ virtual box๊ฐ€ ์ž๊พธ ์—๋Ÿฌ๊ฐ€ ๋–ด๊ณ ... ํ•˜๋ฃจ์ข…์ผ ์—๋Ÿฌ๋ฅผ ์žก๊ธฐ ์œ„ํ•ด ์‚ฝ์งˆํ–ˆ๋Š”๋ฐ m1์—์„œ๋Š” virtualbox๊ฐ€ ์•ˆ๋œ๋‹จ๋‹ค ...๐Ÿคฆ๐Ÿป‍โ™€๏ธ ๋Œ€์‹  UTM์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฆฌ๋ˆ…์Šค ์„œ๋ฒ„๋ฅผ ๋Œ๋ฆฌ๋Š”๋ฐ, ๊ธฐ๋กํ•ด๋‘๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์„œ ์˜ค๋žœ๋งŒ์— ๋ธ”๋กœ๊ทธ๋ฅผ ๋“ค์–ด์™”๋‹ค. https://devlogjoy.tistory.com/28 [Mac] M1 ๊ฐ€์ƒ๋จธ์‹ ์œผ๋กœ ubuntu ์„ค์น˜ ๋ฐ ์‹คํ–‰ (VirtualBox, UTM) VirtualBox ๋Œ€์‹  UTM Window ์—์„œ ๋ฆฌ๋ˆ…์Šค ๊ณต๋ถ€๋ฅผ ํ• ๋•Œ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ Mac M1 ์—์„œ ๊ณต๋ถ€๋ฅผ ํ•˜๋ ค ํ–ˆ๋”๋‹ˆ M1 ์—์„œ๋Š” VirtualBox ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹จ๋‹ค....
์ธ๋„ค์ผ syncswift ์„ธ์…˜ ๋‚ด์šฉ ์ •๋ฆฌ Widget ์„ธ์ƒ์œผ๋กœ ๊ฐ€๋Š” ์ž…๊ตฌ๊ฐ€ ์—ฌ๊น๋‹ˆ๋‹ค Leeo @ํฌํ•ญ๊ณต๋Œ€ ์œ„์ ฏ์„ ๊ณ ๋ฏผํ•˜๊ฒŒ ๋˜๋Š” ๊ฒฝ์šฐ 1. ์‚ฌ์šฉ์ž๋งˆ๋‹ค ๋‹ค๋ฅธ ์ •๋ณด๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ  ์‹ถ์„ ๋•Œ -> ํˆฌ๋‘๋ฆฌ์ŠคํŠธ 2. ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ˜๋ณตํ•ด์„œ ํ™•์ธํ•˜๋Š” ์ •๋ณด -> ์ฃผ์‹์ •๋ณด 3. ์ƒํ™ฉ์— ๋งž๋Š” ์ •๋ณด๋ฅผ ์ค„ ๋•Œ ->๋””๋ฐ์ด ๋””๋ฐ์ด๊ฐ€ ๋˜๋ฉด ์ปจํ…์ŠคํŠธ ๋ฐ”๋€œ, ๋‚ ์”จ์•ฑ์—์„œ ๋น„๊ฐ€ ์˜ค๋ฉด ui ๋ฐ”๋€œ ์œ„์ ฏ์ด ๋ฌด์—‡์ธ๊ฐ€์š”? ์œ„์ ฏ์„ ์‹œ์ž‘ํ•˜๊ฒŒ ๋˜๋Š” ๊ฒฝ์šฐ์˜ ์ˆ˜ ์œ„์ ฏ ๊ฐœ๋ฐœ์„ ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ๊ฐœ๋… -4๊ฐœ ์œ„์ ฏ์˜ ๊ฐœ๋ฐœ ์ˆœ์„œ ์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“œ๋Š” ์• ํ”Œ: ๋‘๋ฒˆ์งธ ์ฒ˜์Œ ๋ฐฑ์ˆ˜์˜ @Apple developer academy, IT Manager ์ฒซ๋ฒˆ์งธ ์ฒ˜์Œ ํ•œ๊ตญ ์ฒซ ์• ํ”Œ ์Šคํ† ์–ด ์ฒซ ๋ฉค๋ฒ„ - Apple ๊ฐ€๋กœ์ˆ˜๊ธธ ๋‘๋ฒˆ์งธ ์ฒ˜์Œ ํ•œ๊ตญ ์ฒซ ์• ํ”Œ ๊ฐœ๋ฐœ์ž ์•„์นด๋ฐ๋ฏธ ์ฒซ ๋ฉค๋ฒ„ - Apple Developer Academy @POSTECH ๊ณ„์†๋œ..
์™ธ์ฃผ์ผ์ง€6 ๊ตฌ๊ธ€, ๋„ค์ด๋ฒ„ ๊ฒ€์ƒ‰ ๋“ฑ๋กํ•˜๋Š” ๋ฐฉ๋ฒ• ํ•œ๊ฑด ์—†๋Š”๋ฐ ์‹œ๊ฐ„๋งŒ ์—„์ฒญ ๋Œ์—ˆ๋˜ ์™ธ์ฃผ๊ฐ€ ๋“œ๋””์–ด ๋์ด๋‹ค.. ๊ฒ€์ƒ‰ ์—”์ง„ ๋“ฑ๋ก์€ ์ง€๋‚œ๋ฒˆ ๊น€์šฉ๋ช… ํ…Œ์ŠคํŠธ๋•Œ ๋„ค์ด๋ฒ„๋งŒ ํ•˜๊ณ  ๊ตฌ๊ธ€์€ ์•ˆํ–ˆ๋˜ ๊ฒƒ ๊ฐ™์€๋ฐ ์ด๋ฒˆ์—” ๊ตฌ๊ธ€๋„ ํ•ด๋ดค๋‹ค. ์•„..๊ทธ๋ฆฌ๊ณ  ..๋‹น๋ถ„๊ฐ„์€ ์™ธ์ฃผ ์•ˆํ•  ๊ฒƒ ๊ฐ™๋‹ค .. https://growthacking.kr/%EA%B2%80%EC%83%89%EC%97%94%EC%A7%84%EC%97%90-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%93%B1%EB%A1%9D%ED%95%98%EA%B8%B0-seo/ ๊ฒ€์ƒ‰์—”์ง„์— ์‚ฌ์ดํŠธ ๋“ฑ๋กํ•˜๊ธฐ SEO - ์žฌ๋ฐŒ๋Š” ๊ทธ๋กœ์Šคํ•ดํ‚น growthacking.kr