1. 현상

• Table 에 Data 입력 시 한글 깨짐

  2. 원인

• UTF-8 설정이 안됨

  3. 해결

• default 파라미터 그룹은 수정이 되지 않는다
• aurora DB의 RDS 파라미터 그룹을 추가 한다
• character-set-client-handshake : 0
• character_set_client : utf8
• character_set_connection : utf8
• character_set_database : utf8
• character_set_filesystem : utf8
• character_set_results : utf8
• character_set_server : utf8
• collation_connection : utf8_general_ci
• collation_server : utf8_general_ci

1. 현상

• react-native와 기존 app을 연결 하는 방법으로 개발 중 react-native-elements의 Avatar를 사용중 ICON이 정상적으로 출력되지 않음

2. 원인

• icon을 정상적으로 가지고 오지 못함

3. 해결

• yarn add react-native-vector-icons
• Android app 아래 build.gradle 아래 추가

  apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
  

1. 현상

• react-native와 기존 app을 연결 하는 방법으로 개발 중 js 화면 수정 시 자동으로 화면이 갱신 되지 않음

2. 원인

• 번들서버는 잘 구동하고 있으나 연결이 되지 않음
• android studio의 logcat에서 아래와 같은 에러가 발생

     CLEARTEXT communication to 10.0.2.2 not permitted by network security policy
  

3. 해결

• 참고 권한주는 방법
• AndroidManifest.xml파일 수정

<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        ...
        android:usesCleartextTraffic="true"
        ...>
        ...
    </application>
</manifest>

4. 기타 팁

현재 열여있는 port를 구동하는 프로세스 찾기

sudo lsof -i :8081

1. 현상

• react-native에서 참고할 코드를 로컬에 설치 후 구동 시키는 중 에러가 발생

2. 원인

• package.json의 react-native버전 정보가 변경됨
• 터미널에서 npm audit fix를 실행 후 버전 정보가 자동으로 수정

3. 해결

• npm audit를 실행 후 출력되는 내용을 바탕으로 package.json의 버전 정보를 수정

1. props, state

2. LifeCycle API

3. create-react-app

npx create-react-app

npx: an npm package runner

• npm 실행 스크립트 없이 로컬로 설치된 도구사용
• 일회성 명령어 실행(예: create-react-app을 전역으로 설치하지 않아도 패키지를 실행할 수 있다)

create-react-app으로 생성된 프로젝트의 설정파일은 node_modules/react-scripts 안에 있다
yarn eject : create-react-app에서 설정파일 밖으로 추출하기

react 특성 중 하나 불변성

JSON.stringFy()

4. input 상태 관리

plugin :
react code snippets 설치 : react 코드를 자동 생성 해줌

• rcc : react class 형태의 콤포넌트 코드 생성
• rsc : react function 형태의 콤포넌트 코드 생성
  ```javascript 1.6 eventHandler = (e) => { this.setState({ [e.target.name]: e.target.value, }) }

render() { return ( <form> <input placeholder =”” onChange={this.eventHandler}></input> </form> ); }

```

5. 자식컴포넌트가 부모컴포넌트에 값을 전달하는 방법