Daily/Today I Learned

22.06.17_TIL

ํ˜ธ๋ฐ€์ด 2022. 6. 17. 09:24

๐Ÿ“Œ Node.js์™€ ๋น„์Šทํ•˜์ง€๋งŒ ์กฐ๊ธˆ ๋” ํŽธํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” Express๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋‚ ์ด๋‹ค. ์–ด์ œ๋ณด๋‹ค๋Š” ์‰ฝ๊ฒ ์ง€???!

 

 

๐Ÿ“— ์˜ค๋Š˜ ํ•™์Šตํ•œ ๋‚ด์šฉ

Express

  • node.js์—์„œ ์›น ์„œ๋ฒ„, API ์„œ๋ฒ„๋ฅผ ์ œ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ
  • ๋ฏธ๋“ค์›จ์–ด ์ถ”๊ฐ€ ๊ฐ€๋Šฅ (๊ฐ€์žฅ ํฐ ์žฅ์ )
  • ๋ผ์šฐํ„ฐ๋ฅผ ์ œ๊ณต

๋ฏธ๋‹ˆ ๋…ธ๋“œ ์„œ๋ฒ„๋ฅผ Express๋กœ ๋ฆฌํŒฉํ† ๋ง

 

Express์—์„œ CORS๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•

const cors = require("cors");
const app = express();

//๋ชจ๋“  ๋„๋ฉ”์ธ
app.use(cors());

//ํŠน์ • ๋„๋ฉ”์ธ
const options = {
  origin: "https://homile.tistory.com", // ์ ‘๊ทผ ๊ถŒํ•œ์„ ๋ถ€์—ฌํ•˜๋Š” ๋„๋ฉ”์ธ
  credentials: true, // ์‘๋‹ต ํ—ค๋”์— Access-Control-Allow-Credentials ์ถ”๊ฐ€
  optionsSuccessStatus: 200, // ์‘๋‹ต ์ƒํƒœ 200์œผ๋กœ ์„ค์ •
};

app.use(cors(options));

//ํŠน์ • ์š”์ฒญ
app.get("/example/:id", cors(), function (req, res, next) {
  res.json({ msg: "example" });
});

 

 

๐Ÿ“˜ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•  ๋‚ด์šฉ

React

  • CRUD ๊ตฌํ˜„ํ•˜๊ธฐ

 

 

๐Ÿ“ ์˜ค๋Š˜ ๋Š๋‚€ ์  & ๋งˆ์Œ ๊ฐ€์ง

  • node.js๋กœ ํ•œ ์„œ๋ฒ„ ๊ตฌ์ถ•๋ณด๋‹ค express๋กœ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์ด ํŽธํ–ˆ๋‹ค.
  • ํ•˜์ง€๋งŒ ๋ฐฑ์—”๋“œ ๋ถ„๋“ค์€ spring.....

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

22.06.20_TIL  (0) 2022.06.20
22.06.18_TIL  (0) 2022.06.20
22.06.16_TIL  (0) 2022.06.16
22.06.15_TIL  (0) 2022.06.15
22.06.14_TIL  (0) 2022.06.14