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

TiL7

[์ฝ”๋ฆฐ์ด TIL] / macOS(m1)์—์„œ 'homebrew', 'nvm'์„ค์น˜ํ•˜๊ธฐ, ์„ค์น˜ ์˜ค๋ฅ˜ ํ•ด๊ฒฐํ•˜๊ธฐ. ๋ชฉ์ฐจ 1. Homebrew ์„ค์น˜ ๊ณผ์ •. 1-1. ์„ค์น˜ ์˜ค๋ฅ˜ ๋ฐœ์ƒ ๋ฉ”์‹œ์ง€์™€ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ. 2. brew๋ฅผ ์ด์šฉํ•œ nvm ์„ค์น˜ ๊ณผ์ •. 3. nvm์œผ๋กœ node.js ์„ค์น˜ํ•˜๊ธฐ. 1. homebrew ๋ž€? : macOS์šฉ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ ๋„๊ตฌ. ๊ฐ€์žฅ ํ‘œ์ค€์œผ๋กœ ์‚ฌ์šฉ์ด ๋งŽ์ด ๋˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, macOS ํ™˜๊ฒฝ์„ ํ†ตํ•ด์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ๋Š” ๊ฑฐ์˜ ํ•„์ˆ˜์ ์ธ ๋„๊ตฌ์ด๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ์˜ค๋Š˜ ์„ค์น˜ํ•  nvm(Node Version Manager)๋ผ๋Š” ์‹œ์Šคํ…œ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•˜๊ธฐ ์œ„ํ•ด homebrew๋ฅผ ๋จผ์ € ์„ค์น˜ํ•œ๋‹ค. ์•„๋ž˜์— ๋‹ค์šด๋กœ๋“œ ํ™”๋ฉด์œผ๋กœ ๋ฐ”๋กœ ์—ฐ๊ฒฐ๋˜๋Š” ๋งํฌ ๋„ฃ์–ด๋‘๊ฒ ์Šต๋‹ˆ๋‹ค. https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). bre.. 2023. 5. 24.
[์ฝ”๋ฆฐ์ด TIL] / // ์ฝ”๋”ฉํ…Œ์ŠคํŠธ. ๋‘ ์ˆ˜์˜ [ํ•ฉ, ์ฐจ, ๊ณฑ, ๋ชซ, ๋‚˜๋จธ์ง€] ๊ตฌํ•˜๊ธฐ. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค '์ฝ”๋”ฉํ…Œ์ŠคํŠธ' Lv.0 ์ค‘ ์‚ฌ์น™์—ฐ์‚ฐ 4๋ฌธ์ œ / ์–ธ์–ด : JavaScript ๋‘ ์ˆ˜์˜ [ํ•ฉ, ์ฐจ, ๊ณฑ, ๋ชซ, ๋‚˜๋จธ์ง€] ๊ตฌํ•˜๊ธฐ. https://programmers.co.kr/ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์ฝ”๋“œ ์ค‘์‹ฌ์˜ ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ. ์Šคํƒ ๊ธฐ๋ฐ˜์˜ ํฌ์ง€์…˜ ๋งค์นญ. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์˜ ๊ฐœ๋ฐœ์ž ๋งž์ถคํ˜• ํ”„๋กœํ•„์„ ๋“ฑ๋กํ•˜๊ณ , ๋‚˜์™€ ๊ธฐ์ˆ  ๊ถํ•ฉ์ด ์ž˜ ๋งž๋Š” ๊ธฐ์—…๋“ค์„ ๋งค์นญ ๋ฐ›์œผ์„ธ์š”. programmers.co.kr 1. ๋‘ ์ˆ˜์˜ ํ•ฉ. ์ •์ˆ˜ num1, num2๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, num1๊ณผ num2๋ฅผ ํ•ฉํ•œ ๊ฐ’์„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. ๋‚˜์˜ ๋‹ต : function solution(num1, num2) { var answer = num1 + num2; return answer; } *(์ฐธ๊ณ ) : answ.. 2023. 5. 24.
[์ฝ”๋ฆฐ์ด TIL] / ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ, ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋‚ด๊ฐ€ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์‚ฌ์ดํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ . 1. ๊ฐœ๋ฐœ๊ณต๋ถ€๋ฅผ ํ•˜๋‹ค๋ณด๋ฉด, ์‹ค์ œ ๋‚ด๊ฐ€ ๋ฐฐ์šด ์ง€์‹๋“ค์„ ์–ด๋Š์ •๋„๊นŒ์ง€ ์ ์šฉ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š”์ง€ (๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ) 2. ํ˜„์žฌ ๋‚ด ์ˆ˜์ค€์€ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์— ๋น„ํ•ด ์–ด๋Š ์ •๋„์ฏค์— ์žˆ๋Š”์ง€ (ํ˜„์žฌ ์ˆ˜์ค€์— ๋Œ€ํ•œ ์ƒ๋Œ€์ ์ธ ์ง€ํ‘œ) 3. ๊ฐ™์€ ์˜ˆ์‹œ์— ๋‹ค๋ฅธ ์ •๋‹ต ์ฝ”๋“œ๋“ค์„ ๋ณด๋ฉฐ ์ƒˆ๋กญ๊ฒŒ ๋ณด๊ณ  ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„ ๋“ฑ, ์—ฌ๋Ÿฌ ๋ฐฉ๋ฉด์œผ๋กœ ๋‹ค์–‘ํ•˜๊ฒŒ ํ™œ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค. https://programmers.co.kr/ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์ฝ”๋“œ ์ค‘์‹ฌ์˜ ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ. ์Šคํƒ ๊ธฐ๋ฐ˜์˜ ํฌ์ง€์…˜ ๋งค์นญ. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์˜ ๊ฐœ๋ฐœ์ž ๋งž์ถคํ˜• ํ”„๋กœํ•„์„ ๋“ฑ๋กํ•˜๊ณ , ๋‚˜์™€ ๊ธฐ์ˆ  ๊ถํ•ฉ์ด ์ž˜ ๋งž๋Š” ๊ธฐ์—…๋“ค์„ ๋งค์นญ ๋ฐ›์œผ์„ธ์š”. programmers.co.kr ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ ˆ์ฐจ. ๋กœ๊ทธ์ธ ์ƒ๋‹จ ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฐ” ์•ˆ์˜ '์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต' ํด๋ฆญ ๋‚œ์ด๋„์™€ ์–ธ.. 2023. 5. 22.
<TIL> / [์ฝ”๋ฆฐ์ด] ์˜ค๋ฅ˜ ํ•ด๊ฒฐ (ERROR: ServiceError - Create environment operation is complete, but with errors. For more information, see troubleshooting documentation.) ์ด ๊ธ€์€ ์ด์ œ ๋ง‰ ๊ฐœ๋ฐœ์˜ ๋ฌธ์„ ๋‘๋“œ๋ฆฌ๊ธฐ ์‹œ์ž‘ํ•œ [์ฝ”๋ฆฐ์ด]๊ฐ€ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ๋ณธ์ธ์˜ ๋จธ๋ฆฟ์†์— ๊ฐ€์žฅ ๊ธฐ์–ต์ด ์ž˜ ๋‚จ๋Š” ํ˜•ํƒœ (๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋ง ํ•˜๋“ฏ์ด)๋กœ ์ž‘์„ฑ์ด ๋˜๋‹ˆ ๊ฐ„ํ˜น ์ž˜๋ชป๋œ ๋ถ€๋ถ„์ด๋‚˜, ์ˆ˜์ •์‚ฌํ•ญ์ด ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ๋‚˜์˜ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ , ๊ทธ ๊ฒƒ์„ ์ธํ„ฐ๋„ท์— ๋ฐฐํฌํ•˜๋Š” ๊ณผ์ •์—์„œ ์ƒ๊ธด ์˜ค๋ฅ˜๋ฅผ ์งš๊ณ  ๋„˜์–ด๊ฐˆ๋ ค๊ณ  ํ•œ๋‹ค. ํ„ฐ๋ฏธ๋„์— ๋‚ด๊ฐ€ ๋งŒ๋“  ์‚ฌ์ดํŠธ๋ฅผ ๋ฐฐํฌํ•˜๋˜ ๊ณผ์ •์—์„œ ์ด๋Ÿฐ Error ๋ฉ”์‹œ์ง€๋ฅผ ๊ฒช๊ฒŒ ๋˜์—ˆ๋‹ค. 2023-05-18 02:42:25 ERROR Instance deployment failed to install application dependencies. The deployment failed. 2023-05-18 02:42:25 ERROR Instance deployment fai.. 2023. 5. 18.
<TIL> / [์ฝ”๋ฆฐ์ด] ๋ฐฑ์—”๋“œ์—์„œ ํ”„๋ก ํŠธ์—”๋“œ, ํด๋ผ์ด์–ธํŠธ์—์„œ ์„œ๋ฒ„๋กœ ๊ทธ ํ๋ฆ„์— ๋Œ€ํ•ด์„œ ์ด ๊ธ€์€ ์ด์ œ ๋ง‰ ๊ฐœ๋ฐœ์˜ ๋ฌธ์„ ๋‘๋“œ๋ฆฌ๊ธฐ ์‹œ์ž‘ํ•œ [์ฝ”๋ฆฐ์ด]๊ฐ€ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ๋ณธ์ธ์˜ ๋จธ๋ฆฟ์†์— ๊ฐ€์žฅ ๊ธฐ์–ต์ด ์ž˜ ๋‚จ๋Š” ํ˜•ํƒœ (๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋ง ํ•˜๋“ฏ์ด)๋กœ ์ž‘์„ฑ์ด ๋˜๋‹ˆ ๊ฐ„ํ˜น ์ž˜๋ชป๋œ ๋ถ€๋ถ„์ด๋‚˜, ์ˆ˜์ •์‚ฌํ•ญ์ด ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ์˜ ํ๋ฆ„ ์šฐ์„  ๋ฐฑ์—”๋“œ์ธ app.py์˜ ์ „์ฒด์ฝ”๋“œ ๋ณด๊ณ  ๊ฐ‘๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ๋Š” flask ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): samp.. 2023. 5. 18.
<TIL> / CSS์™€ JavaScript์˜ ์ฐจ์ด ๋ฐ fetch์™€ ํ•ด์„ ์ด ๊ธ€์€ ์Šค์Šค๋กœ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ์ƒ๊ธฐ์‹œํ‚ค๊ณ ์ž ์ž‘์„ฑํ•˜๋Š” ๊ธ€์ด๋ฏ€๋กœ, ํ˜น์—ฌ๋‚˜ ์ฝ”๋“œ๋‚˜ ์ •์˜๊ฐ€ ์ž˜๋ชป ์–ธ๊ธ‰๋œ ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด, ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. HTML : ๋ผˆ๋Œ€ CSS : ๊พธ๋ฏธ๊ธฐ JavaScript : ์›€์ง์ด๊ธฐ HTML์€ ๋‚ด ์ƒ์— ์ตœ๊ณ ์˜ ์˜ํ™”๋“ค ํ˜„์žฌ ์„œ์šธ์˜ ๋‚ ์”จ : 20๋„ ์˜ํ™” ๊ธฐ๋ก ๋ฒ„ํŠผ ์˜ํ™” URL ๋ณ„ ์  --โญ์„ ํƒโญ-- โญ โญโญ โญโญโญ โญโญโญโญ โญโญโญโญโญ ์ฝ”๋ฉ˜ํŠธ ๋‚จ๊ฒจ์ฃผ์„ธ์š”. ๊ธฐ๋ก ๋‹ซ๊ธฐ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์œ„ ์ „์ฒด์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด CSS๋Š” HTML์˜ ๊ตฌ์„ฑ์š”์†Œ์ธ ์ง€์นญํ•œ ๋Œ€์ƒ์ด (๊พธ๋ฉฐ์ค˜์•ผ ํ•  ๋Œ€์ƒ์ด) div(๊ตฌ์—ญ) ์ด๋ผ๋ฉด ? 1. background-color ๋ถ€ํ„ฐ ๋ณ€๊ฒฝ (๋ฐ•์Šค์˜ ๋ฒ”์œ„๋ฅผ ์•Œ๊ธฐ ์œ„.. 2023. 5. 17.