[ํํ .. ํ..ํใ ] 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 ์ด์ 1 2 3 4 5 6 7 ๋ค์