본문 바로가기

전체 글55

[React] Component 생성하고 모듈화하기-떽떽대는 개발공부 2020/12/30 - [React] - [React] 프로젝트 생성하고 실행하기 [React] 프로젝트 생성하고 실행하기 리액트 프로젝트 생성 및 실행 방법 프로젝트 생성 프로젝트 생성 명령 설치하기 npm install -g create-react-app 위 명령으로 리액트 프로젝트를 생성하는 create-react-app명령을 설치했다. -g옵션이 주어 ddeck.tistory.com 이전 글에서 프로젝트를 생성했다면 이제 component를 생성하여 프로젝트를 진행할 수 있다. Component 생성 및 모듈화 src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import Ap.. 2020. 12. 31.
[Javascript] Mobile Web 에서 App실행 하기(딥링크)-떽떽대는 개발공부 Web Mobile 에서 APP 을 실행 할수 있다. 이를 앱링크 or 딥링크 라고 한다. ex) 트위터의 예를 들어 와 같이 작성을 하면 핸드폰 내에 설치되어져있는 트위터 앱이 실행이 된다. 이슈 1 . Android 의 경우와 IOS 의 경우 앱 실행 경로가 다르다. [Android 의 경우] [IOS 의 경우] 이슈 2. 해당 앱이 나의 핸드폰에 설치가 되어져있지 않는경우 Android 의 경우 위에 적힌 경로를 그대로 사용하면 본인의 핸드폰에 트위터 앱이 설치가 되어져있는 경우 트위터 앱이 실행 되어지고 만약 설치가 되어져있지 않다면 레이어 팝업 형태로 구글 앱스토어의 설치 화면이 뜨게 되어서 별다른 이슈가 없다. IOS 의 경우 위에 적힌 경로를 그대로 사용하면 본인의 핸드폰에 트위터 앱이 설치.. 2020. 12. 31.
[React] 프로젝트 생성하고 실행하기-떽떽대는 개발공부 리액트 프로젝트 생성 및 실행 방법 프로젝트 생성 프로젝트 생성 명령 설치하기 npm install -g create-react-app 위 명령으로 리액트 프로젝트를 생성하는 create-react-app명령을 설치했다. -g옵션이 주어졌기 때문에 시스템 공통 폴더에 설치된다. 따라서 프로젝트를 새로 생성할 때마다 위 명령을 반복할 필요가 없다. npx 로 프로젝트를 생성해야 하는데 npx 를 설치하기 위해서는 npm 을 통해서 설치 가능하다. npm install npx -g 프로젝트 생성하기 npx create-react-app [프로젝트이름] create-react-app명령을 실행하여 프로젝트를 생성할 수 있다. 프로젝트 이름으로 영어 대문자는 사용이 불가능하다. 프로젝트 실행 생성한 프로젝트 폴.. 2020. 12. 30.