일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 리액트
- 프론트엔드
- 웹개발
- 1차원 배열
- IDE
- 백준알고리즘
- react
- unity
- vscode
- 컴파일러
- 어드벤처
- Visual Studio Code
- Python
- 프로그래밍 언어
- C++
- 유니티
- 게임 개발
- 2D 게임
- 리액트네이티브 시작하기
- 윈도우환경
- 웹프레임워크
- 오브젝트 파일
- 자바스크립트
- react-native
- 코딩
- 크로스플랫폼
- 버튼 클릭 이벤트
- C
- 캐주얼 게임
- 리액트네이티브 환경설정
- Today
- Total
목록웹프레임워크 (2)
cosmic developer
리액트를 사용함에 있어서 기존의 웹사이트에 추가하는 방법도 있지만, create-react-app을 활용하는 방법도 있다. 새로운 리액트 앱 생성을 위한 공식 문서는 이곳을 클릭. - Node 8.10 이상- npm 5.6 이상 1. 새로운 앱 생성Node와 npm에 대한 설치를 완료했다면, npx 명령어를 사용할 수 있다. (appname: 앱 이름)npx create-react-app appnamecs 2. 앱 생성 완료몇 분간의 설치가 완료되면 해당 폴더(appname)에 들어가서 아래와 같이 생성 되었음을 확인할 수 있다. 3. 앱 실행해보기해당 폴더에서 경로 부분에 cmd .. 를 입력하면 cmd 창이 실행된다. cmd 창에서 아래와 같은 명령어를 입력한 후 기다리면npm startcs 아래와 ..
아래의 세 가지 이미지는 자바스크립트를 기반으로 하는 웹 프레임워크의 로고로 왼쪽부터 앵귤러JS, 리액트, 뷰JS이다. 앵귤러같은 경우에는 구글, 리액트는 페이스북에서 시작되었지만 특이하게도 뷰js는 중국출신의 한 사람에 의해서 시작된 프로젝트라고 한다. 요즘 뷰js가 많이 떠오르고 있다고 하던데, 정말 대단하다고 생각한다. 오늘은 특히 리액트의 특징에 대해서 알아보자. 먼저 라이브러리라는 개념은 프로그래밍에 있어서 자주 쓰는 기능들을 모아뒀다는 것이다. 그리고 위 세가지는 화면을 만들기 위한 기능들을 모아놓은 자바스크립트 라이브러리이며, 이를 다르게 말하면 웹페이지를 쉽게 만들 수 있게 도와준다는 것을 의미한다. 리액트의 특징① 빠른 업데이트와 렌더링 속도리액트는 화면을 업데이트할 때 속도가 빠르다는 ..