전체 글
udemy(유데미)에서 영상만 키면 화면이 이상해지는 경우 해결법
브라우저 > 설정 > 하드웨어 가속 "끄기"(Use hardware acceleration when available "off")
AWS EC2 인스턴스 상태 검사 실패시 해결법
AWS EC2 인스턴스 상태 검사 실패시 해결법 안녕하세요, 개발하며 달리는 쿼카입니다. 이번 글에서는 AWS EC2 인스턴스 상태 검사 실패시 해결법에 대해 알아보려하는데요, VSCode로 EC2에 직접 연결해서 개발을 하다가 갑자기 접속이 안되어서 대시보드로 가보니 인스턴스의 상태가 다음과 같이 되어있었습니다. AWS의 공식문서에 나와있는 설명은 다음과 같은데요. 연결할 수 없는 EC2 Linux 인스턴스의 상태 확인 실패 문제 해결 작동 중에 커널이 치명적인 내부 오류를 감지하면 커널 패닉 오류가 발생합니다. 운영 체제 부팅 중에 오류가 발생하면 커널을 제대로 읽어들이지 못할 수 있습니다. 이로 인해 운영 체제 부팅 aws.amazon.com 공식문서답게 읽기 싫게 생겨서, 나름 알아낸 방법은 다음..
Next.js의 useEffect hook에서 router.query 값을 받는 방법
Next.js의 useEffect hook에서 router.query 값을 받는 방법 안녕하세요, 개발하며 달리는 쿼카입니다. 이번 글에서는 Next.js의 useEffect hook에서 router.query 값을 받는 방법에 대해 알아보려하는데요, 저도 router.query에 따라 필요한 데이터를 가져오는 코드를 짜다가 해당 문제를 겪어서 해결책을 적어보고자합니다. 일반적으로 생각하는 router.query의 값이 useEffect에서 바로 보장될 거라 생각하지만, 보장이 되지 않습니다. 그럼 어떻게 해결할까요? 바로 router 객체의 isReady 값을 이용합니다. 해결책 const router = useRouter(); useEffect(()=>{ if(!router.isReady) retur..
Next.js의 redirect 설정을 없애도 계속 적용될때 해결법
Next.js의 redirect 설정을 없애도 계속 적용될때 해결법 안녕하세요, 개발하며 달리는 쿼카입니다. 이번 글에서는 Next.js의 redirect 설정을 없애도 계속 적용될때 해결법에 대해 알아보려합니다. module.exports = { async redirects() { return [ { source: '/foo', destination: '/bar', permanent: true, }, ] }, } Next.js에서 위와 같이 next.config.js에 rediect 설정을 해놓고 제거하는 경우에 혹은 다른 프로젝트를 사용하는데 localhost:3000을 똑같이 이용하는 경우에 redirect가 되어서 막막했던 적이 있었는데요 그 해결방법에 대해서 알아보려합니다. 방법 방법은 간단합니..
플러터(Flutter)에서 Network 에러 발생 해결하기
플러터(Flutter)에서 Network 에러 발생 해결하기 안녕하세요 개발하며 달리는 쿼카입니다. 플러터에서 Webview를 사용한다거나 데이터를 네트워크를 통해서 받아오는 경우가 있는데요, 이경우에 Network 에러가 생기는 경우 이를 해결할 방법에 대해 알아보겠습니다. I/flutter (11117): error NetworkError I/flutter (11117): An unknown client error occured 에러의 내용은 대부분 이와 같습니다. 에러의 원인은 인터넷이 안되는 문제입니다. 플러터는 앱이기 때문에 각종 권한을 앱에서 사용하기 위해서는 개발자가 권한을 일일히 설정해주어야합니다. 즉 인터넷에 대한 권한을 설정해주어야합니다. 방법 flutter Image.network n..
플러터(Flutter)에서 webview_flutter 안되는 오류 해결
플러터(Flutter)에서 webview_flutter 안되는 오류 해결 안녕하세요 개발하며 달리는 쿼카입니다. 이번에 플러터에서 webview_flutter를 이용해서 기존에 개발한 웹의 화면을 이용하여 앱을 구성하는 웹뷰를 사용하려했는데요, 계속 진행이 안되어서 에러를 봤더니 다음과 같은 오류가 났습니다. Launching lib/main.dart on sdk gphone x86 in debug mode... lib/main.dart:1 /Users/user/projects/flutter/app/android/app/src/debug/AndroidManifest.xml Error: uses-sdk:minSdkVersion 16 cannot be smaller than version 19 declare..
안드로이드 에뮬레이터에서 스크린샷 위치 확인하기
안드로이드 에뮬레이터에서 스크린샷 위치 확인하기 안녕하세요 개발하며 달리는 쿼카입니다. 오늘은 안드로이드 에뮬레이터에서 스크린샷 위치 확인하는 방법에 대해 알아볼건데요, 안드로이드 에뮬레이터를 이용해서 스크린샷은 찍었는데 어디로 가는 지 모르는 경우가 있습니다. 해당 방법에 대해 간단하게 알아보겠습니다. 방법 방법은 의외로 간단한데요, 생성한 안드로이드 에뮬레이터의 설정에서 스크린샷 위치에 대한 설정값을 설정할 수 있습니다. 안드로이드 에뮬레이터 설정에 들어가는 방법은 다음과 같습니다. 오른쪽에 점점점 버튼을 누릅니다. 다음으로 설정에 들어가게되면 아래 설정 탭(Settings)을 눌러주고 오른쪽 위에 있는 Screenshot save location을 확인해줍니다. 해당 위치가 바로 내 스크린샷이 저장..
플러터(Flutter)에서 DEBUG 배너 제거하기
플러터(Flutter)에서 DEBUG 배너 제거하기 안녕하세요 개발하며 달리는 쿼카입니다. 오늘은 플러터에서 DEBUG 배너 제거하는 방법에대해 알아볼건데요, 릴리스 모드에서 Flatter 모바일 응용 프로그램을 빌드하면 DEBUG 레이블이 자동으로 제거되지만, 릴리즈 모드는 너무 오래 걸려서 디버그 모드에서도 해당 배너를 제거하고 싶은 개발자분들이 있을 것 같습니다. 저의 경우 스토어에 등록을 위해 휴대전화 스크린샷을 가상 디바이스 상에서 찍어야해서 해당 배너를 지워야했습니다. 당연히, 이 DEBUG 배너는 디버그 앱에서도 제거할 수 있습니다. 어떻게 하는지 한 번 알아봅시시다. 방법 방법은 매우 간단합니다. Flatter 앱에서 DEBUG 배너을 제거하거나 숨기려면 응용 프로그램의 MaterialAp..