반응형

javascript 2

[React] 리액트 (React) 란?

1.React(리액트)란? 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용합니다. 싱글 페이지 애플리케이션(SPA)이나 모바일 애플리케이션 개발에 사용할 수 있습니다. 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 합니다. 2.React 특징 단방향 데이터 바인딩(One Wat Data flow) ▷리엑트는 단방향 바인딩을 사용하여 성능저하를 줄이고 더 확실하게 데이터를 추적 할수 있습니다. 가상돔(Virtual Dom) ▷싱글 페이지 어플리케이션(SPA)에서는 리플로우/리페인트거 자주 발생 되는데 가상돔을 사용하여 최소화하여 성능을 최적화 시켰습니다. 컴포넌트(..

Front End/React 2021.11.30

[CSS] Sprite(스프라이트) Image로 Mostion 만들기

1. CSS Ketframes로 이미지 모션 만들기 한장씩 제작된 이미지가 아닌 한장으로 만들어진 스프라이트 이미지로 모션 구현(모션용 제작 이미지 필요) img 내 position 변경 2. 소스 및 스프라이트 이미지 (Result 탭 에서 확인가능) 3. 스프라이트 이미지 장,단점 서버에 요청을 한 번만 함 (장점) 하나의 이미지 파일만 관리 (장점) 이미지가 크다면 로딩시 오래 걸림 (단점) 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

Front End/CSS 2021.10.06
반응형