React?

화면 출력에 특화된 프론트엔드 프레임워크 중 하나로 npm 생태계가 가장 넓고 가장 높은 다운로드 수를 자랑한다.

리액트는 페이스북을 개발할 때 사용한 기술로 공개 소프트웨어이다.

React의 장점

1. 컴포넌트로 화면 구성을 효율적으로 할 수 있다.
리액트는 컴포넌트라고 불리는 작고 독립적인 코드 블록을 조립하득 사용하여 화면을 구성한다.

2. 게임 엔진 원리를 도입하여 화면 출력 속도가 빠르다.
화면의 일부만을 수정해도 전체 화면이 다시 그려지는 것과는 다르게, 리액트는 가상화면기술(Virtual DOM)을 이용해 수정 된 부분만 다시 그려내기 때문에 화면 출력 속도가 빠르다.

이번 리액트 학습에서는 yarn을 사용해 리액트 앱을 구현하는데, yarn을 이용해 리액트 앱을 실행시키려던 도중

yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다.'=

다음과 같은 경고가 뜨며 앱이 실행되지 않았다.
티스토리 확장형 뇌 저장소의 도움을 받아 해결할 수 있었다. :)
+) https://singa-korean.tistory.com/21 해당 블로그에 안내되어있는 방법이 좀 더 안전하게 사용할 수 있도록 할 수 있을 것 같다.

사용한 vscode 플러그인

1. Reactjs code snippets

리액트에서 자주 사용하는 코드 뭉치를 자동으로 완성해주는 플러그인으로, 키워드에 따라 기본적인 코드뭉치를 작성해준다.

2. Prettier

코드의 줄바꿈 등의 스타일을 자동으로 변환해준다.