React JS Old Browser "undefined" Errors
Web 2022. 6. 22. 15:35

이슈 npx create-react-app 를 사용해서 만든 앱으로 old Browser를 지원 하기 위해서 browser list버전을 아무리 내려 보아도 Uncaught TypeError: undefined is not a function 에러가 발생하는 현상이 나타났다. 한참 후에 알았는데 발생 사유는 Object.assign이 undefined 되어 있기 때문이다. 여기서 다루지 않는것 package.json에 있는 browserslist를 통해서 old browser를 설정하는 내용은 다루지 않는다. 해당 설정을 했음에도 undefined에러나 나는 경우를 여기에서 다룬다. 해결 방법 "react-scripts"의 버전을 의심해 보아야 한다. https://github.com/facebook/c..

kubectl 1.24 error: exec plugin: invalid apiVersion "client.authentication.k8s.io/v1alpha1"
AWS 2022. 6. 11. 19:49

eks로 만든 cluster를 kubectl이 config map을 로드하지 못할 경우 오랫만에 eks로 cluster를 만든 후 kubectl을 통해 aws의 kubernetes config를 불러 오려고 했는데 아래와 같이 오류가 났다. steven@steven-ubuntu:~$ kubectl version error: exec plugin: invalid apiVersion "client.authentication.k8s.io/v1alpha1" 찾아보니 kubectl 12.4.x 버전에서 eks와 연동해서 사용할 경우 발생하는 오류라고 한다. https://github.com/aws/aws-cli/issues/6920 대부분의 사람들이 kubectl 버전을 12.3.6으로 내리고 문제가 해결 되었다..

Visual Studio Code Live Server SPA url mapping 설정 하기
Web 2022. 3. 6. 23:52

문제점 2021.09.05 - [Web] - Vanilla javascript URL Router 만들기 (web components) 위에 포스트를 보면 다음과 같은 말을 했었습니다. url에 사용자가 직접 넣으면 오류가 날것이다. 해당 서비스 접근을 통해서 해당 url에 화면이 잘 나오는 것을 분명히 확인했는데 어떤 차이일까? 그것은 해당 url이 server에 request를 했느냐의 차이가 된다. 위에 언급했듯이 SPA는 기본적으로 여러개의 url page를 하나의 url로 call 하게 됩니다. 그러다 보니 request mapping을 browser url에 직접 넣게 되면 오류를 발생하게 됩니다. 그 이유는 해당 request를 받는 server쪽에서 url을 어떤 resource와 mapp..

Intellij $'\r': command not found 오류 (LF, CR)
intellij 2022. 3. 1. 15:38

문제점 linux나 mac 또는 windows에서 사용하는 shell script를 intellij에서 실행하려고 하면 아래와 같은 오류가 발생한다. build.sh: line 2: $'\r': command not found build.sh: line 4: $'\r': command not found error: invalid flag: softdrink/module-info.java Usage: javac use --help for a list of possible options : no such file or directory build.sh: line 9: $'\r': command not found 발생 사유 linux/mac에서 사용하는 파일의 format과 windows에서 사용하는 form..

JavaFX Unrecognized option: --module-path
JAVA 2022. 2. 28. 13:58

문제점 Window 환경에서 Maven의 javafx-maven-plugin을 사용하면 javafx 모듈 설정을 별도로 해주지 않아도 실행 시킬수가 있게 된다. 2021.05.28 - [JAVA] - javaFX java version 11이상에서 실행하기 모듈로 설정하는 방법은 위와 같다. 그런데 IDE의 실행이 java 11버전 이상인데도 불구하고 하기와같이 오류가 나면서 실행이 되지 않는 경우가 있다. Error: Could not create the Java Virtual Machine. Error: A fatal exception has occurred. Program will exit. Unrecognized option: --module-path 이 경우는 java 8과 java 11혹은 그..

Count Array Pairs Divisible by K
Problem Solving 2022. 2. 20. 21:04

Count Array Pairs Divisible by K 목적 integer의 배열이 nums가 주어진다. 주어진 nums에서 2개의 pair를 선택해서 곱한 결과가 k로 나뉘어지는 경우가 몇 번인가? 단, pair가 (1,2)이면 (2,1)과 동일하다. 접근 방법 Brute force 접근 가장 쉬운 접근은 모든 경우의 수를 곱샘 하는 것이다. 만약 nums = [1,2,3,4,5], k = 2 가 주어지면, [1,2],[1,3],[1,4],[1,5],[2,3],[2,4],[2,5],[3,4],[3,5],[4,5] 를 만들 수 있고 이중에서 2로 나뉘어 지는 것은 2,3,4,5,6,8,10,12,15,20 중에서 2,4,6,8,10,12,20이 된다. 모든 경우의 수를 따지고 k로 % 연산을 진행할 ..

Intellij Spring boot Hot Swap / Hot Deploy 설정하기
intellij 2022. 2. 16. 23:36

목적 Intellij 2021버전 이후 Intellij에서 Spring boot java class 파일이 수정되었을 때 Hot Swap or Hot Deploy를 진행하게 한다. Maven or Gradle 설정 Hot Swap 설정을 위해서는 Maven 또는 Gradle에 spring-boot-devtools를 추가해 준다. maven인경우 org.springframework.boot spring-boot-devtools gradle인경우 implementation 'org.springframework.boot:spring-boot-devtools:2.6.3' Intellij 설정 file > settings > Advanced Settings > Allow auto-make to start.... ..

Javascript Generator & Iterator 설명 및 게임 sample
Web 2022. 2. 15. 16:43

Javascript로 개발을 하면서 generator 기능을 활용해볼 기회가 거의 없었는데, 고민해보니까 재미있는 Sample를 만들 수 있어서 포스트를 남겨 봅니다. 이 포스트를 보시는 분들도 Generator가 이렇게 쓰일 수도 있구나 하는 생각을 하실 수 있는 기회가 되었으면 좋겠습니다. 목표 Generator가 무엇인지 알아본다 Iterator가 무엇인지 알아본다 Generator를 이용해서 베스킨라비스 31 게임을 만들어 본다 Generator란? Generator는 iterable protocol과 iterator protocol을 따르는 일종의 데이터 생성 Object입니다. 벌써 부터 무슨소리인지 모르겠죠? 네, 저도 잘 모르겠습니다. https://developer.mozilla.org/..

Android BaseAdapter vs RecyclerAdapter 작동 원리 (RecyclerView 개발)
Android 2022. 2. 12. 23:02

목표 기존 ListView로 만들어져 있던 List를 Recycler View로 만들어 본다. BaseAdapter와 RecyclerAdapter의 작동원리를 알아본다. 하기 링크가 본 포스트의 선행입니다. 2022.02.05 - [Android] - Android ViewModel & ListView 사용하기 (흠... Compose 강좌 만들려고 간단히 기본 강좌 만드는 목적이었는데 이제 Recycler View라니 갈길이 너무 멀군요) Gradle 적용 언제나 그렇듯이 Jebpack을 사용하기 위해서 관련된 라이브러리를 Gradle에 적용을 해야합니다. https://developer.android.com/jetpack/androidx/releases/recyclerview 위의 링크를 참조해서 아..