๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ‘ฉ‍๐Ÿ’ป ๊ฐœ๋ฐœ ๊ณต๋ถ€

(23)
[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 ..
[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 ๋ฌธ์„œ๋„ ๋‹ค ์žˆ๋„ค์š”. ์•„์‰ฝ๊ฒŒ๋„ ํ˜„์žฌ๊นŒ์ง€๋Š” ์˜์–ด๋งŒ ์ง€์›ํ•œ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค ..
[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 ํŒŒ์ผ์— ์œ„ ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ๋‹ˆ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™๋˜์—ˆ๋‹ค. ์•„์ง ๋ฆฌ์•กํŠธ๊ฐ€ ์ต์ˆ™ํ•˜์ง€ ์•Š์•„์„œ ์ž๊พธ ์ด๋Ÿฐ๊ฑฐ ๋นผ๋จน๋Š” ์‹ค์ˆ˜๋ฅผ ํ•œ๋‹ค. ์ •์‹ ์ฐจ๋ ค..
[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๊ฐ€ ์ž˜ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค-!
[๊ฐ์ฒด์ง€ํ–ฅ์„ค๊ณ„ 5์›์น™] About SOLID principle ์ด๋ฒˆ์— ์šฐํ…Œ์ฝ” ํ”„๋ฆฌ์ฝ”์Šค ์ง„ํ–‰ํ•˜๋ฉด์„œ ์•Œ๊ฒŒ ๋œ ๊ฐ์ฑ„์ง€ํ–ฅ ์„ค๊ณ„์˜ 5์›์น™์ด๋‹ค! ์•ž์œผ๋กœ SOLID๋ฅผ ์ž˜ ์ง€์ผœ๊ฐ€๋ฉด์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•ด๋ณด์•„์•ผ๊ฒ ๋‹ค ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ SOLID๋ž€ ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐ ์„ค๊ณ„์˜ ๋‹ค์„ฏ ๊ฐ€์ง€ ๊ธฐ๋ณธ ์›์น™์„ ์†Œ๊ฐœํ•œ ๊ฒƒ์ด๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ์‹œ๊ฐ„์ด ์ง€๋‚˜๋„ ์œ ์ง€ ๋ณด์ˆ˜์™€ ํ™•์žฅ์ด ์‰ฌ์šด ์‹œ์Šคํ…œ์„ ๋งŒ๋“ค๊ณ ์ž ํ•  ๋•Œ ์ด ์›์น™๋“ค์„ ํ•จ๊ป˜ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. SOLID ์›์น™๋“ค์€ ์†Œํ”„ํŠธ์›จ์–ด ์ž‘์—…์—์„œ ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ์†Œ์Šค ์ฝ”๋“œ๊ฐ€ ์ฝ๊ธฐ ์‰ฝ๊ณ  ํ™•์žฅํ•˜๊ธฐ ์‰ฝ๊ฒŒ ๋  ๋•Œ๊นŒ์ง€ ์†Œํ”„ํŠธ์›จ์–ด ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋ฆฌํŒฉํ„ฐ๋งํ•˜์—ฌ code smell(์ฝ”๋“œ์—์„œ ๋” ์‹ฌ์˜คํ•œ ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚ฌ ๊ฐ€๋Šฅ์„ฑ์ด ์žˆ๋Š” ํŠน์ง•)์„ ์ œ๊ฑฐํ•˜๊ธฐ ์œ„ํ•ด ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด ์›์น™๋“ค์€ ์• ์ž์ผ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ๊ณผ ์ ์‘์  ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์˜ ์ „๋ฐ˜์  ์ „๋žต์˜ ์ผ๋ถ€์ด๋‹ค. ์ถœ์ฒ˜ ์œ„ํ‚ค๋ฐฑ๊ณผ ๊ฐ์ฒด์ง€ํ–ฅ์„ค๊ณ„์˜ 5..
[JS] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๊ฐ•์ขŒ ์ •๋ฆฌ YouTube ์ฝ”๋”ฉ์•™๋งˆ ๋‹˜ ๊ธฐ์ดˆ ๊ฐ•์ขŒ ์š”์•ฝ๋ณธ. ์Šคํƒ ๋‹ค๋“œํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ •์‹์œผ๋กœ ๊ณต๋ถ€ํ•ด๋ณธ ์ ์€ ์—†์–ด์„œ, ์˜ˆ์ „์— ์œ ํŠœ๋ธŒ๋กœ ๊ฐ•์˜ ๋“ค์œผ๋ฉด์„œ ๋…ธ์…˜์œผ๋กœ ์ •๋ฆฌํ•ด๋†จ์—ˆ๋Š”๋ฐ ํ•„์š”ํ•œ ์‚ฌ๋žŒ์ด ์žˆ์„๊นŒ๋ด ๊ณต์œ . ์ฐธ๊ณ ๋กœ ๋ณธ์ธ์€ ์ฝ”๋”ฉ ๊ด€๋ จ ๊ฐœ๋…์ด ์–ด๋Š์ •๋„ ์žˆ๋Š” ์ƒํƒœ๋ผ์„œ ํ•„๊ธฐ๊ฐ€ ๊ผผ๊ผผํ•˜์ง„ ์•Š์Œ! ๋ณ€์ˆ˜ const a= “๋‚˜๋Š” ”; const b= ‘๋”ฐ์˜ดํ‘œ’; console.log(a+b); → “๋‚˜๋Š” ๋”ฐ์˜ดํ‘œ” const num=30; // number console.log(a, num); → “๋‚˜๋Š”” 30 console.log(a+num); → “๋‚˜๋Š” 30” (+๋ฅผ ํ•˜๋ฉด ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜๋จ) const new_a = `this is new ${a}` ; 1 ์˜†์—์žˆ๋Š” โ‚ฉโ‚ฉ ์–˜๋ฅผ ์˜์–ดํ‚ค๋กœ ์“ฐ๋ฉด ``์ž„. ๋‚ด๋ถ€์— ๋ณ€์ˆ˜ ์‚ฌ์šฉ ๊ฐ€๋Šฅ. ๋Œ€ํ™”์ƒ์ž ale..
[C++/Game] Google Dino ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ ( ์›๋ณธ ) https://blog.naver.com/glass_sh/222643161325 [C++/Game] Google Dino ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ Google Chrome Easter Egg - Dino game ์ธํ„ฐ๋„ท์ด ๋Š๊ธฐ๋ฉด ๋‚˜ํƒ€๋‚˜๋Š” ๊ตฌ๊ธ€ ํฌ๋กฌ์˜ ์ด์Šคํ„ฐ์—๊ทธ ๊ฒŒ์ž„์ด๋‹ค! ... blog.naver.com Google Chrome Easter Egg - Dino game ์ธํ„ฐ๋„ท์ด ๋Š๊ธฐ๋ฉด ๋‚˜ํƒ€๋‚˜๋Š” ๊ตฌ๊ธ€ ํฌ๋กฌ์˜ ์ด์Šคํ„ฐ์—๊ทธ ๊ฒŒ์ž„์ด๋‹ค! ํฌ๋กฌ ์ฃผ์†Œ์ฐฝ์— chrome://dino ๋ผ๊ณ  ๊ฒ€์ƒ‰ํ•˜๋ฉด ํ”Œ๋ ˆ์ด ๊ฐ€๋Šฅํ•˜๋‹ค. c++๊ณผ c๋ฅผ ์ด์šฉํ–ˆ๊ณ , ์•„๋ž˜ ๊ธ€์˜ ์ฝ”๋“œ๋ฅผ ์ฐธ๊ณ ํ•˜์˜€๋‹ค. โ€‹ https://eskeptor.tistory.com/159 [C++] Google ๊ณต๋ฃก ๊ฒŒ์ž„ ๋งŒ๋“ค์–ด๋ณด๊ธฐ ํฌ๋กฌ์—์„œ ์ธํ„ฐ๋„ท์ด ๋Š๊ฒผ์„ ๋•Œ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๋ฃก ..

728x90