지나가는 이야기

화면 디자인을 하면서 띄어쓰기 한 칸 정도를 넣고 싶을 때나, 문자열 앞에 공백을 넣어 디자인 적으로 예쁘게 만들고 싶을 때 문자열에 공백을 주는 방법에 대해 설명하겠다. Text 등은 기본적으로 문자열에 공백을 허용하지만 대표적으로 navigationBarTitle의 경우 문자 시작, 끝에 공백을 넣는 것을 막고 있어, 설명하는 방법은 유니코드를 통해 공백을 주는 방법이다. # 해결 방법 위 사진과 같이 문자열 앞, 뒤에 일반적인 공백을 넣어도 실제 화면에서는 공백을 허용하지 않는다. 이때 공백의 유니코드를 사용하여 공백을 넣을 수 있다. 공백을 표현하는 유니코드를 여러 가지 사용했지만 유일하게 되는 것은 U+2800 이다. 해당 유니코드를 적용하니 위 사진과 같이 공백이 적용된 모습을 볼 수 있다. ..

# 문제 Nginx를 이용하여 웹 서버를 구성하던 중 설정을 변경하니 위 사진과 같이 failed (13: Permission denied) 오류가 발생한 모습이 보인다. 해당 오류는 권한에 대한 문제로 발생하는 것으로 권한을 정상적으로 주게 되면 해결할 수 있다. # 해결 방법 해당 문제를 해결하기 전 /etc/nginx/sites-available/default 파일에서 root 디렉토리 경로를 확인한 후 해당 디렉토리의 group 명을 확인한다. (위 사진의 경우 블러 처리된 사진이며, group명이 ubuntu이다.) root 디렉토리의 group명과 /etc/nginx/nginx.conf 파일 내부에 있는 user의 이름을 동일하게 변경해주면 해당 오류는 쉽게 해결할 수 있다. 위 사진들 중 ..

Warning: dart on your path resolves ~~ 위 문제의 경우 MacOS에서 Flutter를 사용하면서 주로 설정을 잘못 건드려 재설치를 할 때 보이는 것으로 정말 간단하게 해결할 수 있는 문제이다. 실제 설치에 오류가 발생하는 것은 아니나 Warning을 해결하기 위한 방법은 매우 간단하다. # 해결 방법 # brew로 설치한 dart 삭제 $ brew uninstall dart 해당 문제의 경우 dart가 중복으로 설치되어 발생한 문제이기 때문에 brew로 설치한 dart를 삭제하면 된다.

SwiftUI에서 여러가지 화면을 이동할 때는 NavigationView를 사용한다. 그러나 아이폰에서의 NavigationView와 아이패드에서의 기본 NavigationView는 서로 달라 아이폰으로 실행했을 때의 화면은 아이패드에서 실행했을 때 동일하게 안보이는 현상을 경험한 적이 있어 아이폰과 아이패드에 똑같은 NavigationView를 적용하는 방법에 대해 소개하겠다. (정확하게 아이폰을 대상으로한 NavigationView를 아이패드 환경에서 똑같이 보이게 하는 것) .navigationViewStyle(StackNavigationViewStyle()) 해결 방법은 정말 간단하다. 설정하는 위 코드를 NavigationView에 추가하면 된다. 위 옵션을 사용하게 되면 아이폰에서 보이는 Na..

오류 원인 Error: Could not locate a Flask application. Use the 'flask --app' option, 'FLASK_APP' environment variable, or a 'wsgi.py' or 'app.py' file in the current directory. Flask 개발을 많이 해보지 않거나 처음 접하는 사람들의 경우 위 오류 문구를 한 번쯤을 보았을 거다. 위 오류를 해결하는 방법에 대해 빠르게 알아보자. 먼저 오류가 발생하는 이유는 문구에서도 확인할 수 있듯이 flask run 명령어를 이용해서 flask 실행 시 주최가 되는 파일의 이름이 wsgi.py 또는 app.py가 아니기 때문이다. 이 문제를 해결하기 위한 방법은 크게 2가지가 있으며 추..

Module 'url_launcher_ios' not found 플러터를 이용하여 ios 빌드를 할 때 위 오류 또는 Module 오류가 있는 것을 볼 수 있다. 해당 오류를 해결하기 위해서는 아래 명령어를 입력하면 된다. 오류 해결법 cd ios/ pod update pod repo update pod install 위 명령어를 입력하면 다시 정상적으로 작동되는 것을 확인할 수 있다.

플러터로 앱을 실제 아이폰에 설치한 후 연결 케이블을 제거한 뒤 앱을 실행하면 위와 같은 에러 문구가 보일 것이다. 다시 정상적으로 작동하게 만들려면 아래와 같이 하면 된다. Xcode -> Product -> Scheme -> Edit Scheme 설정 변경 위와 같이 해당 플러터 프로젝트를 Xcode를 실행한 후 [Product] -> [Scheme] -> [Edit Scheme...]를 클릭한다. Build Configuration -> Release 변경 위는 [Edit Scheme...]를 클릭한 후의 모습으로 사진과 동일하게 Build Configuration을 Release로 변경하면 된다.

안드로이드 스튜디오를 사용하면서 코드가 지저분 할때 자동정렬을 해주는 단축키에 대해 설명하겠습니다. [Mac OS] 맥의 경우 Command + Option + L [Windows] 윈도우즈의 경우 Ctrl + Alt + L 사용중인 OS에 맞게 단축키를 사용하면 됩니다.

먼저 몰입모드란 안드로이드 휴대폰 하단의 홈, 뒤로가기 버튼 등이 있는 바를 없애는 기능을 말한다. 해당 기능을 사용하기 위해서는 MainActivity.java에 아래의 코드를 넣으면 된다. int uiOptions = getWindow().getDecorView().getSystemUiVisibility(); int newUiOptions = uiOptions; boolean isImmersiveModeEnabled = ((uiOptions | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY) == uiOptions); if (isImmersiveModeEnabled) { Log.i("Is on?", "Turning immersive mode mode off. "); } else {..

안드로이드 앱을 개발을 하다 보면 거슬리는 부분이 있다. 바로 상태 바와 타이틀 바이다. 용어를 처음 접하는 사람의 경우 이것이 무엇을 뜻하는지 모를 수 있다. 위 사진을 확인하면 상태 바 및 타이틀 바가 무엇인지 알 수 있다. 이제 이것을 어떻게 없애는지 설명하겠습니다. true true 위 두줄을 통해 쉽게 안 보이게 할 수 있다. 해당 코드는 위 사진과 같이 res/values/themes/temes.xml(또는 temes.xml(night))위치에 추가하면 된다. 이제 아래의 예시를 통해 정확하게 알아보자. 1. 상태 바 삭제 위 사진은 상태 바가 사라진 모습이다. 코드를 수정해야 하는 경로에 true 위 코드만 적어주면 된다. 2. 타이틀 바 삭제 위 사진은 타이틀 바가 사라진 모습이다. 코드를..

안드로이드 앱들을 보면 실행할 때마다 보이는 화면(로딩 화면)을 본 적이 있을 겁니다. 이번 글에서는 로딩 화면을 어떻게 구성하고 만드는지에 대해 알아보겠습니다. 정말 간단히 만들 수 있습니다. 1. styles.xml 열기 먼저 styles.xml 파일을 열어 코드를 편집할 준비를 합니다. 2. 코드 집어넣기 @로딩화면을 구성할 파일 위치 styles.xml파일에서 위 사진과 같이 해당 코드를 넣으면 로딩 화면 만들기는 끝입니다. 로딩 화면에 넣을 파일의 위치를 잘 기재하시면 됩니다.

앱 이름 변경하는 방법을 설명하겠습니다. 2가지 방법 중에서 원하시는 걸 하시면 됩니다. 1. strings.xml 수정 2. AndroidManifest.xml 수정 (추천) 먼저 첫 번째 방법은 [res] -> [values] -> strings.xml파일을 수정하는 것이다. 위 사진을 보면 빨간색으로 동그라미 친 부분을 수정하면 된다. 공백을 넣어도 상관없다. 다음으로 두 번째 방법은 추천드리는 방법으로 [manifests] -> AndroidManifest.xml 파일을 수정하는 것이다. 원래 strings.xml파일을 수정 시 자동으로 같이 변경이 되었는데 첫 번째 방법에서 공백 문제로 오류가 나는 분들이 사용하면 되는 방법이다.

앱을 만들어서 실행을 할때 상태바와 타이틀바를 없애고 싶은 순간이 있을 겁니다. 제일 간단하고 정확한 방법은 res 폴더 밑의 vlaues 폴더 밑의 styles.xml 파일의 사이에 false true true 위에 것을 추가한다. 상태바만 없애고 싶으면 true 이것만 추가하면 되고, 타이틀바만 없애고 싶으면 false, true2개를추가하면된다.

안드로이드 스튜디오에서 앱 아이콘을 변경하는 방법이다 4단계만 거치면 쉽게 변경할 수 있다. 1. 아이콘 준비하기 2. Image Asset 들어가기 3. 이미지 불러오기(이름 변경, 사이즈 조절 가능) 4. AndroidManifest파일에 설정 저장하기

안드로이드 스튜디오의 xml파일에 주석을 다는 방법은 C, JAVA 같은 프로그램 언어들과는 다르다. 말로 설명할 수 있지만 쉽게 단축키를 통해 주석을 달면된다. 주석을 다는 방법으로는 Ctrl + / 또는 Ctrl + Shift + / 키로 주석을 달 수 있다. 차이점은 단일 주석, 전체 주석 차이 이다. ( 개인적으로 Ctrl + Shift + / 사용을 추천 드립니다. )