순수성

Programming Language/HTML

[HTML] HTML 태그로 라이브러리 지양하기 (with React)

웹 개발에서는 다양한 UI 라이브러리와 프레임워크가 존재하지만,때로는 이러한 라이브러리에 과하게 의존하는 경향이 있다.(대표적으로 내가 그런 사람..)하지만 이는 프로젝트의 복잡성을 증가시키고, 추가적인 의존성 관리 및 번들 크기 증가로 이어질 수 있기에,어느 정도 웹에 대해 공부하신 분들은 아시리라 생각이 들지만,기본 HTML 태그와 CSS를 활용하여 간단한 기능들을 구현할 수 있는 기능들을 소개하고자 한다.라이브러리에 과하게 의존하지 않기1. Select box(Select, OptGroup, Option)각종 디자인 라이브러리(antd, 'bootstrap',mui, shadcn/ui 등)의 Select 컴포넌트나 React Select, Downshift 등의 라이브러리를 사용하지 않고,기본 HT..

Programming Language/React

[React] 리액트의 순수성(Purity)과 부수 효과(Side Effect)

React를 이제 배우기 시작한 단계에서 야무 쌤께서 강조하셨던 순수성, 그리고 이를 위해 Side Effect를 어떻게 처리해야하는지, 아직 정확하게 설명할 순 없기에 이번 기회에 정리해보고, 두고두고 보려한다. 순수성(Purity) 리액트에서 순수성을 강조하는 것은 리액트 동작 원칙과 코드 효율성 향상 사이의 밀접한 관계를 반영한 것이라고 한다. 순수함이란? 보통 순수 함수를 말하며, 순수 함수를 사용하면 어플리케이션의 일관성 및 예측 가능성이 높아지고, 코드 재사용이 쉬워져서 개발 및 유지보수 프로세스를 효율적으로 만들어 준다는 차원에서 권장된다. 순수 함수: 동일 입력값에 따라 동일 출력값을 반환하는 함수 + 함수의 외부영역에 부수효과(Side Effect)가 없는 함수 부수 효과(Side Eff..

개발자참치
'순수성' 태그의 글 목록