리액트

프로젝트에서 실시간 채팅을 구현하면서 기본 스크롤바가 전반적인 UI에 너무 안 어울려서 수정해야될 필요성을 느꼈다. 또한, 기본 스크롤바에 조사해보니 아래와 같은 단점들이 있었다. > #### 기본 스크롤바가 적용된 UI > - 전체 레이아웃이 왼쪽으로 밀리는 현상이 발생함 > - 전반적인 UI의 어울리지 않는 스크롤바 사용으로 UI 일관성을 저해시킴 > ...

8장 좋은 리액트 코드 작성을 위한 환경 구축하기 ESLint를 활용한 정적 분석과 리액트 테스트 라이브러리를 충분히 활용한다면 웹 서비스가 서비스되기 전에 여러가지 문제를 점검하고 확인할 수 있다. 8.1 ESLint를 활용한 정적 코드 분석 ESLint는 자바스크립트 생태계에서 가장 많이 사용되는 정적 코드 분석 도구이다. 8.1.1 ESLint...

9장 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기 빈 폴더만 준비돼 있는 환경에서 가장 각광받는 라이브러리인 리액트와 Next.js로 실무에서도 쓸 수 있는 웹서비스를 구축해보기 9.1 Next.js로 리액트 개발 환경 구축하기 리액트와 Next.js에서 어떠한 설정이 필요한지 알기 위해서 package.json부터 하나씩 살펴보자 creat...

10장 리액트 17과 18의 변경 사항 살펴보기 대부분의 리액트 프로젝트들이 최소한 훅과 함수 컴포넌트를 사용하기 위해 16.8 버전을 기반으로 개발됐고, 이것이 고착화되어 더 이상 버전 업하지 않고 운영되고 있다. 그래서 리액트 버전 17과 18 버전은 비교적 많이 사용하고 있진 않다. 10.1 리액트 17 버전 살펴보기 16 버전과 다르게 새롭게 ...

12장 모든 웹 개발자가 관심을 가져야 할 핵심 웹 지표 12.1 웹사이트와 성능 사용자가 웹사이트에 접속했을 때 기대하는 사항 방문한 목적을 쉽게 달성할 수 있어야 함 방문한 목적을 달성하는데 시간이 짧아야 함 웹사이트에서 개인정보가 누출되는 등의 사고 없이 보안에 철저해야 함 12.2 핵심 웹 지표란? 구글에서 만든 지표로, 웹사이트에서 뛰어난...