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

Post2

[React] 14. React์™€ ์„œ๋ฒ„ ์—ฐ๋™ํ•˜๊ธฐ (ajax๋ฅผ ์ด์šฉํ•ด! (get, post) ) ์ด์ „ ๊ธ€ โ–ผ ๋”๋ณด๊ธฐ 0. 2023.05.05 - [๐ŸŒŒ | WEB DEV/React] - [React] 0. React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  & ์ดˆ๊ธฐ ์„ธํŒ… 1. 2023.05.07 - [๐ŸŒŒ | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [๐ŸŒŒ | WEB DEV/React] - [React] 2. state (๋ณ€์ˆ˜, array, object) 2-1. 2023.05.27 - [๐ŸŒŒ | WEB DEV/React] - [React] 2-1. array state ์ •๋ ฌํ•˜๊ธฐ ( .sort()ํ™œ์šฉ) 3. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - [React] 3. ์ปดํฌ๋„ŒํŠธ (Component) 4. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - .. 2024. 1. 12.
[NodeJS+Express] 10. ๊ธ€ ์ž‘์„ฑ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ (MongoDB ๋ฐ์ดํ„ฐ ์‚ฝ์ž…) ์ด๋ฒˆ์—๋Š” ๊ธ€ ์ž‘์„ฑ ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค์–ด๋ณด์ž! 0. ์‹œ์ž‘ํ•˜๊ธฐ์ „.. ๋จผ์ € ๊ธ€ ์ž‘์„ฑ๊ธฐ๋Šฅ์„ ๋งŒ๋“œ๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ๊นŒ? ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์ž‘์„ฑํ•œ ๊ธ€์„ ์„œ๋ฒ„์— post ์š”์ฒญ์„ ํ•˜๋ฉด ์„œ๋ฒ„๋Š” ๊ทธ ๋ฐ์ดํ„ฐ๊ฐ€ ์˜ฌ๋ฐ”๋ฅธ ํ˜•์‹์ธ์ง€ ํ™•์ธ์„ ํ•œ ํ›„, ์ด์ƒ์ด ์—†๋‹ค๋ฉด DB์— ๋“ฑ๋ก์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ์–ด์•ผํ•  ๊ฒƒ์ด๋‹ค. (์œ ์ €๊ฐ€ ์ง์ ‘ DB๋ฅผ ๊ฑด๋“œ๋ฆฌ๋„๋ก ํ•ด์„œ๋Š” ์•ˆ๋  ๊ฒƒ์ด๋‹ค..) 1. ๊ธ€ ์ž‘์„ฑ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ 1) ํŒŒ์ผ ์ƒ์„ฑ ๊ธ€์„ ์ž‘์„ฑํ•  form์„ ๋‹ด์€ ํŒŒ์ผ์„ ํ•˜๋‚˜ ์ƒ์„ฑํ•œ ๋’ค ์„œ๋ฒ„์— ๋“ฑ๋กํ•ด์ค€๋‹ค. //write.ejs ... //server.ejs app.get('/write', (request, response) => { response.render('write.ejs'); }) 2) ํŒŒ์ผ ์„ค์ • ๊ธ€์„ ์ž‘์„ฑํ•ด์„œ ๋ณด๋‚ด๊ธฐ ์œ„ํ•œ ์„ค์ •์„ ํ•ด์ฃผ์–ด์•ผํ•œ๋‹ค. (1) EJSํŒŒ์ผ .. 2023. 10. 14.