Skip to main content
HashnodeDevNotes by kykim

Command Palette

Search for a command to run...

#reactjs

Articles tagged with #reactjs

  2. React 렌더링 최적화

    React 렌더링이란? 리액트에서 렌더링이란, 컴포넌트가 현재 props와 state의 상태에 기초하여 UI를 어떻게 구성할지 컴포넌트에게 요청하는 작업을 의미한다. 즉 사용자 화면에 View(내용)를 보여 주는 것. 초기 렌더링 렌더링을 담당하는 render 함수는 컴포넌트의 정보를 이용해 화면을 구성(렌더링)한다. 컴포넌트 내부에는 또 다른 컴포넌트들이 들어갈 수 있어, render 함수가 실행되면 그 내부에 있는 컴포넌트들도 재귀적으로 렌...

    May 21, 20243 min read10

  3. React 반응형 라이브러리로 Web/Mobile 구분하기

    React로 어플리케이션 구현 시, PC와 Mobile을 구분해서 반응형으로 제작할 때 npm 라이브러리를 사용할 수 있다. 대표적으로 ’react-device-detect' , ’react-responsive' 가 있으며, 사용률은 npm trends 기준 react-device-detect 가 높다. react-device-detect 플랫폼/디바이스를 확인해 분기 처리할 수 있으며, 특정 조건에 맞춰 Android/IOS에 따라 해...

    Sep 26, 20233 min read21

  4. 프로젝트 시작과 후 함께 고민해야 할 것들

    그룹웨어 리뉴얼을 위한 프로젝트를 진행하면서 1차 개발에서 아쉬웠던 점을 보완하고자 했다. 개발 기한이 짧다는 이유로 일단 우다다 개발하는 방법이 결국엔 수정과 보완에 시간을 더 쓴다는 것을 경험하고, 2차에서는 시간이 걸리더라도 개발 스펙을 협의하고 수정 방향(리팩토링)도 방향성에 대한 논의가 필요하다고 생각했다. 주요 라이브러리 프로젝트의 특성, 러닝 커브, 유지보수 등을 고려해 사용할 라이브러리를 선택한다. 라이브러리의 특징을 정확하게...

    Nov 8, 20224 min read2

  5. 언젠가 만나게 될 Redux

    Redux 개념 애플리케이션 규모가 커지면 데이터의 흐름이 복잡해지기 때문에 *애플리케이션 단위의 상태관리(application level state management)가 필요함 애플리케이션 상태관리란? 앱 수준의 상태를 자유롭게 구성하고 상태 일부분에 변화가 생기면 이를 즉각 반영하여 해당 컴포넌트를 재렌더링하게 하는 기능 리덕스란 자바스크립트 상태관리 라이브러리로 Flux(앱 설계 규격중 하나)를 준수한다. 리덕스 라이브러리 ...

    Aug 21, 20223 min read3