-
Javascript, jQuery 2023‧03‧21
JS - 요소의 display 값 가져오기
자바스크립트로 해당 요소의 스타일 중 display 값이 none 인지 block 인지 알고 싶을 경우 아래와 같이 처리한다.
-
React Native 2023‧02‧28
안드로이드 빌드 오류 Task :app:signReleaseBundle FAILED w: Detected multiple Kotlin daemon sessions at build/kotlin/sessions
리액트 네이티브 빌드 중 제목과 같이 Task :app:signReleaseBundle FAILEDw: Detected multiple Kotlin daemon sessions at build/kotlin/sessions 이렇게 오류가 발생하였다. 프로젝트 폴더의 /android/build.gradle 파일을 열어서 classpath가 괄호로 묶여서 사용하는 경우는 classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version") 이렇게 넣어도 된다. 실제 적용한 코드를 캡쳐한 모습은 아래와 같다.
-
React Native 2023‧02‧28
안드로이드 빌드 오류 - MainApplication.java:60: error: cannot find symbol ReactNativeFlipper.initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
리액트 네이티브로 구성한 프로젝트 빌드를 하던 중 오류가 발생하였다. 원인이라는 getReactNativeHost().getReactInstanceManager()); 부분을 찾아 검색하였고 0.61.5 에서 0.63.3. 으로 리액트 네이티브가 업데이트 되면서 빠졌다고 MainApplication.java 파일에 아래 코드를 추가해보라고 한다. https://stackoverflow.com/questions/65837062/react-native-android-cannot-find-symbol-class-reactinstancemanager 결과는 실패다. 비슷한 원인들을 찾다보니 이런 링크가 있었다. https://github.com/facebook/react-native/issues/36060 위 내용들을 참고 삼아 수정한 방법은 기존에 프로젝트 폴더안에 android/app/src/release/java/com/프로젝트 이름/ReactNativeFlipper.java 를 복사가 아닌 다른 폴더로 […]
-
React Native 2023‧02‧27
리액트 네이티브 - 웹뷰에 유저 에이전트 수정하기 (iOS, Android)
리액트 네이티브에서 웹뷰를 쓰려면 https://www.npmjs.com/package/react-native-webview 를 이용해서 웹뷰를 이용하게 되는데 하이브리드앱 만들 때 user agent 를 변경해서 같은 웹페이지를 열었더라도 일반 브라우저에서 열었을 때랑 하이브리드 앱에서 열었을 때랑 다르게 작동시켜야 할 때가 있다. 이럴 때 user agent 를 변경하는 방법을 찾아보던 중 https://stackoverflow.com/questions/36590207/set-user-agent-with-webview-with-react-native 를 보게 되어 사용했다. 하지만 iOS 경우 배포하려 xcode에서 Product - Archive […]
-
React Native 2023‧02‧24
리액트 네이티브 커스텀 폰트 적용하기 (iOS, Android)
커스텀 폰트는 otf 파일이든 ttf 파일이든 상관없다.otf로 넣었다가 파일 지우고 ttf로 다시 넣으려고 할 경우 빌드 실패하면서 The following build commands failed: CpResourc ~~~~ 이런식으로 오류가 뜨기도 한다. 또는 unrecognized font family '폰트명' 이런식으로 제대로 적용되지 않은 경우도 있다. 위 경우를 다 겪고 나서 하나하나 다시 살펴보고 과정을 담아봤다. iOS 1. 프로젝트 폴더에 assets/fonts 폴더 […]
-
AWS, Server 2023‧01‧27
Lightsail 하나의 인스턴스에 여러 도메인 서버 구성하기
Lightsail은 하나의 인스턴스에 본인의 결정에 따라 여러 도메인을 두고 여러 사이트를 구축 및 운영할 수 있다. 특히 개인 블로그나 트래픽이 적은 사이트는 512MB RAM, 1 vCPU, 20GB SSD 스펙의 최저 사양만 이용해서 여러 사이트를 돌려도 국내 호스팅하는 비용대비 효과가 크다.(더군다나 ssl이 무료다.) 나는 하나의 인스턴스에 이 개발 블로그 포함 4개의 사이트를 넣어 운영중이다.아직까지는 문제없이 한달에 […]
-
Server 2023‧01‧26
http 를 https 로 리다이렉트 시키기 (.htaccess 파일 작동 안될 때)
대부분 서버 루트에 .htaccess 파일이 있고 이 파일에서 규칙을 설정하면 리다이렉트등을 설정할 수 있다. 하지만 어떤 경우는 작동이 안되기도 했다.아마 서버에서 작동시키기 위해 적용 작업이 필요한 듯 한데 이럴 경우에는 서버 설정 중 도메인을 설정하는 httpd.conf 를 수정한다. LightSail과 같이 bitnami를 사용하는 경우는 /opt/bitnami/apache2/conf/bitnami/bitnami.conf 파일을 수정하면 된다. 위 2줄을 추가하면 되는데 어떤 곳에 어떻게 추가할 […]
-
Server, WP Setup 2023‧01‧24
http 를 https 로 리다이렉트 시키기 (.htaccess 파일로 작동)
워드프레스로 구성하여 .htaccess 가 만들어진 경우에 대한 설명이다.해당 파일을 열면 보통 이렇게 작성되어져 있다. RewriteBase / 밑으로 리다이렉트를 시키는 코드가 두 줄 추가 한다.