글쓰는 개발자

개발이라는 것은 꽤나 분야가 다양하다. 그 중 앱 개발은 크게 안드로이드 iOS 두갈래로 나뉘어 진다. 안드로이드는 java 혹은 Kotlin이라는 언어를 배워야 하고 iOS는 Objective C 혹은 Swift라는 언어를 배워야 한다. 뿐만 아니라 안드로이드는 UI를 xml 형태로 구성하기 때문에 xml도 기본적으로 배워야 하고 iOS는 Xcode의 UI 디자인도 공부해야 할 필요가 있다. 이러한 문제 때문에 하나의 플랫폼에서만 개발해도 양쪽 모두에 적용할 수 있는 cordovar, xamarin, react-native, flutter 같은 다양한 프레임워크가 생겨나게 된다. Cordovar 같은 경우 앱의 껍데기를 가진 웹앱을 개발하는데 사용된다. 웹앱이기 때문에 웹 기반 언어들인 javascri..

이번에는 react web을 생성하고 spring boot용 jar 파일을 생성해 실행해 본다. 터미널을 열고 프로젝트의 src/main 폴더에 들어간다. cd src/main 다음 세가지 방법중 한가지를 사용해서 react app을 시작한다. 새로 만드는 앱의 이름은 webapp으로 한다. npx create-react-app webapp npm init react-app webapp yarn create react-app webapp 그러면 src/main/webapp 폴더가 생성된다. webapp 폴더에 들어가서 생성된 react 앱을 다음 명령어를 통해 실행한다. (yarn이 설치되어 있지 않으면 설치해주자) yarn start 그러면 다음과 같이 react app 이 3000 포트로 실행된다 이..

React 프로젝트를 생성해서 spring boot 프로젝트로 배포하는 방법에 대해서 알아보자. 이번 프로젝트에서는 사용자가 생성한 https를 사용하는 spring boot 서버를 생성한다. 1. Spring Boot 프로젝트 생성 IntelliJ를 실행한다. 상단 메뉴의 File - New - Project를 선택해서 새로운 프로젝트를 생성한다. 좌측 프로젝트 종류는 Spring Initializer를 선택하고 next 버튼을 클릭한다. group과 artifact를 원하는 대로 설정하고 type을 Gradel Project로 선택한다. 좌측 메뉴에 web을 선택하고 Spring Web Starter를 선택하고 다음을 선택한다. 프로젝트 이름과 위치를 정하고 Finish 버튼을 선택한다. gradle..

1. 변수 선언하기 ES6 이전에는 var 키워드가 변수 선언을 위한 유일한 방법이었다. ES6이후로 더 나은 기능을 제공하는 몇가지 방법이 추가되었다. 1.1 const 상수는 값을 변경할 수없는 변수다. var로 선언한 변수와 비교해서 보자. var isChangable = true isChangable = false console.log(isChangable) // false 상수값은 변경이 불가하다. 따라서 선언된 값을 변경하려는 시도는 에러가 발생한다. const isNotChangable = true isNotChangable = false 1.2 let 자바 스크립트도 렉시컬 스코프(일정 영역내에 선언되는 변수)를 지원한다. 자바스크립트는 중괄호 { }를 사용해 코드 블록을 만든다. 함수의 ..

IntelliJ에서 Lombok을 사용하기 위해서는 다음과 같은 절차를 거쳐야 한다. 1. 플러그인 설치 - File - Settings - Plugins - Browse Repositories 에서 lombok 검색 - Lombock 플러그인 Install - 프로그램 재시작 2. Annotation Enable - File - Settings - Build, Execution, Deployment - Compiler - Annotation Processor - Enable annotation processing 체크

Sometimes webview component hide parent view after loading. When it happens cover webview with the view with overflow hidden.

react-native-tab-view 사용시 주의사항 Debug 모드를 사용할 때에는 react-native-tab-view의 탭을 클릭해도 아무 동작도 하지 않는다. TabView를 선택하면 탭이 이동하기 까지 시간이 조금 걸리는데 거기서 멈추는것 같다. 사용시 주의하기 바란다.

리액트 네이티브를 사용하여 android UI를 만들때 TextInput을 선택하면 키보드가 올라온다. 이에 맞춰서 하단에 텍스트 또는 버튼을 올라오게 하려면 밑에 영역을 flex:1로 지정해두고 flexDirection을 flex-end로 지정하면 된다. {'ABC'} 기본적으로 안드로이드에 android:windowSoftInputMode="adjustResize" 옵션으로 지정되어 있기 때문인데 Keyboard에 영향을 받지 않으려면 adjustResize 대신 adjustPan 옵션을 적용해야 한다. StatusBar를 숨기면 [ StatusBar.setHidden(true); ] 위 현상이 적용되지 않으니 주의하자.