React Day06 21.11.25

components 폴더

Test1.js

백틱 및 ${} 시용
토글 및 숫자 증가

Test2.js

비밀번호 validation 
비밀번호가 7자이상일때 버튼 able

Test3_origin.js

여러개의 폼 핸들링
기초로 만들어보기 - 매우 노가다

Test3_스프레드연산자.js

스프레드 연산자 사용하여 폼 핸들링
다소 노가다

Test3.js

비구조할당 사용하여 코드를 줄이는 방법, 이러한 방식으로 많이 사용

Test4.js

컴포넌트 분리, props 사용 - 한페이지내에 작성 하여 연습

Test5 시리즈

파일을 나눠서 컴포넌트 합리적으로 사용

Day07

Survay 폴더 11.30

작은 설문조사 화면

##components_day07

Test1

data.concat사용
버튼 클릭시, 데이터 추가 -basic

Test2

버튼 클릭시, 데이터 추가 - split 함수 사용 하여 배열로 돌리기

Test3_origin

ref 사용하여 인덱스 처리, 인풋박스 비우고 포커스 처리 추가

Test3

form, submit 사용
엔터키로 인서트 -> 인서트시, 페이지 리로드됨
e.preventDefault(); 함수사용하여 새로고침 막기

Test4

1. src 안에 이미지를 가지고 올경우
import 참조변수 form '경로'
<img src = {참조변수} />

2. public 안에 이미지 가져올경우
<img src = "./이미지경로" />