[2024.05.26] <textarea> 테두리, 사이즈 재조절, 클릭시 border 없애는 방법

그러게..?

리액트 숙련주차 강의를 열심히 듣고, 과제에 열심히 적용한 날. 전체적인 UI를 구성했기 때문에 특별한 트러블 슈팅도 별로 없었다.

 

 

※ <textarea> 테두리, 사이즈 재조절, 클릭시 border 없애는 방법

  // css 내 적용
  border: none;
  resize: none;
  outline: none;

 

 

※ Context API가 있음에도 Redux로 Global state를 관리하면 좋은 이유(강의 내용)

1.성능 최적화

 => Context Api는 Provider 하위의 모든 컴포넌트를 리렌더링 하게 할 수 있습니다. 상태가 변경될 때마다 관련된 모든 컴포넌트가 불필요하게 업데이트 되는 것을 막기 위해 복잡한 최적화가 필요합니다. 반면, Redux는 상태 변경 시 관련된 컴포넌트만 선택적으로 업데이트할 수 있어 성능 관리가 용이합니다.

 

2. 상태 로직의 중앙화와 일관성 

 =>  Redux  애플리케이션의 상태를 하나의 저장소( store )에 저장합니다. 이로 인해 상태 로직이 중앙에서 관리되어 더 일관성 있고 예측 가능한 상태 변경이 가능해집니다. 또한, 모든 상태 변경 로직이 리듀서(reducers)에 의해 처리되기 때문에 디버깅과 테스팅이 용이합니다.

 

3. 강력한 미들웨어와 개발 도구

 => Redux   는 다양한 미들웨어를 지원하여 비동기 작업, 로깅, 상태 변경에 대한 추가 처리 등 복잡한 기능을 구현할 수 있습니다. 또한 Redux  DevTools와 같은 강력한 개발 도구를 통해 상태 변화를 시각적으로 모니터링하고 이전 상태로 롤백하는 등의 기능을 제공합니다.