개발
-
[React.js] Class component vs Functional component개발/React 2020. 6. 4. 16:31
이번에는 Class component와 Function compoent의 차이점을 알아 보겠습니다. Functional component [특징] - 제공하는 기능이 한정적임 - 코드가 간단해짐 - 성능이 빠름 import React from 'react' export default function Hello() { return ( hello? ) } Class component [특징] - 많은 기능들을 사용 가능 - 코드가 길어지고 복잡해짐 - 성능 면에서 조금 느려짐 import React, { Component } from 'react' export default class Hello extends Component { return() { ( hello? ) } } Functional Functi..
-
[React.js] Client와 Server를 동시에 시작할 수 있는 모듈개발/React 2020. 6. 2. 16:01
서버와 클라이언트를 같이 만들 경우에는 서버/클라이언트를 독립적으로 실행해 줘야 한다. 서버 cmd 창에서 스크립트 치고, 클라이언트 cmd 창에서 스크립트를 치기 귀찮았는데 동시에 실행할 수 있는 모듈이 있었다. 바로 'Concurrently'라는 모듈이다. npm install concurrently --save 위와 같은 명령어로 모듈을 설치한 다음, 최상위에 있는 pakage.json에서 스크립트를 작성한다. 나의 React 폴더는 아래와 같은 구조로 되어 있다. - client - server - pakage.json pakage.json ... "scripts": { "start" : "node server/index.js" ... } client/pakage.json ... "scripts:..
-
[React.js] Default 코드를 자동으로 생성해주는 모듈개발/React 2020. 6. 1. 14:39
React로 js를 계속 만들다 보면 Default Componet를 생성할 때 기본적으로 적어줘야 하는 코드들이 있다. import React from 'react' function TestPage() { return ( TestPage ) } export default TestPage 대충 위와 같은 형식인데... 여러 Componet를 만들다 보면 손수 코딩하기 매우 귀찮은 지경이다. 이러한 불편함을 감수시키기 위해 VS Code 에서는 확장 모듈을 제공해 준다. 바로 es7이라는 것인데... 위와 같이 VS Code에서 저 네모 테트리스 블럭... 같은 것을 선택하고 es7을 치면 ES7 React를 설치한다. 다음 js를 돌아와 아래와 같은 rfce를 치고 입력을 누르면 기본적인 코드가 출력된다..
-
[Node.js] 서버를 재시작하지 않아도 실시간 코드가 반영되는 Nodemon개발/Node.js 2020. 5. 26. 17:55
Node.js를 공부하면서 가장 불편했던 점이 코드들을 변경해도 실시간으로 반영되지 않아 서버를 재시작해야 한다는 점이었다. 하지만 이런 단점을 극복하는 모듈이 있어 설치를 해 보게 되었다. NodeMon을 설치하려면 프롬포트 창에서 아래의 명령어를 입력하면 된다. npm install nodemon --save-dev -dev의 명령어는 개발 전용으로만 사용하겠다는 것이니 빼면 release 모드에서도 사용할 수 있을 것이다. 각자 선택해서 사용하기를 바란다. package.json에서 nodemon으로 사용할 수 있는 script를 하나 추가해 주었다. "scripts": { ... "dev": "nodemon index.js", }, 그리고 명령 프롬포트 창에서 npm run dev를 사용하면 아래..
-
[React Native] apk release export error개발/React Natie 2020. 2. 27. 10:48
apk를 추출하는 방법은 아주 쉽다. releae를 하려면 서명 키가 필요하다. keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 이렇게 키를 생성한다. 그리고 apk를 만들고자 하는 파일에 build.grdle로 가서 아래의 코드를 추가한다. signingConfigs { release { if (project.hasProperty('RELEASE_STORE_FILE')) { storeFile file(RELEASE_STORE_FILE) storePassword RELEASE_STORE_FILE_PASSWORD keyAlias RELEASE_STOR..