몽글몽글

React는 많은 개발자들에게 선호되는 JavaScript 라이브러리 중 하나인데요~ 그 이유가 무엇일까요? 그건 여러 가지 장점 때문입니다. 아래는 리액트의 주요 장점 몇 가지를 알아볼게요^^ 가독성 및 유지보수 JSX 문법을 사용하여 컴포넌트를 작성하므로, 코드가 HTML과 유사해지고 가독성이 높아지는데요, 그렇기 때문에 팀 내에서 협업 및 코드 유지보수를 용이하게 만들어 줍니다! 컴포넌트 기반 구조 React는 컴포넌트 기반 아키텍처를 채택하고 있습니다. 이는 UI를 독립적인 작은 부분으로 나누어 개발할 수 있게 하며, 재사용성을 높이고 유지보수를 간편하게 만들 수 있게 도와줍니다. 가상 DOM (Virtual DOM) React는 가상 DOM을 사용하여 브라우저에 직접적인 조작을 최소화하고 있습니..

Hook이 뭔가요? Hook은 함수 컴포넌트에서 React state와 생명주기 기능을 연동 할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않는 대신 class 없이 React를 사용할 수 있게 해주는 것입니다. Hook은 React 16.8에 새로 추가된 기능으로, Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줄수 있게 해주는 기능 입니다 정의는 아래와 같이 적어서 사용할수 있습니다! const [test, setTest] = useState(0); useState는 인자로 초기 state 값을 하나 받습니다. 위에서는 0을 초기 값으로 셋팅한 거에요~

yarn을 사용하는 경우에 라이브러리를 설치할때 사용하는 명령어는 아래와 같이 적어주면 됩니다! yarn add [설치하는 라이브러리] 단순 ㅎㅎㅎㅎ

yarn을 설치했는데 실행이 안될때 해결하는 법! yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 위 문구가 나올때 ㅠㅠ 우선 윈도우 프로그램에서 powershell을 검색해서 관리자 권한으로 실행해 주세요! 실행 후 위 사진처럼 순서대로 진행하면 됩니다! 1. get-ExecutionPolicy 으로 권한 확인! 2. Restricted 이 조회됨 3. Set-ExecutionPolicy RemoteSigned 명령어를 다시 실행해 줍니다. 4. Y 를 치고 엔터! 5. get-ExecutionPolicy 를 다시 실행해서 RemoteSigned 이 나오는지 확인! 6. 다시 yarn을 실행하면 됩..

리액트에서 타입스크립트를 사용하는 프로젝트를 생성하는 명령어는?? npx create-react-app testname --template typescript 위와 같이 작성해서 실행하면 됩니다! testname을 원하는 이름으로 변경해서 실행해 주세요~! yarn create-react-app testname --template typescript 만약 yarn으로 실행하고 싶다면 위와 같이 실행하면 됩니다!

윈도우에서 npm으로 yarn을 설치할때는 아래와 같이 명령어를 쳐주면 됩니다! npm install -g yarn 설치 후에 정상적으로 설치 되었는지 확인 하고 싶다면?? yarn --version 위 명령어를 통해서 확인할수 있습니다!

npm과 yarn의 차이점은? npm : 패키지를 한 번에 하나씩 순차적으로 설치함 yarn : 여러 패키지를 동시에 가져오고 설치함 yarn이 속도적인 측면에서 유리하기 때문에 yarn을 추천