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

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

(23)
[React] Movie App ๋งŒ๋“ค๊ธฐ (๊ฐœ์ธ ํ”„๋กœ์ ํŠธ) - 4 John Ahn๋‹˜์˜ ์ธํ”„๋Ÿฐ ๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉด์„œ ์ง„ํ–‰์ค‘์ž…๋‹ˆ๋‹ค. ๊ฐœ์ธ ๊ณต๋ถ€ ์šฉ๋„๋กœ ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์ œ ์‹œ ์‚ญ์ œ https://xxilliant.tistory.com/76 [React] Movie App ๋งŒ๋“ค๊ธฐ (๊ฐœ์ธ ํ”„๋กœ์ ํŠธ) - 3 John Ahn๋‹˜์˜ ์ธํ”„๋Ÿฐ ๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉด์„œ ์ง„ํ–‰์ค‘์ž…๋‹ˆ๋‹ค. ๊ฐœ์ธ ๊ณต๋ถ€ ์šฉ๋„๋กœ ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์ œ ์‹œ ์‚ญ์ œ https://xxilliant.tistory.com/75 [React] Movie App ๋งŒ๋“ค๊ธฐ (๊ฐœ์ธ ํ”„๋กœ์ ํŠธ) - 2 John Ahn๋‹˜์˜ ์ธํ”„๋Ÿฐ ๊ฐ•์˜๋ฅผ ๋”ฐ xxilliant.tistory.com 1. ์ง„ํ–‰ ์‚ฌํ•ญ (ํ˜„ ํฌ์ŠคํŒ… ๊ธฐ์ค€) (1) ์˜ํ™” ์„ธ๋ถ€์ •๋ณด ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์™€์„œ, ์„œ๋ธŒํŽ˜์ด์ง€์— ๋„์šฐ๊ณ  ์ถœ์—ฐ์ง„ ์‚ฌ์ง„ ๋ณด์—ฌ์ฃผ๊ธฐ (2) ์ข‹์•„์š” ๋ฒ„ํŠผ ๋งŒ๋“ค๊ธฐ 2. ๋ฐฐ์šด ๋‚ด์šฉ๋“ค (1) fetch ..
[React] error:0308010C:digital envelope routines::unsupported error:0308010C:digital envelope routines::unsupported ๋ฉฐ์น ์ „๊นŒ์ง€ ์ž˜ ๋Œ์•„๊ฐ€๋˜ npm start.. ์˜ค๋Š˜ ๊ฐ‘์ž๊ธฐ ํฌ๋กฌ์—์„œ Localhost 3000 ERR_CONNECTION_REFUSED ์—๋Ÿฌ๊ฐ€ ๋–ด์Œ ๋ญ”์ผ์ธ๊ฐ€ ํ•˜๊ณ  ํ„ฐ๋ฏธ๋„์„ ๋ดค๋”๋‹ˆ ์•„๋ž˜์™€ ๊ฐ™์€ ์—๋Ÿฌ๊ฐ€ ๋– ์žˆ์—ˆ๋‹ค. error:0308010C:digital envelope routines::unsupported ๊ตฌ๊ธ€๋งํ•ด๋ณด๋‹ˆ ๋…ธ๋“œ ๋ฒ„์ „ ๋•Œ๋ฌธ์— ๋ฐœ์ƒํ•˜๋Š” ์—๋Ÿฌ๋ผ๊ณ  ํ•˜๋Š”๋ฐ, node js๋ฅผ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œํ•ด์ค˜์•ผ ํ–ˆ๋‹ค ๋‚˜๋Š” ํ˜„์žฌ ์„ค์น˜๋œ ๋ฒ„์ „์ด lts 18 ๋ฒ„์ „์ธ๋ฐ, 16๋ฒ„์ „์œผ๋กœ ๋‚ฎ์ถ”๋ฉด ํ•ด๊ฒฐ๋œ๋‹ค๊ณ  ํ•จ 1. ํ˜„์žฌ ๋ฒ„์ „ ํ™•์ธ node -v 2. ์บ์‹œ ์‚ญ์ œ sudo npm cache clean --force 3. n ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ค์น˜ (์—†์œผ..
[React] Property 'mainBestItem' does not exist on type 'JSX.IntrinsicElements' VS code์—์„œ React, typescript๋กœ ์ฝ”๋”ฉํ•˜๊ณ  ์žˆ๋Š”๋ฐ Property 'mainBestItem' does not exist on type 'JSX.IntrinsicElements' ์–ด์ฉŒ๊ตฌ ๋ผ๋Š” ์—๋Ÿฌ๊ฐ€ ๋œฐ๋•Œ 1. ๋ณ€์ˆ˜๋ช…์ด๋‚˜ ํŒŒ์ผ๋ช… ์ž˜๋ชป ์ผ๋Š”์ง€ ์ฒดํฌ - ๋Œ€๋ถ€๋ถ„ ์˜คํƒ€ ๋•Œ๋ฌธ์— ๋ฐœ์ƒํ•˜๋Š” ์—๋Ÿฌ์ด๋‹ค. 2. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” component ์ด๋ฆ„์ด ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•ด์•ผ ์ธ์‹์ด ๋œ๋‹ค. ์†Œ๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•˜๋Š” ํŒŒ์ผ๋ช…์ด๋‚˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค? ๋ฐ”๋กœ ๊ณ ์น˜์…ˆ ๋~
[Git] ! [rejected] master -> master (non-fast-forward)error: failed to push some refs ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ๋งŒ์•ฝ ํ„ฐ๋ฏธ๋„์— ๋ช…๋ น์–ด git push origin master์„ ์ณค๋Š”๋ฐ ์•„๋ž˜์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋‚˜์˜จ๋‹ค๋ฉด? To https://github.com/inthhh/travel_web_react.git ! [rejected] master -> master (non-fast-forward) error: failed to push some refs to 'https://github.com/inthhh/travel_web_react.git' hint: Updates were rejected because the tip of your current branch is behind hint: its remote counterpart. Integrate the remote changes (e.g. hint: 'git pull ..
[Git] VS code ๊นƒํ—ˆ๋ธŒ ์—ฐ๋™ ํ•ด์ œ / ์žฌ์„ค์ • remote ๋ช…๋ น์–ด / add, commit, push ์ƒˆ ํ”„๋กœ์ ํŠธ ๊นƒํ—ˆ๋ธŒ์— ๋ ˆํฌ ๋งŒ๋“ค๊ณ  vs code ์—์„œ ๋ ˆํฌ ์—ฐ๋™ํ•˜๋ ค๋Š”๋ฐ ๊ตฌ๊ธ€๋งํ•ด๋ณด๋‹ˆ๊นŒ ๋‹ค๋“ค ์ดˆ๊ธฐํ™” ๋ฒ„ํŠผ๋งŒ ๋ˆ„๋ฅด๋ฉด ๋œ๋‹ค๋Š”๋ฐ ๋‚œ ์ดˆ๊ธฐํ™” ๋ฒ„ํŠผ์ด ์—†์—ˆ์Œ;; ๊ทธ๋ž˜์„œ ์ด๋ฏธ ์žˆ๋˜ ๋ ˆํฌ ์—ฐ๊ฒฐ ํ•ด์ œํ•˜๊ณ  ๋‹ค์‹œ ์—ฐ๊ฒฐํ•ด์ฃผ์—ˆ๋‹ค. 1. ํ˜„์žฌ ์—ฐ๊ฒฐ๋œ ๋ ˆํฌ ํ™•์ธ git remote -v 2. ์œ„ ๊ฒฐ๊ณผ๊ฐ€ ์กด์žฌํ•  ์‹œ ์—ฐ๊ฒฐ ํ•ด์ œ ๋ช…๋ น์–ด git remote remove origin 3. ๋‹ค์‹œ ์—ฐ๊ฒฐ๋œ ๋ ˆํฌ ํ™•์ธํ•ด๋ณด๊ณ , ๊ฒฐ๊ณผ๊ฐ€ ์—†๋‹ค๋ฉด ์ด์ œ ์›ํ•˜๋Š” ๋ ˆํฌ์ง€ํ† ๋ฆฌ ๋งํฌ ๋ณต์‚ฌํ•ด์„œ ์žฌ์—ฐ๊ฒฐ! git remote add origin {url} ์—ฐ๋™ ์„ฑ๊ณตํ–ˆ๋‹ค. 4. ์ด์ œ ์ฒซ ์ปค๋ฐ‹ ๋ฐ ํ‘ธ์‹œ๋ฅผ ํ•ด๋ณด์ž. ์•„๋ž˜์˜ ์„ธ ๋ช…๋ น์–ด๋ฅผ ์ˆœ์„œ๋Œ€๋กœ ์น˜๋ฉด ๋จ git add . git commit -m "first commit" git push origin master ๋~~
[React] TypeError: Cannot read properties of undefined (reading 'prototype') ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ ๋„์ค‘ ์ด์ƒํ•œ ์—๋Ÿฌ๊ฐ€ ๋–ด๋‹ค. ์ฐพ์•„๋ณด๋‹ˆ vs code ์ž๋™์™„์„ฑ์œผ๋กœ ์•„๋ž˜ ์ฝ”๋“œ๊ฐ€ ๋“ค์–ด๊ฐ€์žˆ์—ˆ๋Š”๋ฐ, ์ด ์ฝ”๋“œ๊ฐ€ ๋ฌธ์ œ์˜€์Œ import { response } from "express"; ์ด ์นœ๊ตฌ๋ฅผ ์ง€์›Œ์ฃผ๋‹ˆ ์—๋Ÿฌ๊ฐ€ ์‹น ์‚ฌ๋ผ์กŒ๋‹ค. ํŽธ-์•ˆ
[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 ๋ถ€๋ถ„์„ ์žฌ์‚ฌ..
[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. ๊ธฐ์–ตํ•  ..

728x90