- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (355)
DATA101
โ๏ธ์๋ฌ ์ํฉ return์์ ์๋์ ๊ฐ์ด ์ฝ๋ ์์ฑ ํ ์คํ ์ ์๋ฌ ๋ฐ์ return ( {function} ) ๐์๋ฌ ๋ฉ์์ง Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it. โ ํด๊ฒฐ์ฑ ๋ค์๊ณผ ๊ฐ์ด ํจ์๋ช ๋ค์ ๊ดํธ ๋ถ์ฌ์ฃผ๋ฉด ํด๊ฒฐ๋ฉ๋๋ค. return ( {function()} ) ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐
Step 1. ๋๋ ํ ๋ฆฌ ์ ๊ทผ ํฐ๋ฏธ๋์ ํตํด package-lock.json๊ณผ node_modules ํด๋๊ฐ ์์นํ ๋๋ ํ ๋ฆฌ๋ก ์ด๋ํฉ๋๋ค. Step 2. package-lock.json ์ญ์ rm -rf package-lock.json Step 3. node_modules ์ญ์ rm -rf node_modules Step 4. npm ๋ชจ๋ ์ฌ์ค์น npm install ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐
โ๏ธ ์์ธ onClick ์ด๋ฒคํธ์ ํจ์๊ฐ ์๋ ์คํ๋ฌธ์ ์ ๋ฌํ ๊ฒฝ์ฐ, ๋ ๋๋ง ๋ ๋ onClick ์ด๋ฒคํธ๊ฐ ์คํ๋ฉ๋๋ค. ์์ ๊ฐ์ด ์์ฑํ ๊ฒฝ์ฐ, ๋ ๋๋ง ๋ ๋ ๋ฒํผ์ด ์๋์ผ๋ก ํด๋ฆญ๋ฉ๋๋ค. โ ํด๊ฒฐ๋ฐฉ๋ฒ {alert("Hey Tech ๋ธ๋ก๊ทธ์ ๋๋ค.")}} /> ์์ ๊ฐ์ด ์์ฑํ๋ฉด ๋ฒํผ์ ํด๋ฆญํ ๊ฒฝ์ฐ์๋ง ํ๋ก๊ทธ๋จ์ด ์คํ๋ฉ๋๋ค. ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐
โ๏ธ ์๋ฌ ์ํฉ ์ด๋ฏธ์ง๋ฅผ ํ๋ฉด์ ์ถ๋ ฅํ๊ธฐ ์ํด ์๋์ ๊ฐ์ด ์์ฑํ์๋๋ฐ ์๋ฌ๋ฅผ ๋ง์ฃผํ์์ต๋๋ค. ๐ ์๋ฌ ๋ฉ์์ง img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text โ ์์ธ ๋ฐ ํด๊ฒฐ๋ฐฉ๋ฒ ์๋์ ๊ฐ์ด, ์น ํ์ค์ ๋ฐ๋ผ img ํ๊ทธ๋ alt๋ฅผ ์์ฑํด์ผ ํ๋ฉฐ, ๋ด์ฉ์ ์์ ์ ๋๋ค. ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐
โ๏ธ์๋ฌ ์ํฉ ๋ฐ๋ณต๋ฌธ์ ํตํด ํ๊ทธ ์์ ํน์ ๊ฐ์ ๋ฆฌ์คํธ์ ๋ฃ๋ ์์ ์ ์ํํ๋ ์ค์ ์๋ฌ๋ฅผ ๋ง์ฃผํ์์ต๋๋ค. let heyTechList = []; for (i = 1; i
๐ ๊ฐ์ ๋ฆฌ์กํธ์์ FileReader๋ฅผ ํ์ฉํ์ฌ ์ ๋ก๋ํ ํ ์คํธ ํ์ผ์ ๋ด์ฉ ์ฝ์ด์ค๊ธฐ ๐จ๐ป ์ฝ๋ import React, {Component} from 'react'; class FileUpload extends Component { onFileChange(e){ let file = e.target.files[0]; let fileReader = new FileReader(); fileReader.onload = () => { console.log(fileReader.result); }; fileReader.readAsText(file); } render(){ return ( ); } } โ ๊ฒฐ๊ณผ ์๋๋ ํ ์คํธ์ฉ ํ ์คํธ ํ์ผ์ ๋๋ค. ์๋๋ ์ฝ์์ ์ฐํ ํ ์คํธ ๊ฒฐ๊ณผ์ ๋๋ค. ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ..
๊ฐ์ Docker ๊ธฐ๋ฐ Ubuntu ์ด๋ฏธ์ง ๋น๋ ์ timezone์ default ๊ฐ: UTC ๋ํ๋ฏผ๊ตญ ํ์ค์: UTC+9 Dockerfile ์์ ์ผ๋ก Ubuntu timezone ๋ณ๊ฒฝ ๊ฐ๋ฅ ์ค์ ๋ฐฉ๋ฒ 1) Dockerfile ์ฝ๋ Dockerfile์ ์๋์ ์ฝ๋๋ฅผ ์ถ๊ฐํ๋ฉด ๋ํ๋ฏผ๊ตญ ํ์ค์๋ก timezon ๋ณ๊ฒฝ ARG DEBIAN_FRONTEND=noninteractive ENV TZ=Asia/Seoul RUN apt-get update && \ apt-get install -y tzdata 2) ์ฝ๋ ์ค๋ช ARG DEBIAN_FRONTEND =n oninteractive tzdata ์ค์น ์ ํฐ๋ฏธ๋์์ ์ฌ์ฉ์๊ฐ timezone์ ์ง์ ์ค์ ํ ์ ์๋๋ก ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํ์ง๋ง, ๋์ปค ์ด๋ฏธ์ง ๋น๋ ์์..
๐จ๐ป ๋ค์ด๊ฐ๋ฉฐ ๋ณธ ํํ ๋ฆฌ์ผ์ ์ ๋ฐ๋ผ์ค์๋ฉด AWS Lambda์์ DynamoDB ํ ์ด๋ธ์ ๋ฐ์ดํฐ๋ฅผ ์ฝ์ ํ๋ ๋ฐฉ๋ฒ๊ณผ ํ ์ด๋ธ ๋ฐ์ดํฐ๋ฅผ ์ฝ์ด์ค๋ ๋ฐฉ๋ฒ์ ์์๊ฐ์ค ์ ์์ต๋๋ค. ๐ ๊ธฐ์ ์คํ AWS DynamoDB AWS Lambda (Runtime: Python 3.6) AWS IAM ๐ ๋ชฉ์ฐจ 1. AWS DynamoDB ์ธํ 1.1. DynamoDB ๊ฐ๋ 1.2. DynamoDB ํ ์ด๋ธ ์์ฑ 2. AWS IAM ์ธํ 2.1. IAM ๊ฐ๋ 2.2. IAM Role ๊ฐ๋ 2.2. IAM Role ์์ฑ 3. AWS IAM ์ธํ 3.1. Lambda ๊ฐ๋ 3.2. Lambda ํจ์ ์์ฑ 3.3. Lambda ์ฝ๋ 4. ํ ์คํธ 4.1. ๋ฐ์ดํฐ ์ฝ์ ๋ก์ง ํ ์คํธ 4.2. ๋ฐ์ดํฐ ์กฐํ ๋ก์ง ํ ์คํธ 1. AWS Dyn..