๐ฎ ํ๋ก๊ทธ๋๋ฐ51 [React] Movie App ๋ง๋ค๊ธฐ (๊ฐ์ธ ํ๋ก์ ํธ) - 3 John Ahn๋์ ์ธํ๋ฐ ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ๋ฉด์ ์งํ์ค์ ๋๋ค. ๊ฐ์ธ ๊ณต๋ถ ์ฉ๋๋ก ๊ธฐ๋กํฉ๋๋ค. ๋ฌธ์ ์ ์ญ์ https://xxilliant.tistory.com/75 [React] Movie App ๋ง๋ค๊ธฐ (๊ฐ์ธ ํ๋ก์ ํธ) - 2 John Ahn๋์ ์ธํ๋ฐ ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ๋ฉด์ ์งํ์ค์ ๋๋ค. ๊ฐ์ธ ๊ณต๋ถ ์ฉ๋๋ก ๊ธฐ๋กํฉ๋๋ค. ๋ฌธ์ ์ ์ญ์ https://xxilliant.tistory.com/73 [React] Movie App ๋ง๋ค๊ธฐ (๊ฐ์ธ ํ๋ก์ ํธ) - 1 John Ahn๋์ ์ธํ๋ฐ ๊ฐ์๋ฅผ ๋ฐ xxilliant.tistory.com 1. ์งํ ์ฌํญ (ํ ํฌ์คํ ๊ธฐ์ค) Load More (๋๋ณด๊ธฐ ๋ฒํผ) ๊ธฐ๋ฅ ๋ง๋ค๊ธฐ 2. ํจ์ ๋ถ๋ฆฌ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ถ๋ฌ์ค๋ page๊ฐ ๋ณ๊ฒฝ๋๋๋ก ํจ์๋ฅผ ์งค๊ฑด๋ฐ, fetch ๋ถ๋ถ์ ์ฌ์ฌ.. 2023. 2. 20. [React] Movie App ๋ง๋ค๊ธฐ (๊ฐ์ธ ํ๋ก์ ํธ) - 2 John Ahn๋์ ์ธํ๋ฐ ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ๋ฉด์ ์งํ์ค์ ๋๋ค. ๊ฐ์ธ ๊ณต๋ถ ์ฉ๋๋ก ๊ธฐ๋กํฉ๋๋ค. ๋ฌธ์ ์ ์ญ์ https://xxilliant.tistory.com/73 [React] Movie App ๋ง๋ค๊ธฐ (๊ฐ์ธ ํ๋ก์ ํธ) - 1 John Ahn๋์ ์ธํ๋ฐ ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ๋ฉด์ ์งํ์ค์ ๋๋ค. ๊ฐ์ธ ๊ณต๋ถ ์ฉ๋๋ก ๊ธฐ๋กํฉ๋๋ค. ๋ฌธ์ ์ ์ญ์ 1. Mongodb ๋ชฝ๊ณ ๋๋น ๊ฐ์ ํ ํด๋ฌ์คํฐ 0 ๋๋น ์์ฑ๊น์ง ํด๋จ๋ค. ๋์ค์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ์ํด ๊ฐ์ xxilliant.tistory.com 1. ์งํ ์ฌํญ (ํ ํฌ์คํ ๊ธฐ์ค) ์ํ grid card ์ปดํฌ๋ํธ ๋ง๋ค๊ธฐ 2. ES7 vs code์์ ES7 ๋ค์ด๋ฐ๊ณ ๋์ ๋น js ํ์ผ์์ rfce ๋ผ๊ณ ์น๊ณ ์ํฐ ๋๋ฅด๋ฉด ์๋์ ๊ฐ์ ๊ธฐ๋ณธ ํจ์ ํ์ด ์ง์-ํ๊ณ ๋์จ๋ค 3. ๊ธฐ์ตํ .. 2023. 2. 20. [React] npm ERR! code ELIFECYCLE errno 1 npm start ๋ ๋ฒ ์ ๋ ฅํด์ ๋์จ ์๋ฌ ใ ใ ์ธ์์๋ ์ฐธ ๋ค์ํ ์ค๋ฅ๊ฐ ์๊ณ .. ๋ด ์์ผ๋ก ๋ง๋ค์ด๊ฐ๋ ํ๋ณตํ ์๋ฌ ์ธ์^^ npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! react-boiler-plate@1.0.0 start: `node server/index.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react-boiler-plate@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of .. 2023. 2. 20. [React] Movie App ๋ง๋ค๊ธฐ (๊ฐ์ธ ํ๋ก์ ํธ) - 1 John Ahn๋์ ์ธํ๋ฐ ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ๋ฉด์ ์งํ์ค์ ๋๋ค. ๊ฐ์ธ ๊ณต๋ถ ์ฉ๋๋ก ๊ธฐ๋กํฉ๋๋ค. ๋ฌธ์ ์ ์ญ์ 1. Mongodb ๋ชฝ๊ณ ๋๋น ๊ฐ์ ํ ํด๋ฌ์คํฐ 0 ๋๋น ์์ฑ๊น์ง ํด๋จ๋ค. ๋์ค์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ์ํด ๊ฐ์ ํด๋๋๋ฏ. 2. Movie API https://www.themoviedb.org/ The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org ์ด ์ฌ์ดํธ์์ ์ํ api๋ฅผ ์ ๊ณตํด์ค๋ค๊ณ ํฉ๋๋ค. (์ผ๋จ ์์๊ฐ ํ๊ตญ ๊ธฐ์ค์ ์๋๋ฏ..? ์๋๋ง๊ณ ) ๊ฐ์ ํ api๋ฅผ ๋ฐ์. ์น์ ํ๊ฒ API ๋ฌธ์๋ ๋ค ์๋ค์. ์์ฝ๊ฒ๋ ํ์ฌ๊น์ง๋ ์์ด๋ง ์ง์ํ๋ค๊ณ ํฉ๋๋ค .. 2023. 2. 20. [React] Attempted import error: does not contain a default export Attempted import error: does not contain a default export ๋ฆฌ์กํธ ํ๋ก์ ํธ ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ๋ ์ค ๋ง์ฃผ์น ์๋ฌ์ด๋ค. ๋ญ๊ฐ ๋ฌธ์ ์ธ๊ฐ ์ถ์ด์ ๋ฒ์ญ๊ธฐ ๋๋ ค๋ด ๊ฐ์ ธ์ค๊ธฐ ์๋ ์ค๋ฅ : './Sections/MainImage.js'์ ๊ธฐ๋ณธ ๋ด๋ณด๋ด๊ธฐ('MainImage'๋ก ๊ฐ์ ธ์ค๊ธฐ)๊ฐ ์์ต๋๋ค. ์ด๋ฐ ๋ด์ฉ์ด์๋ค. ์ฆ, import ํด๋์ MainImage ํ์ผ์ ๋ด๋ณด๋ด๊ธฐ ์ฝ๋๊ฐ ์๋ค๋ ๋ง์. export default ์ฝ๋๋ฅผ ๊น๋นกํ์ใ ใ export default MainImage; MainImage ํ์ผ์ ์ ์ฝ๋๋ฅผ ์ถ๊ฐํด์ฃผ๋ ์ ์์ ์ผ๋ก ์๋๋์๋ค. ์์ง ๋ฆฌ์กํธ๊ฐ ์ต์ํ์ง ์์์ ์๊พธ ์ด๋ฐ๊ฑฐ ๋นผ๋จน๋ ์ค์๋ฅผ ํ๋ค. ์ ์ ์ฐจ๋ ค.. 2023. 2. 20. [Git] local ๋ด์ฉ ๋ ์๊ฐ๋ ๊ด์ฐฎ์ ๋ ๊ฐ์ pull ํ๊ธฐ pushํ ๋ด์ฉ ๋ณ๋ก ์๋๋ฐ merge์๊ฒจ์ push ๋ชปํ ๋ ํน์ origin์ main ๋ธ๋์น ๋ด์ฉ์ ๊ฐ์ ๋ก ์ ๋ถ pullํด์ค๊ณ ์ถ์ ๋ ๋ด์ฉ ์น ๋ฐ์์์ผํ๋๋ฐ merge๋๋ฌธ์ ๋ค์ cloneํ๊ธฐ ๊ท์ฐฎ์๋ ์๋์ ๋ช ๋ น์ด๋ฅผ ์์๋๋ก ์ ๋ ฅํ๋ฉด ๋๋ค. ์ฐธ๊ณ ๋ก ๋ฆฌ์ ํ๊ธฐ ์ ์ pushํ ๋ฐ๋ ๋ด์ฉ์ ์ด๋ ๋ค๋ฅธ๋ฐ์๋ค๊ฐ ๋ณต๋ถํด๋๊ธฐ..! git fetch --all git reset --hard origin/main //(ํน์ ๋์๊ฐ ๋ธ๋์น ์ด๋ฆ) git pull origin main //(ํน์ pullํ ๋ธ๋์น ์ด๋ฆ) ๊ทธ๋ผ ๋ก์ปฌ ๋ด์ฉ์ด ํ์ฌ์ ๋ธ๋์น ๋ด์ฉ์ ๋ค ๋ฐ์์ค๋ฉด์ ๋ธ๋์น ์ฝ๋๋ก ์ด๊ธฐํ๋๋ค. ์ด๊ธฐํ ํ ๋ณต๋ถํด๋จ๋ ์ฝ๋๋ก ๋ค์ ๋ฐ๊พธ๊ณ pushํ๋ฉด merge์์ด push๊ฐ ์ ์งํ๋ฉ๋๋ค-! 2022. 11. 27. ์ด์ 1 ยทยทยท 5 6 7 8 9 ๋ค์ 728x90 ๋ฐ์ํ