개발 공부 기록/05. React 2

IntelliJ에서 React 프로젝트에 AirBnB의EsLint를 설정해보자.

1. 일단, git에서 가져온 프로젝트에 react 모듈을 추가해준다.Project Structure (Ctrl + Alt + Shift + S) 에서 사진처럼 모듈을 import 해준다. 그러면,위와같이 프로젝트가 잘 생성됨을 알 수 있는데, 이제 Lint를 깔아보자.  2. ESLint 설치여러 블로그들을 참고하였다. 터미널에서 다음과 같이 입력해주자.npm install --save-dev eslint 그러고 나서, Actions 창 (Ctrl + Shift + a) 에서 다음과 같이 설치됨을 확인 할 수 있다. 보통 자동으로 config를 잡아주기 때문에, 인텔리제이에서 해줄건 끝났고, 이후론 npm에서 설정해준다. 3. Airbnb Style 설치npx install-peerdeps --dev ..

[React] 웹뷰와 안드로이드 (Native) 간에 상호 통신하기

1. 웹뷰에서 Native 함수 실행하기 webView.addJavascriptInterface(WebBridge(), "BRIDGE") onCreate()에 addJavascriptInterface 메서드를 추가하여 웹뷰와 통신할 WebBridge 클래스를 생성해준다. BRIDGE는 추후 나올 react에서 접근할때 사용할 식별자이다. class WebBridge { @JavascriptInterface fun connectAndroid(): String { return token } } WebBridge 클래스 안에 @JavascriptInterface를 추가하여 웹뷰와 안드로이드를 이어준다. 안에함수들은 자유롭게 작성해준다. if (window.BRIDGE !== undefined) { window..