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 [์ธ์ฃผ์ผ์ง 5] og image ์บ์ ์ง์ฐ๋ ๋ฐฉ๋ฒ https://developers.kakao.com/tool/debugger/sharing ์นด์นด์ค๊ณ์ accounts.kakao.com ์๊ธฐ ๋ค์ด๊ฐ์ ์ง์ฐ๋ฉด ๋๋ค...! og image๋ฅผ ๋ฐ๊ฟจ๋๋ฐ ์นดํก์ ๋ณด๋ด๋ ๋ฐ๋๊ฑฐ ํ์ธ ์๋ ๋ ,, ์ํด ์ด ์ง๊ธ์ง๊ธํ ์ธ์ฃผ ๋ ^^ .. Three.js ๋ก ์์ง์ด๋ ์ง๊ตฌ๋ณธ ๋ง๋ค๊ธฐ https://velog.io/@whdnjsdyd111/Three.js-%EA%B8%B0%EB%B3%B8-%EA%B5%AC%EC%A1%B0 [Three.js] ๊ธฐ๋ณธ ๊ตฌ์กฐ ์์ ๋ชจ๋ธ Three.js ์ ์์ ๋ชจ๋ธ์ด๋, ๋ฐํ์์ ๋ค์ํ ์ธ์๋ค๋ก ์ ์ํ 3D ๋ชจ์์ ์๋ฏธํ๋ค. ์ฃผ๋ก ๊ณต, ์ก๋ฉด์ฒด ๋ฑ์ผ๋ก 3D ๊ทธ๋ํ๋ฅผ ๋ง๋๋๋ฐ ์ฌ์ฉํ๋ค. BoxGeomtry ์ก๋ฉด์ฒด CircleGeometry ์ ![](https://images.v velog.io ์์ ์ด๋ฏธ์ง ์์ฐ๊ณ ๋ชจ์ ์ฃผ๊ธฐ .. ์ฌ๋ฐ๋ค ์์ ์ ์ฌ๋ three.js ๊ฐ์ ์ฒ์ฒํ ๋ค์ด๋ด์ผ๊ฒ ๋ค ใ ใ ์ด์ 1 ยทยทยท 4 5 6 7 8 9 10 ๋ค์