[Spring boot + Reactjs(ts) + MySQL 게시판형 블로그 만들기 (Reboot)] - 3. 컴포넌트 생성 (Input Box - b)

해당 영상은 기존에 존재하던 [React + Spring boot + MySQL + AWS를 사용한 REST CRUD 블로그 프로젝트] 재생 목록을 리부트한 영상입니다.

문법의 설명 없이 진행하는 점 참고해주시기 바랍니다.

이미지 : https://drive.google.com/drive/folders/1V4BRPJG0EYUPhVC7xDZr0fCDa37YQ0T9?usp=sharing

Better Comment :

"better-comments.tags": [

{
"tag": "!",
"color": "#FF2D00",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "?",
"color": "#3498DB",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "//",
"color": "#474747",
"strikethrough": true,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "todo",
"color": "#FF8C00",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "*",
"color": "#98C379",
"strikethrough": false,
"underline": false,
"backgroundColor": "transparent",
"bold": false,
"italic": false
},
{
"tag": "#",
"color": "#ffffff",
"strikethrough": false,
"underline": false,
"backgroundColor": "#000000",
"bold": false,
"italic": false
},
{
"tag": "description",
"color": "rgba(0, 0, 0, 0.7)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(152, 152, 152, 0.5)",
"bold": false,
"italic": false
},
{
"tag": "component",
"color": "rgba(0, 0, 0, 0.7)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(0, 255, 152, 0.5)",
"bold": true,
"italic": false
},
{
"tag": "interface",
"color": "rgba(0, 0, 0, 0.7)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(0, 152, 255, 0.5)",
"bold": true,
"italic": false
},
{
"tag": "function",
"color": "rgba(255, 255, 255, 1)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(152, 0, 255, 0.5)",
"bold": true,
"italic": false
},
{
"tag": "state",
"color": "rgba(0, 0, 0, 0.7)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(152, 255, 255, 0.5)",
"bold": true,
"italic": false
},
{
"tag": "event handler",
"color": "rgba(0, 0, 0, 0.7)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(152, 152, 255, 0.5)",
"bold": true,
"italic": false
},
{
"tag": "effect",
"color": "rgba(255, 255, 255, 1)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(0, 0, 255, 0.5)",
"bold": true,
"italic": false
},
{
"tag": "render",
"color": "rgba(0, 0, 0, 0.7)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(255, 0, 0, 0.5)",
"bold": true,
"italic": false
},
{
"tag": "variable",
"color": "rgba(0, 0, 0, 0.7)",
"strikethrough": false,
"underline": false,
"backgroundColor": "rgba(0, 255, 0, 0.5)",
"bold": true,
"italic": false
},
],