hoony's web study

728x90
반응형

[맛집] 신대방 카츠오도 - 돈까스집

오늘은 후배와 함께 유명한 카츠오도집에 가보았습니다. 오픈시간은 11:20분이지만 11시에 갔는데도 대기가 있더군요. 저희가 갔을때 준비중일때의 모습입니다. 드디어 기다린 보람이 있는 오픈입니다. 두둥 가게내부는 이렇게 아담하고 예뻐요 ^^ 메뉴 가격표는 위와 같구요. 가격만큼 맛이 있을지 궁금하네요 여기서 빙온 숙성이 뭘까요? - 0 - 1 C 온도에서 육류를 숙성하는 고급 숙성기법 감칠맛과 단맛이 향상되고 신선항 맛과 풍미를 장기간 유지할 수 있습니다. 히레 카츠 히레카츠의 모습입니다. 보기에도 먹음직스럽지만 정말 부드러워요 ^^ 상로스 카츠 상로스카츠입니다. 정말 맛있어요. 맛집 탐방 결과 전반적으로 음식이 다 맛있었습니다. 밥이나 국물은 리필도 무료로 해주시구요. 주인장이 너무 친절해요 꼭 한번 ..
관심사/나의 일상의 느낌 2023. 9. 27. 13:14

[Linux]Swap space 추가하기

Jetkins 서버에 nginx 기반에 사이트를 1개일때는 문제가 없었는데 개발용으로 여러개를 띄우니 종종 사이트가 안 뜨는 현상을 발견 이 문제를 뒤지다 보니 역시 Swap 이 없어서 그런 현상이 일어났었네요. 위의 이미지는 Jetkins에서 제공하는 서버의 정보입니다. 셋팅을 변경하기 전에 Free Swap Space가 0 B 였어요. 해결방법 swapfile 을 2기가 정도로 생성을 해줍니다. fallocate -l 2G /swapfile swapfile 권한 변경 chmod 600 /swapfile swapfile swap 공간으로 할당 mkswap /swapfile swapfile 활성화 swapon /swapfile 위와 같이 설정하면 됩니다.
개발관련/서버기술관련 2023. 9. 21. 14:30

[Flutter] Visibility 위젯 보이고 안 보이게 제어하기

특정 조건에서 위젯이 보이고 안 보이게 하는 class 에 대해서 소개를 해드리고 사용 예제를 제시해드릴께요 Visibility class https://api.flutter.dev/flutter/widgets/Visibility-class.html Visibility class - widgets library - Dart API Whether to show or hide a child. By default, the visible property controls whether the child is included in the subtree or not; when it is not visible, the replacement child (typically a zero-sized box) is includ..
App 개발관련/flutter 2023. 9. 19. 17:59

[Flutter] VerticalDivider 사용 예제

오늘은 실무에서 사용이 많이 되는 VerticalDivider 예제를 가지고 설명을 해볼려고 합니다. 위의 이미지에 있는 것처럼 중간에 Divider를 넣을 때 사용하는 것입니다. 참고 URL https://api.flutter.dev/flutter/material/VerticalDivider-class.html VerticalDivider class - material library - Dart API A thin vertical line, with padding on either side. In the Material Design language, this represents a divider. Vertical dividers can be used in horizontally scrolling lis..
App 개발관련/flutter 2023. 9. 19. 12:51

Spotlight 검색이 작동하지 않을때

새로운 맥북을 구매를 해서 이전에 time backup 을 했던것으로 복원을 했습니다. 그런데 spotlight 가 아무리해도 작동을 하지 않았습니다. 이럴때 사용한 방법입니다. 해결방법 활성상태보기에서 spotlight 를 검색하시고 위의 이미지에 있는 것으로 중단을 했다가 시작을 하시면 정상적으로 동작을 합니다. 맥은 복원기능이 너무 좋아서 현재까지 사용을 하고 있지만 이런 원인 모를 현상이 생길때는 정말 난감할때가 있네요 즐거운 맥생활 되세요 ^^
개발관련/슬기로운 맥생활 2023. 9. 12. 22:56

[Kotlin] 엘비스 연산자 (Elvis Operation)

엘비스 연산자란 무엇인가? 보통 null 을 체크하기 위해, if-else 문을 사용합니다. 혹은, Java에서 사용하던 3항 연산자 // 3항연산자 String strEx; String resultTxt; // 조건식 ? 참 : 거짓 resultTxt = strEx == null ? "NULL임" : "NULL아님" 를 사용하기도 하는데요, 저의 경우 Kotlin 에서 3항연산자가 없다는걸 모른채 사용하려 했었죠. Kotlin에서는 나름 생소한 엘비스 연산자 라는게 존재합니다. 예제로 보시죠. val strEx: String? = null var resultTxt: String? = null // 객체?: 객체 resultTxt = strEx?: "NULL임" 위와 같이 ?: 로 표현하며, ?:의 왼쪽..
개발관련/Kotlin 2023. 8. 31. 16:23

[Nuxt] command not found : nuxt

다른 맥에서 vscode 를 가지고 진행하다보니 위와 같이 nuxt 가 없어서 실행이 안되는 상황이 발생했어요. 이런 상황에서는 어떻게 해야할지에 대한 것을 정리해봅니다. 인스톨 확인 먼저 위에 있는 이미지와 같이 현재 내가 사용하고 있는 피씨에 nuxt 가 인스톨 되어있는지 확인은 아래 스크립트로 처리 가능합니다. nuxt -v How to install nuxt npm install -g nuxt 위의 스크립트를 이용해서 install 을 해주면 전역으로 해서 셋팅이 됩니다. 그리고 위에서 확인용으로 사용했던 스크립트로 확인을 해주시면 정상적으로 출력이 되는것이 확인 가능합니다.
개발관련/VUE JS 2023. 8. 21. 11:26

[Mariadb] Multi Row insert 문

맥에서 사용하던 편한 툴이 현재 문제가 생겨서 쓰게된 insert 문입니다. 한줄씩 insert 문을 복사해서 생성하는 것 보다는 아래처럼 value 이후 것만 복사해서 사용을 하니 너무 편하네요. ^^ 참고 URL https://www.mariadbtutorial.com/mariadb-basics/mariadb-insert-multiple-rows/ MariaDB Insert Multiple Rows Into a Table In this tutorial, you will learn how to use the MariaDB insert statement to insert multiple rows into a table. www.mariadbtutorial.com 예제 INSERT INTO tb_cmmnc..
DBMS/MySQL & MariaDB 2023. 7. 26. 14:32

[CentOS7]Yarn 설치하기

요즘 Front에 사용하는 것을 Nuxt로 사용하다보니 Yarn을 사용하는것이 필수로 되어서 설치를 하게 되었습니다. 이전 서버에 npm 이란 node는 인스톨이 되어있기에 yarn 인스톨 하는 것만 포스팅을 합니다. 설치방법 curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo sudo rpm --import https://dl.yarnpkg.com/rpm/pubkey.gpg 위와 같이 최신 버전을 바라보게 설정을 해주시구요. sudo yum install yarn 그럼 위와같이 패키지가 다운로드되어서 서버에 설치가 됩니다. Yarn 설치 확인 설치유무에 대한 확인은 아래와 같이..
개발관련/서버기술관련 2023. 7. 25. 12:24

[Flutter] 어? 자식 Widget이 렌더링이 안돼요.

오늘, 작업을 하던중 외부로 빼놓은 StatefulWidget을 사용함에 있어서 렌더링이 안되는 현상이 발견되었습니다. 저의 경우는 아래와 같습니다. 부모 Widget (StatefulWidget), 부모창에서 그려질 여러개의 자식 Widget (StatefulWidget) 이 경우에, 자식 Widget을 StreamBuilder를 통해 호출될때 렌더링이 제대로 안되고 꼬이는데 아래와 같이 해결하실 수 있습니다. [자식 위젯] class ChatMsgBalloon extends StatefulWidget { @override ChatMsgBalloonState createState() => ChatMsgBalloonState(); ChatMsgBalloon({ required bool isMe, requ..
개발관련 2023. 6. 22. 16:00

[Flask] X-Api-Key 값 받아서 처리하기

일반적으로 Rest API 를 사용할때 header에 key값을 셋팅하고 처리를 해야합니다. 이럴때 하는 방법입니다. 간단하지만 python Flask api를 사용할때 사용하는 방법입니다. auth = request.headers.get("X-Api-Key") print(auth) 위의 예시처럼 값을 받아서 값이 맞는지 안맞는지를 체크해서 처리를 하면 됩니다. python 오랜만에 할려니 어렵네요. ^^
개발관련/node.js 와 python 2023. 6. 16. 18:05

[Firebase] FCM(Messaging)

Firebase 클라우드 메시징(FCM)은 메시지를 안정적으로 무료 전송할 수 있는 크로스 플랫폼 메시징 솔루션이다. 채팅 메시지와 같은 사용 사례에서는 메시지로 최대 4,000바이트의 페이로드를 클라이언트 앱에 전송할 수 있다. https://firebase.google.com/docs/cloud-messaging?hl=ko Firebase 클라우드 메시징 Firebase 클라우드 메시징(FCM)은 무료로 메시지를 안정적으로 전송할 수 있는 크로스 플랫폼 메시징 솔루션입니다. firebase.google.com 프론트단에서 firebase 라이브러리를 통해서 클라우드 메시징을 사용하는 법에 대해서 설명 하고자 한다. 참고로 나는 "firebase": "^9.22.2" 를 사용했다. yarn add fi..
개발관련/javascript 2023. 6. 16. 16:54

[Mac]How to install Python 3.11 in Mac

기본적으로 제가 사용하고 있는 MAC 의 python 버전은 3.8입니다. python3 -V 버전을 확인하실때는 위와 같이 확인을 하시면 됩니다. Homebrew를 이용한 Python 3.11 인스톨하기 brew install python@3.11 위의 명령어를 사용하시면 mac에 python 3.11이 인스톨이 됩니다. ln -s -f /opt/homebrew/bin/python3.11 /opt/homebrew/bin/python 위와 같이 하시면 기존 버전을 현재의 3.11로 사용이 가능합니다. python 설정하는게 쉽지가 않네요.
개발관련/node.js 와 python 2023. 6. 15. 18:03

[MAC] Terminal 에서 SSD 접근하는 방법

맥은 다 좋고 마음에 드는데 하드용량은 계속 모자르다고 느끼게 됩니다. 이럴때 SSD에 접속해서 마음껏 하고 싶은데 방법을 몰라서 찾은 것을 공유해 드립니다. Volume 접속 방법 제목에 있는 것 처럼 Volume에 접속하는 방법은 아래와 같습니다. ls /Volumes cd /Volumes/해당SSD 이름 위의 이미지는 제 상황이니 본인의 환경에 맞게 접속을 해서 사용하시면 됩니다.
개발관련/슬기로운 맥생활 2023. 6. 13. 18:43

[Anaconda] flask + nginx 연동 ( feat. Anaconda Virtual Env )

버전 OS Ubuntu 20.04 Anaconda Anaconda3-2023-03-1-Linux-x86_64 Python Python3.9 ## Python 설치에 대한 게시글 링크 https://islet4you.tistory.com/entry/Ubuntu2004-Python-39-Version-설치-및-세팅 [Ubuntu20.04] Python 3.9 Version 설치 및 세팅 sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev libsqlite3-dev wget libbz2-dev # Python 3.9 ..
개발관련/node.js 와 python 2023. 6. 9. 17:03

[Ubuntu20.04] Python 3.9 Version 설치 및 세팅

sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev libsqlite3-dev wget libbz2-dev # Python 3.9 Version 설치 wget https://www.python.org/ftp/python/3.9.1/Python-3.9.1.tgz # 압축해제 tar -xf Python-3.9.1.tgz # Python 3.9 설정 script cd Python-3.9.1 ./configure --enable-optimizations # Python 3.9 빌드 make -j 12 # Python b..
개발관련/서버기술관련 2023. 6. 9. 15:34

[Flutter]App Bundle command

문득 flutter 에서 aab 즉 App Bundle 를 command로 처리하는게 궁금해졌습니다. 방법 터미널에서 아래와 같이 입력하시면 됩니다. flutter build appbundle 역시 해보니 정상적으로 잘 생성이 됩니다. 즐거운 Flutter 되세요~
App 개발관련/flutter 2023. 6. 2. 15:41

[Python]GoogleTrans를 이용한 자동 번역기능 사용하기

요즘 인스타그램같은 경우를 보면 번역보기라는 버튼이 존재를 합니다. 버튼을 누르면 번역이 되고 원문보기라는 버튼으로 변경이 됩니다. 여기서 저도 이걸 Free 로 해서 만들수 있는 방법이 없을까해서 검색을 해보니 python으로 된 것 중 무료로 된것이 있어서 한번 구현을 해보자해서 만들어보게 되었답니다. 필요한 라이브러리 https://py-googletrans.readthedocs.io/en/latest/ Googletrans: Free and Unlimited Google translate API for Python — Googletrans 3.0.0 documentation Googletrans: Free and Unlimited Google translate API for Python Googl..
개발관련/node.js 와 python 2023. 6. 1. 14:58

[qCalendar] MonthSlotDay 예제 오류

"@quasar/quasar-ui-qcalendar": "4.0.0-beta.15"를 사용하고 있을때 evnet의 길이가 잘못나오는현상이 있었다. https://qcalendar.netlify.app/examples/month-slot-day QCalendar Docs qcalendar.netlify.app 코드 : https://github.com/quasarframework/quasar-ui-qcalendar/blob/next/docs/src/examples/MonthSlotDay.vue GitHub - quasarframework/quasar-ui-qcalendar: QCalendar - Quasar App Extension, Vue CLI plug-in and UMD distributions av..
개발관련/VUE JS 2023. 6. 1. 14:00

[Nuxt3-Quasar] qCalendar를 이용한 DatePicker

qCalendarDoc : https://qcalendar.netlify.app/ QCalendar Docs qcalendar.netlify.app qCalendar를 이용해 DatePicker를 만들어봤다. 디자인은 tistory에서 사용하는 DatePicker를 참고해서 만들었다. 사용 버전 "nuxt": "3.3.1", "@quasar/quasar-ui-qcalendar": "^4.0.0-beta.15", "quasar": "^2.12.0", QCalendar Setting 아래 방법은 Nuxt3에서의 setting 방법입니다. Vue3를 사용할 경우 https://qcalendar.netlify.app/all-about-qcalendar/installation-types#Vue-CLI-or-Vit..
개발관련/VUE JS 2023. 5. 25. 10:43

[햄버거 메뉴]Flutter Drawer 제어방법

Android 에서 보면 여러 메뉴를 왔다갔다하면서 Back 버튼을 클릭을 합니다. 이럴때 보면 메인에 있던 Drawer 즉 햄버거 메뉴가 버젓이 떠있어서 불편하게 보여서 알아낸 방법입니다. 찾은 방법은 간단합니다. Flutter Drawer Close 함수 함수만 잘 적용하면 되더라구요. ^^ GlobalKey _scaffoldKey = new GlobalKey(); 먼저 상단에 ScaffoldState key를 선언하시구요. 아래 함수를 적용하시면 됩니다. closeDrawer() async { if (_scaffoldKey.currentState!.isDrawerOpen) { _scaffoldKey.currentState!.closeDrawer(); } } 위의 함수를 이동하는 쪽에 잘 적용을 하시..
App 개발관련/flutter 2023. 5. 24. 18:23

[InAppWebView] Android Intent 처리방법

Web을 기반으로 하는 App을 만들다 보니 intent://, snssdk1180:// 등과 같이 웹프로토콜이 아닌 App Scheme로 링크를 요청하는 경우에는 WebView 자체에서 처리를 하지 못합니다. 이런 경우에 처리하는 방법입니다. InAppWebView 기본 옵션 변경 우선 기본 옵션을 변경해야합니다. initialOptions: InAppWebViewGroupOptions( crossPlatform: InAppWebViewOptions( useShouldOverrideUrlLoading: true, ... ), ... 위와 같이 옵션을 변경하시면 InAppWebView에서 제공하는 EventHandler 중 shouldOverrideUrlLoading 함수를 이용 가능합니다. 이제 아래에..
App 개발관련/flutter 2023. 5. 24. 17:27

[Nuxt3] i18n 과 Google Spread Sheet를 통한 다국어지원 자동화

- 개요 많은 분들이, 이미 i18n을 통한 언어의 국제화는 겪어 보셨을 거라 생각합니다. 하지만, 순수 i18n을 통해 작업을 진행하시다 보면 매번 소스코드 내에, json 파일을 갱신해주면서 생기는 불편함을 느껴보셨을겁니다. 본문에선, 해당 문제점과 불편함을 피하기 위한 방법을 알아보도록 하겠습니다. - 예제 [package.json] { ... "devDependencies": { "google-spreadsheet": "^3.3.0", "@nuxtjs/i18n": "^8.0.0-beta.12", ... }, ... } package.json 에서 devDependencies에 필요한 라이브러리를 미리 추가해주도록 합니다. // 라이브러리 인스톨, 원하시는 패키지매니저를 사용해주시면 됩니다. npm..
개발관련/VUE JS 2023. 5. 23. 18:01

[MANAGE_EXTERNAL_STORAGE] App Reject 보완하기

[Flutter] Android / IOS 다운로드 폴더 접근 - 개요 안드로이드에서는 내 파일/Download 폴더 IOS에서는 File, 어플리케이션에서 저장되는 파일을 내 핸드폰에서 확인하고 저장하기 위해서는 아래와 같이 하시면 됩니다. - 예제 [pubspec.yaml] path_pr islet4you.tistory.com 이전 포스팅에서 외부 폴더에 접근하기 위해서 사용했었는데 앱을 배포할려고 심사를 올린 것이 리젝이 되었습니다. 리젝사유 MediaStore API를 사용하도록 앱을 업데이트하고 모든 파일 액세스(MANAGE_EXTERNAL_STORAGE)권한을 삭제하시기 바랍니다. 물론 보완하도록 url 을 하나 보내줬는데요. https://developer.android.com/trainin..
App 개발관련/flutter 2023. 5. 23. 13:48

[Flutter] GetX로 페이지 이동시 오류 아닌 오류

오늘 이상하다면 이상한 상황이 나서 이렇게 포스팅을 합니다. page를 이동할때 Widget value로 값을 넘겨주고 해당페이지에서 값을 변경하고 페이지 이동을 시킬때 습관처럼 아래와 같이 보통 사용을 합니다. Get.off(PreviousPage()); 위에 명시한 PreviousPage 에는 initState()에서 위젯이 생성되기전, API를 요청하여 Widget Value로 넘겨줄 값을 미리 받아오게 되어있지만 위와같이 Get.off() 를 사용시 initState()를 다시 거치지 않음을 발견하였습니다. 그때는, 아래와 같은 네이티브한 Dart 코드를 사용해서 해결할 수 있습니다. Navigator.of(context).pushReplacement( MaterialPageRoute(builde..
App 개발관련/flutter 2023. 5. 19. 15:16

[Vue] 컴포넌트 분리 (CompositionAPI 사용, emit, slot, props)

그 동안 vuetify를 쓰며 봤던 slot! 예제만 대충 복사해서 쓰고 어떻게 동작하는지는 모르고 있었다. 그동안 귀찮아서 안 찾아보고 있었는데 확장성 있는 컴포넌트를 만들게되며 이제야 찾아보게 되었다. slot외에도 props, emit 컴포넌트를 만들때 사용되는 문법들을 한번 정리 해보고자 한다. 앞으로 사용할 예제는 Options API가 아닌 Composition API를 사용할 것 이다. vue3에서는 기본적으로 제공해주지만, vue2를 사용 중이라면 라이브러리를 추가적으로 설치해주어야한다. npm install @vue/composition-api 설치 후 main.js에 세팅까지~ // main.js import VueCompositionApi from '@vue/composition-ap..
개발관련/VUE JS 2023. 5. 17. 17:46

dateFormatting 함수

그렇게 어려운건 아닌데 쓰려고 보면 제일 귀찮은 dateFormatting. const dateFormat = (_date) => { const week = ['일', '월', '화', '수', '목', '금', '토']; const date = new Date(_date); const y = date.getFullYear(); const m = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1; const d = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate(); const hh = date.getHours() < 10 ? `0${date.getHours()}` ..
개발관련/javascript 2023. 5. 15. 18:42

[SRT] 울산으로 가는 혼자만의 시간

포스팅을 한다고 하면서 좀 늦었습니다. 늦었지만 그때 갔던 여행의 여운을 잠깐 정리해볼까 해요. 토요일에 오롯이 혼자서 가는데 좌석도 한좌석에서 책을 보면서 갔습니다. 혼자 유튜브의 음악을 들으며 생각을 정리하는데 정말 좋은 시간이었습니다. 기차에서 보는 전경 흘러가는 전경이 꼭 제가 지나온 세월의 흔적같이 느껴졌어요. 길지않는 시간이었지만 지나가는 시간과 제 인생을 잠깐이나마 돌아볼수 있는 값진 시간이었습니다. 이래서 혼자만의 여행도 괜찮구나 하는 생각이 들었습니다.
관심사/여행사진 2023. 5. 10. 11:48

[Stable Diffusion] Google CoLab에 설치하는 방법

요즘 핫하다는 Stable Diffusion 을 피씨에 설치를 하려니 용량도 용량이지만 그래픽카드의 안습이 ㅠ. ㅠ 그래서 전 Google CoLab에 설치를 해서 사용을 해보고자 합니다. 먼저 설치부터 해야하기에 저처럼 노트북이나 피씨의 그래픽카드가 따라주지않을때는 다음과 같이 설치를 해서 한번쯤은 시도를 해보는것이 좋을것 같습니다. 설치방법 https://github.com/AUTOMATIC1111/stable-diffusion-webui GitHub - AUTOMATIC1111/stable-diffusion-webui: Stable Diffusion web UI Stable Diffusion web UI. Contribute to AUTOMATIC1111/stable-diffusion-webui d..
개발관련/AI 이야기 2023. 5. 4. 16:57

[Flutter] Safari Debug 하는 방법

오늘은 예전에 포스팅을 한다고 하면서 못 올려드린 정보 올려드립니다. 현재 웹과 연동하는 앱을 하나 개발하고 있는데 Android 의 경우는 Chrome inspect를 사용해서 디버깅이나 확인이 가능한데 iphone에서는 이런 방법이 없을까해서 찾은 방법입니다. 필요 S/W 설치 https://developer.apple.com/safari/technology-preview/ Safari Technology Preview - Safari - Apple Developer Safari is the best way to see the sites on iPhone, iPad, and Mac. Safari Technology Preview gives you an early look at upcoming web ..
App 개발관련/flutter 2023. 5. 3. 16:31
◀ 1 2 3 4 5 6 ··· 31 ▶
728x90
반응형
loading

티스토리툴바