windows 10 환경에서 ReactJS 개발환경 설정 - markdown 형식 문서

 #ReactJS  

## 개발환경 설정 

### nodejs 설치 

공식사이트에 들어가서 nodejs 를 아래 사이에서 다운 받아 설치

- nodejs 공식사이트 접속 : [NodeJS org](https://nodejs.org/ko/download/) 

- [zip] 파일 받아서 설치시 

- 임의의 폴더에 압축 해제. 

- cmd 창에서 해당 경로로 이동. 

- 이동된 디렉토리에서 아래 명령어 실행 

   

```linux   

# npm -v 

# node -v

```

- 정상 작동 확인시 환경변수 등록하여 어느 디렉토리에서 실행해도 작동하도록 설정. 

- npm을 이용하여 create-react-app 설치  

아래 명령어를 이용하여 create-react-app 을 로컬에 설치 

  

```linux

# npm install -g create-react-app

```

- 개발 디렉토리 지정  

아래 명령어를 이용하여 create-react-app 을 이용하여 로컬에 개발디렉토리 지정  

설정하고자 하는 디렉토리로 이동 (ex : d:\dev\workspace\react-app\ ) 후에 아래 명령어를 입력하여 실행. 

```linux

# create-react-app .

```

### visual sourcecode 설치  

공식사이트에 들어가서 visual sourcecode 를 아래 사이에서 다운 받아 설치

- visual source code  공식사이트 접속 : [code.visualstudio.com](https://code.visualstudio.com/) 

- [zip] 파일 받아서 설치시 

- 임의의 폴더에 압축 해제. 

- cmd 창에서 해당 경로로 이동. 

- 이동된 디렉토리에서 아래 명령어 실행 

### react build 

```linux

# npm run build 

```

### react 배포 

- react 실행하기 위한 서버 install 

```linux

# npm install -g serve

```

### react app 실행 

```linux  

 # npx serve -s build   => build 로 생성한 것을 docRoot 으로 설정. 

```

 

Mysql/MariaDB 대용량 데이터 import 하기

1. command 명령 프롬프트에서 mysql/mariadb 로그인

D:\eGov_3.6_DEV\bin\mariadb-10.2.6-winx64>bin\mysql -u root -p
Enter password: **********
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 23
Server version: 10.2.6-MariaDB-log mariadb.org binary distribution

Copyright (c) 2000, 2017, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> help load
Many help items for your request exist.
To make a more specific request, please type 'help <item>',
where <item> is one of the following
topics:
   LOAD DATA
   LOAD INDEX


2. import 하고자 하는 DB로 변경

MariaDB [(none)]> use skb_mss;  <== 해당 db로 이동
Database changed

3. *.csv/*.log 파일의 내용을 읽어서 로딩
// 파일에서 데이터 읽어서 로딩하기.
// 아래 문장의 내용
// input 파일명 : d:\aapl2.csv  입력 테이블명 : aapl
// 컬럼 구분은 ','
// 줄 끝은 '\n'
// 첫줄은 header 이므로 무시
MariaDB [skb_mss]> load data local infile 'd:\\aapl2.csv' into table aapl columns terminated by ',' lines terminated by '\n' ignore 1 lines;
Query OK, 1243 rows affected, 2471 warnings (0.04 sec)
Records: 1243  Deleted: 0  Skipped: 0  Warnings: 2471

mysql startup, stop 파일 생성

startup_mysqld.bat 내용
.\bin\mysqld --character-set-server=utf8 --explicit-defaults-for-timestamp &


stop_mysqld.bat 내용
.\bin\mysqladmin -u root -p shutdown

Notepad++ 에서 Camel case 변환

 Notepad++ Camel case 변환하기

1.. 변환하고자 하는 문자열을 소문자 변환

2. 찾기 팝업에서 아래 명령어로 변환. (하단에 정규표현식 체크 설정)

Find => [_]{1,1}([a-z])

Replace => \U$1

[JAVA]Base64 Encode => Base64 Decode 하여 파일생성하기(inputstream, byte[]를 통한 파일 전달에 사용가능)

* Base64 Encode => Base64 Decode 하여 파일생성하기 Apache commons codec 에서 제공하는 Base64 En Decoding 사용했습니다. ----------------------------------------------------------------------------- package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import org.apache.commons.codec.binary.Base64; public class ImgTest { public ImgTest(){ try { File imgFile = new File("D:\\test.jpg"); // 이미지 파일을 byte[] 로 읽어온다. FileInputStream fis = new FileInputStream(imgFile); byte[] b = new byte[fis.available()]; fis.read(b); // 읽어온 이미지 파일의 바이너리 데이터를 base64로 인코딩한다. byte[] encoded = Base64.encodeBase64(b); // byte[] 형태의 base64 데이터를 String으로 변환. String base64Str = new String(encoded); System.out.println(base64Str); // 디코딩 작업. byte[] decoded = Base64.decodeBase64(encoded); File base64ToImgFile = new File("D:\\test2.jpg"); FileOutputStream fos = new FileOutputStream(base64ToImgFile); fos.write(decoded); } catch (FileNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } finally{ } } public static void main(String[] args) { new ImgTest(); } }
************************************


https://stackoverflow.com/questions/17506428/convert-base64-string-to-image-in-java

[JAVA] String to byte[] convert (String <-> byte[] 변환)

java 에서 String 과 byte[] 간 변환방법



String test = "this is example"; byte[] strbytes = test.getBytes(); // byte[] 로 변환 String s = new String(strbytes); // byte[] => String 으로 변환

[pom.xml]org.apache.maven.archiver.MavenArchiver.getManifest(org.apache.maven.project.MavenProject, org.apache.maven.archiver.MavenArchiveConfiguration)

출처]http://lime-it.tistory.com/36

STS 설치 이후 처음으로 스프링 부트 프로젝트를 생성하였는데 생성하자마자 오류가 등장하였다.

org.apache.maven.archiver.MavenArchiver.getManifest(org.apache.maven.project.MavenProject, org.apache.maven.archiver.MavenArchiveConfiguration)

검색해도 한글로 된 답변도 없고 이것저것 도전해보다가 돌고 돌아 쓸만한 답변 하나 찾아서 해결했다.

위 오류는 Maven에 update project를 해도 해결이 되지 않는데

해결책으로는 두가지 방법이 있다.

1. 버전 다운그레이드

버전을 다운그레이드 할 경우 오류는 사라지지만 권장하지 않는 방법

2. 이클립스에서 m2e 확장 기능을 설치하는 것

Help -> install New Software 에서

https://otto.takari.io/content/sites/m2e.extras/m2eclipse-mavenarchiver/0.17.2/N/LATEST/

or

http://repo1.maven.org/maven2/.m2e/connectors/m2eclipse-mavenarchiver/0.17.2/N/LATEST/

둘 중 선택해서 검색하여 m2e 확장기능을 설치후 재 시작하게 되면 오류는 해결된다.

참고한 자료 출처 : https://stackoverflow.com/questions/37555557/m2e-error-in-mavenarchiver-getmanifest