학습(React-CRUD)

1.실행시 다른 상태를 모두 초기화시키는 useEffect를 사용시 전체적으로 영향을 받아서 모두가 초기화 될 수 있다. 다른 상태(useState)의 변경은 그 상태의 이용 또는 변경으로 생각하고 해당 이벤트의 useEffect가 발동되어 실행하고자 하는 값 또한 초기값으로 돌아가버린다.
만약 삼항연산자로 on/off를 결정한다면 useEffect보다는 각 기능별 함수에 다른 값들을 초기화하는 방식으로 넣어주는 것이 번거로워보이지만 깔끔한 동작을 한다.

2.input 내부에 값을 넣으면 충돌이 나는 것 같다. 내부에 값을 넣어주려면 value로 준 후 eventhandler를 생성해 useState의 setvalue로 value값을 실시간으로 변경하는 방식을 이용해야 에러가 없다. 또한 이렇게 할 경우 이 값을 받아오려면 value값을 이용하면 되기 때문에 편하다.

3.react내부에서는 if문보다는 삼항연산자를 위주로 작성해야하는데 jsx문법을 사용하기 위해서는 태그로 감싸져있어야한다. 또한 문장이 너무 복잡하다면 소괄호로 묶어주는 편이 가독성이 오른다.

 4.형제 또는 상관없는 컴포넌트에 영향을 주고 싶은 경우 공통된 최상위 컴포넌트에 UseState로 상태를 설정한 후 set을 이용하는 함수를 props로 내보내주고 값을 이용해야 하는 컴포넌트에는 상태값을 props로 전달해주면 특정 컴포넌트에서 함수를 실행할 경우 최상위 컴포넌트의 useState의 set을 이용한 함수의 set으로 상태값을 변경하고 그 변경된 상태값이 다시 props로 전달되어 다른 컴포넌트의 버튼, input등의 수정된 값을 다른 곳에 사용할 수 있다.
 
어제 05시까지 한 후 몇번 하얀화면으로 인해 컴포넌트단위로 초기화를 하며 하다보니 실력은 많이 늘어난 것 같지만 시간이 상당히 많이 소모된 것 같다.
시간이 워낙 없어 기능적 구현만 하고 CSS는 건드리지도 못했다..

 

리액트라 css, html, js처럼 배포를 하는게 아닌 것 같다..

https://github.com/RyuJiChang/Make-CRUD/blob/main/README.md

GitHub - RyuJiChang/Make-CRUD: CRUD 기능 구현해보기

 

1.내용작성 2.생성 3.수정