profile
๐ŸŒŠ๐ŸŒŠUnder the SEA๐ŸŒŠ๐ŸŒŠ
post-thumbnail

React TypeScript (1) Create React.tsx

React ์„ค์น˜ํ•˜๊ธฐnpm ๋ฐฉ๋ฒ•node.js ์„ค์น˜React(tsx) file Treeโ” โ”€ publicโ”‚ โ”œ favicon.icoโ”‚ โ”œ logo.pngโ”‚ โ”” index.htmlโ” โ”€ srcโ”‚ โ”œ App.tsxโ”‚ โ”” index.tsxโ”œ .gitig

2022๋…„ 4์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React.js (11) ์›น ํฐํŠธ ์ ์šฉ

React.js (11) ์›น ํฐํŠธ ์ ์šฉ์ด๋ฒˆ ํฌ์ŠคํŒ…์€ ๋ฆฌ์•กํŠธ์—์„œ ์›น ํฐํŠธ๋ฅผ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๊ด€ํ•œ ํฌ์ŠคํŒ…์ž…๋‹ˆ๋‹ค.์ž์‹ ๋งŒ์— ์œ ๋‹ˆํฌํ•œ ์›นํŽ˜์ด์ง€์™€ ๊น”๋”ํ•œ ๋””์ž์ธ์„ ์œ„ํ•œ font ์ ์šฉ์€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.๋ฆฌ์•กํŠธ์—์„œ ๋งŽ์€ ํฐํŠธ ์ ์šฉ ๋ฐฉ๋ฒ•์ด ์žˆ์ง€๋งŒ ํ™•์‹คํ•œ ๋ฐฉ๋ฒ• ํ•œ ๊ฐ€์ง€๋ฅผ ํฌ์ŠคํŒ…ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

2022๋…„ 3์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Heroku Storage server ์—ฐ๋™ (4)

Heroku Storage server ์—ฐ๊ฒฐ์ด๋ฒˆ ํฌ์ŠคํŒ…์€ heroku add_ons ์ค‘ ์Šคํ† ๋ฆฌ์ง€ ์„œ๋ฒ„๋ฅผ ์—ฐ๋™์— ๊ด€ํ•œ ํฌ์ŠคํŒ…์ž…๋‹ˆ๋‹ค.๋Œ€๋ถ€๋ถ„์— ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์€ ์Šคํ† ๋ฆฌ์ง€ ์„œ๋ฒ„๋ฅผ ์ƒ๊ฐํ•˜์‹œ๋ฉด 0์ˆœ์œ„์ธ AWS S3๋ฅผ ์ƒ๊ฐํ•  ๊ฒ๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ์•ž์„œ AWS ํ”„๋ฆฌํ‹ฐ์–ด๊ฐ€ ๋์ด๋‚œ ๋Œ€ํ•™์ƒ๋ถ„๋“ค์—

2022๋…„ 3์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Heroku Docker ๋ฐฐํฌ (3)

Heroku Docker ๋ฐฐํฌ์ด๋ฒˆ ํฌ์ŠคํŒ…์€ Paas ํ”Œ๋žซํผ์ธ Heroku์—์„œ ๋„์ปค ์ด๋ฏธ์ง€๋ฅผ ๋ฐฐํฌํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.๋„์ปค ์ด๋ฏธ์ง€ ๋นŒ๋“œ๋Š” ํ•˜๋‹จ์— ํฌ์ŠคํŠธ๋ฅผ ์ฐธ๊ณ  ํ•˜๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.๋„์ปค ์ด๋ฏธ์ง€ ๋นŒ๋“œ ์ฐธ์กฐ๋„์ปค ์ด๋ฏธ์ง€๊ฐ€ ์ƒ์„ฑ๋œ ํด๋” ์œ„์น˜์—์„œ Heroku ๋ฐฐํฌ์™€ ๋™์ผํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ Git ba

2022๋…„ 3์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Docker Image Build (1)

Docker"Docker"๋Š” Linux ์ปจํ…Œ์ด๋„ˆ๋ฅผ ๋งŒ๋“ค๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ปจํ…Œ์ด๋„ˆํ™” ๊ธฐ์ˆ Docker ์ด๋ฏธ์ง€๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ๋Š” Docker ์ด๋ฏธ์ง€๋ฅผ ๋งŒ๋“ค๊ณ ์ž ํ•˜๋Š” ์•ฑ ์œ„์น˜์—์„œ2๊ฐ€์ง€ ํŒŒ์ผ์„ ์ƒ์„ฑํ•ด์ค€๋‹ค.ํ„ฐ๋ฏธ๋„ ํ™”๋ฉด์—์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž…๋ ฅ ํ•ด์ค€๋‹ค.

2022๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Heroku DB service ์—ฐ๊ฒฐ (2)

Heroku DB service ์—ฐ๊ฒฐ์ด์ „ ํ—ค๋กœ์ฟ  ํฌ์ŠคํŠธ์—์„œ๋Š” ์•ฑ ๋ฐฐํฌ์— ๊ด€ํ•œ ํฌ์ŠคํŠธ๋ฅผ ๊ฒŒ์‹œํ–ˆ๋‹ค.์ด๋ฒˆ ํฌ์ŠคํŠธ๋Š” ์•ฑ์ด ์ •์ƒ์ ์œผ๋กœ ๋“ฑ๋ก๋˜๊ณ  ํ•ด๋‹น ์•ฑ์— ๋Œ€ํ•œ DB ์„œ๋น„์Šค๋ฅผ ์—ฐ๋™ํ•˜๋Š” ํฌ์ŠคํŠธ์ด๋‹ค.ํ—ค๋กœ์ฟ ์—์„œ๋Š” ๊ฐœ๋ฐœ์ž๋“ค ์œ„ํ•˜์—ฌ ๋ฌด๋ฃŒ๋กœ DB ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•ด์ฃผ๋Š” ๊ฑฐ ๊ฐ™๋‹ค. ๋ฌผ๋ก  ์„ธ์ƒ์—

2022๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Heroku App ๋ฐฐํฌ (1)

Heroku App ๋ฐฐํฌhttps://id.heroku.com/loginํ—ค๋กœ์ฟ  ์‚ฌ์ดํŠธ ํšŒ์› ๊ฐ€์ž… ํ›„ ๋กœ๊ทธ์ธ ํ™•์ธgit ๋‹ค์šด ๋ฐ›๊ธฐ https://git-scm.com/git ๋‹ค์šด์ด ์™„๋ฃŒ๋˜๋ฉด, ๋ฐฐํฌํ•˜๊ณ ์ž ํ•˜๋Š” ์•ฑ ๋ ˆํฌ์ง€ํ† ๋ฆฌ ํด๋”๋กœ ์ด๋™์ด๋™ ํ›„ ๋งˆ์šฐ์Šค ์˜ค๋ฅธ

2022๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Paas-Ta APP ๋ฐฐํฌ (1)

Paas-Ta APP ๋ฐฐํฌ (1)ํด๋ผ์šฐ๋“œ ํŒŒ์šด๋“œ๋ฆฌ๋ฅผ ํ™œ์šฉํ•œ ํŒŒ์Šคํƒ€ ๋กœ๊ทธ์ธ๋‚ด ์•ฑ ๋ณด๊ธฐ๋‚ด ์•ฑ ํŒŒ์Šคํƒ€ ํด๋ผ์šฐ๋“œ์— ๋ฐฐํฌํ•˜๊ธฐ

2022๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React.js (10) PascalCase

๋ฆฌ์•กํŠธ๋กœ ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋‹ค๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด์—๋Ÿฌ๋Š” ์•„๋‹ˆ์ง€๋งŒ ๊ฒฝ๊ณ  ๋กœ๊ทธ๊ฐ€ ์ข…์ข… ๋“ฑ์žฅํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค๊ทธ ์ด์œ ๋Š” ์˜คํƒ€๋ฅผ ์—†์• ๊ณ  ํ˜ผ๋ž€์Šค๋Ÿฌ์šด ๋ฌธ์žฅ์„ ๋ช…ํ™•ํžˆํ•˜๊ธฐ ์œ„ํ•˜์—ฌ ์ž‘์€ ์•ฝ์†์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

2022๋…„ 2์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Express (Node.js+Mysql) Order Table ์—๋Ÿฌ

Mysql์—์„œ Order ๋ผ๋Š” ์ด๋ฆ„์— ํ…Œ์ด๋ธ”์„ ์ƒ์„ฑํ•œ ํ›„ex) select \* from order ๋ผ๋Š” ์ฟผ๋ฆฌ๋ฌธ์„ ์‹คํ–‰์‹œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹คOrder๋ผ๋Š” ๊ฒƒ์ด Mysql ์‹œ์Šคํ…œ์ƒ์—์„œ ๋ฏธ๋ฆฌ ์„ ์–ธ๋œ ๊ฒƒ์œผ๋กœ ํŒ๋‹จํ•˜์—ฌ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ฒƒ์œผ๋กœ ํŒ๋‹จ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด Order ๋ผ๋Š”

2022๋…„ 2์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React.js (9) React + Material Ui

React.js (9) React + Material Uiํ”„๋ก ํŠธ์—”๋“œ์—์„œ html ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์ฒ˜๋Ÿผ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š”๋ฆฌ์•กํŠธ Material Ui ์„ค์น˜ https://mui.com/

2022๋…„ 1์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Express (Node.js) ER_DUP_ENTRY

DB INSERT ์‹œ UNIQUE ๋ฐ์ดํ„ฐ ๊ฐ’์ด ์ค‘๋ณต์‹œ ์„œ๋ฒ„ ๊บผ์ง ํ˜„์ƒ https://velog.io/@badasea/ExpressNode.js-Mysql-4-Rest-API-Post-Method

2022๋…„ 1์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React.js (8) React + Naver ๋กœ๊ทธ์ธ

React.js (8) React + Naver ๋กœ๊ทธ์ธ๋„ค์ด๋ฒ„ ๊ฐœ๋ฐœ์ž ์„ผํ„ฐ ๋กœ๊ทธ์ธhttps://developers.naver.com/main/์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋“ฑ๋ก (API ์ด์šฉ์‹ ์ฒญ) ํด๋ฆญ์•ฑ ์ •๋ณด๋ฅผ ์ž…๋ ฅ์ƒ์„ฑ๋œ Client ID ํ™•์ธ

2022๋…„ 1์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Django (1) Create Django

Django (1) Create DjangoPython ์„ค์น˜www.python.org/downloads/Windows Powershell ์—ด๊ธฐ (Windows PowerShell ๊ฒ€์ƒ‰)Django ์„ค์น˜๋ฅผ ์œ„ํ•œ pip ์ž…๋ ฅC\\Users\\์‚ฌ์šฉ์ž์ด๋ฆ„/ ๊ฒฝ๋กœ์— django

2022๋…„ 1์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React.js (7) React + Kakao ๋กœ๊ทธ์ธ

React.js (6) React + Kakao ๋กœ๊ทธ์ธ์นด์นด์˜ค ๋””๋ฒจ๋กœํผ ๋กœ๊ทธ์ธhttps://developers.kakao.com/์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ถ”๊ฐ€ํ•˜๊ธฐ ํด๋ฆญ์•ฑ ์ •๋ณด๋ฅผ ์ž…๋ ฅ์•ฑ ํด๋ฆญ์ƒ์„ฑ๋œ ์•ฑ ํ‚ค ํ™•์ธํ™œ์„ฑํ™” ์„ค์ • ON + ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ URI ์„ค์ •์™ผ์ชฝ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ํ†ตํ•ด ๋™์˜

2022๋…„ 1์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React.js (6) React + Google ๋กœ๊ทธ์ธ

React.js (6) React + Google ๋กœ๊ทธ์ธ๊ตฌ๊ธ€ ํด๋ผ์šฐ๋“œ ํ”Œ๋žซํผ ๋กœ๊ทธ์ธhttps://console.cloud.google.com์ƒˆ ํ”„๋กœ์ ํŠธ ํด๋ฆญํ”„๋กœ์ ํŠธ ์ด๋ฆ„ ๋งŒ๋“ค๊ธฐ์ƒ์„ฑ๋œ ํ”„๋กœ์ ํŠธ ์† ๋Œ€์‹œ๋ณด๋“œ์—์„œ API ๊ฐœ์š”๋กœ ์ด๋™ ํด๋ฆญ์‚ฌ์šฉ์ž ์ธ์ฆ ์ •๋ณด ํด๋ฆญ์ƒ๋‹จ์—

2022๋…„ 1์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Express(Node.js) + Mysql (6) Rest API Update Method

Express(Node.js) + Mysql (6) Rest API Update Method ํ˜ธ์ถœํ•˜๊ธฐUser TableUpdata Method ํ˜ธ์ถœ ๊ฒฐ๊ณผ

2022๋…„ 1์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Express(Node.js) + Mysql (5) Rest API Delete Method

Express(Node.js) + Mysql (4) Rest API Delete Method ํ˜ธ์ถœํ•˜๊ธฐUser TableDelete Method ํ˜ธ์ถœ ๊ฒฐ๊ณผ

2022๋…„ 1์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Express(Node.js) + Mysql (4) Rest API Post Method

Express(Node.js) + Mysql (4) Rest API Post Method ํ˜ธ์ถœํ•˜๊ธฐ User Table |userid |useremail|username|userpassword :-:|:-:|:-:|:-: |1|1|1|1 |2|2|2|2 Get Me

2022๋…„ 1์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React.js (5) React async await

ECMAScript2017 ๋ถ€ํ„ฐ ์ถ”๊ฐ€๋˜์–ด,API ๋น„๋™๊ธฐ ์ˆœ์ฐจ์ ์œผ๋กœ ํ˜ธ์ถœํ•˜๊ธฐ ์œ„ํ•จ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

2022๋…„ 1์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€