์ „์ฒด ๊ธ€ 15

ReactJS๋กœ ์›น์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ 2: Component

What is Component? ๋ฆฌ์•กํŠธ์—์„œ ์ƒˆ๋กญ๊ฒŒ ์•Œ๊ฒŒ๋œ ๊ฐœ๋… component! ๋ฆฌ์•กํŠธ์—์„œ๋Š” ๋ชจ๋“ ๊ฒƒ์„ component๋ผ๊ณ  ํ•œ๋‹ค ex) ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ณ , ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์—ฌ์ฃผ๊ฒŒ ํ•˜๊ณ , ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ณด๊ธฐ ์ข‹๊ฒŒ ๋งŒ๋“ค๊ณ .. Component๋ž€? HTML์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜ [Component์˜ ํ˜•ํƒœ] // App.js import React from 'react'; function App() { return Helloddd!!; } export default App; // index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(, document.getElemen..

Express.js ํŠœํ† ๋ฆฌ์–ผ (GET, POST, PUT, DELETE)

Express? ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“œ๋Š” ๋น ๋ฅด๊ณ  ๊ฐ€๋ฒผ์šด ํ”„๋ ˆ์ž„์›Œํฌ ๋”๋ณด๊ธฐ Client : Front-end part Server : Back-end part (๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ์ €์žฅ) RESTful Services REST: Representational State Transfer CRUD Operations HTTP Methods GET: getting data POST: creating data PUT: updating data DELETE: deleting data API example GET /api/customers GET /api/customers/1 PUT /api/customers/1 DELETE /api/customers/1 POST /api/customers RESTful conven..

Node.js ์‹œ์ž‘ํ•˜๊ธฐ! [์œ ํŠœ๋ธŒ Node.js beginner ํŠœํ† ๋ฆฌ์–ผ ์ •๋ฆฌ]

Node.js๋ž€? : A runtime environment for executing Javascript(js) code - ์ฃผ๋กœ ๋ฐฑ์•ค๋“œ ์„œ๋น„์Šค ๊ตฌ์ถ•์— ์‚ฌ์šฉ๋จ ex) API(Application Programming Interface) - ์›น์•ฑ, ๋ชจ๋ฐ”์ผ ์•ฑ์ด ๋ฐฑ์•ค๋“œ ์„œ๋น„์Šค์— ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ฑฐ๋‚˜, ์ด๋ฉ”์ผ์„ ๋ณด๋‚ด๊ฑฐ๋‚˜, ํ‘ธ์‰ฌ ์•Œ๋žŒ์„ ๋ณด๋‚ผ๋•Œ ๋“ฑ - Non-blocking(๋ฉˆ์ถ”์ง€ ์•Š๊ณ  ๊ธฐ๋‹ค๋ฆฌ๊ธฐ), Asynchronous(๋น„๋™๊ธฐ) ์ด๋ฏ€๋กœ ํ™•์žฅ์„ฑ์ด ๋›ฐ์–ด๋‚˜๊ณ , ๋ฐ์ดํ„ฐ ์ค‘์‹ฌ, ์‹ค์‹œ๊ฐ„ ์•ฑ์„ ๋งŒ๋“ค์ˆ˜ ์žˆ๋‹ค. Node๋งŒ์˜ ์žฅ์ ? - ํ”„๋กœํ† ํƒ€์ดํ•‘๊ณผ ๋น ๋ฅธ ๊ฐœ๋ฐœ์— ์œ ์šฉ - ๋งค์šฐ ๋น ๋ฅด๊ณ  ํ™•์žฅ๊ฐ€๋Šฅํ•จ, ์ฆ‰, ๋” ๊ฐ„๊ฒฐํ•œ ์ฝ”๋“œ, ํŒŒ์ผ๋กœ ๋” ๋น ๋ฅธ ์„œ๋น„์Šค ๊ตฌ์ถ• ๊ฐ€๋Šฅ - ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ๋Š” ์–ด๋””๋“ ์ง€ ์žˆ์Œ (node.js๋Š” javascript ๊ธฐ๋ฐ˜) ..

[2020.2.18] Git bash ์ตํžˆ๊ธฐ

๋”๋ณด๊ธฐ ์–ด์ œ ๋Œ€ํ•™ ์ž…ํ•™ ํ›„ ์ฒ˜์Œ์œผ๋กœ ๋…์„œ์‹ค์„ ๋“ฑ๋กํ–ˆ๋‹ค. ์–ด์ œ๋Š” ์ด์ œ ๊นƒํ—ˆ๋ธŒ์— ํฌํ† ํด๋ฆฌ์˜ค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ ์ƒํ™œ์ฝ”๋”ฉ ๊นƒํ—ˆ๋ธŒ ๊ฐ•์ขŒ๋ฅผ ๋“ค์œผ๋ฉฐ ๊นƒ์„ ์ตํ˜”๊ณ , ์˜ค๋Š˜๋„ ์ด์–ด์„œ ๊นƒ ๊ณต๋ถ€๋ฅผ ํ•˜๋ ค๊ณ  ํ•œ๋‹ค. ์š”์ฆ˜ ์‹œ์ฐจ์ ์‘์„ ํ•‘๊ณ„๋กœ ์•„์นจ์—๋„ 1์‹œ์— ์ผ์–ด๋‚˜๋ฉฐ ๋„ˆ๋ฌด ๊ฒŒ์œผ๋ฅด๊ฒŒ ์‚ด๊ณ  ์žˆ์–ด์„œ ๋„ˆ๋ฌด ํ•œ์‹ฌํ–ˆ๋‹ค. ๊ฒฐ๊ตญ 3์‹œ์— ์ง‘์—์„œ ๋‚˜์˜ค๊ธฐ๋ผ๋„ ์„ฑ๊ณตํ–ˆ์œผ๋‹ˆ๊นŒ ์ด์ œ ์ง‘์ค‘ํ•ด์„œ ๊ณต๋ถ€ํ•˜์ž ๋”๋ณด๊ธฐ PLAN 1. ๊นƒ ์ตํžˆ๊ธฐ(์ƒํ™œ์ฝ”๋”ฉ ๊นƒ ๊ฐ•์ขŒ) + ๊นƒ ํ—ˆ๋ธŒ README documenting ์ตํžˆ๊ธฐ https://guides.github.com/features/wikis/ + Markdown https://guides.github.com/features/mastering-markdown/ 2. USJ AT ์ˆ˜์—… Final ๊ณผ์ œ ๊นƒ์— ์˜ฌ๋ฆฌ๊ธฐ 3. USJ WE..

[VPN์œผ๋กœ IP์šฐํšŒํ•˜๊ธฐ] ํ•ด์™ธ ์‚ฌ์ดํŠธ๊ฐ€ ์•ˆ๋“ค์–ด๊ฐ€์ ธ์š”!

์ŠคํŽ˜์ธ Universidad San Jorge ๋Œ€ํ•™๊ต์˜ ์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐ€๋ คํ•˜๋Š”๋ฐ ์‚ฌ์ดํŠธ๊ฐ€ ๊ณ„์† ์•ˆ๋“ค์–ด๊ฐ€์กŒ๋‹ค. ์ด ํ•™๊ต๋กœ ๊ตํ™˜ํ•™์ƒ์„ ์ง€์›ํ•˜๊ธฐ ์ „ ๊ฒจ์šธ๋ฐฉํ•™์—๋Š” ๋ถ„๋ช… ๋“ค์–ด๊ฐ€์ ธ์„œ ๊ต์œก๊ณผ์ •์„ ๋‹ค ํ™•์ธํ•˜๊ณ  ์ง€์›ํ–ˆ๋˜๊ฑด๋ฐ, ์–ด๋Š ์ˆœ๊ฐ„๋ถ€ํ„ฐ ์‚ฌ์ดํŠธ์— ์ ‘์†์ด ์ œํ•œ๋˜์—ˆ๋‹ค!! ํ•™๊ต ๊ตญ์ œ์ฒ˜๋กœ ๋ฉ”์ผ๋„ ๋ณด๋‚ด๋ณด๊ณ  ๊ฒฐ๊ตญ ์ŠคํŽ˜์ธ ๋ฒ„๋””๋ฅผ ํ†ตํ•ด ํ•™๊ต ์ผ์ •์„ ํ™•์ธํ•˜๋Š” ์ง€๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค VPN์„ ํ†ตํ•ด IP๋ฅผ ์šฐํšŒํ•˜์—ฌ ํ•ด์™ธ ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์‚ฌ์‹ค ์•Œ๊ฒŒ ๋˜์—ˆ๊ณ  ์˜ค๋Š˜์€ ์ƒ๊ฐ๋ณด๋‹ค ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ๋”ฐ๋ผํ•  ์ˆ˜ ์žˆ๋Š” ๊ทธ ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•˜๋ ค๊ณ  ํ•œ๋‹ค. VPN์ด๋ž€? Virtual private net work/๊ฐ€์ƒ ์‚ฌ์„ค๋ง ๊ณต์ค‘ ๋„คํŠธ์›Œํฌ๋ฅผ ํ†ตํ•ด ํ•œ ํšŒ์‚ฌ๋‚˜ ๋ช‡๋ช‡ ๋‹จ์ฒด๊ฐ€ ๋‚ด์šฉ์„ ๋ฐ”๊นฅ ์‚ฌ๋žŒ์—๊ฒŒ ๋“œ๋Ÿฌ๋‚ด์ง€ ์•Š๊ณ  ํ†ต์‹ ํ•  ๋ชฉ์ ์œผ๋กœ ์“ฐ์ด๋Š” ์‚ฌ์„ค ํ†ต์‹ ๋ง. ์šฐ๋ฆฌ๋‚˜๋ผ IP์ฃผ์†Œ๋กœ..