티스토리

nomaruhan
검색하기

블로그 홈

nomaruhan

nomaruhan.tistory.com/m

nomaruhan 님의 블로그입니다.

구독자
2
방명록 방문하기

주요 글 목록

  • svelte & sveltekit 어드민 페이지 날먹 목록 목록 * carbon https://carbon-components-svelte.onrender.com/ * material https://sveltematerialui.com/ * headlessUI https://svelte-headlessui.goss.io/docs * flowbite https://flowbite-svelte.com/ svelte 관련 block들은 아직 incomplete 상태가 좀 있음 * skeleton https://www.skeleton.dev/ 선택 * tailwind 기반으로 최대한 날먹이 가능해야 함 1. tailwind 기반: headlessUI, flowbite, skeleton 2. 날먹 가능한 컴포넌트들이 많은가?: flowbite, skeleton * flo.. 공감수 0 댓글수 0 2023. 4. 5.
  • svelte & sveltekit 유튜브 강좌 및 참고 국내 * 코딩셀러 codingSeller https://www.youtube.com/@codingSeller * Hollo Coding https://www.youtube.com/@hollocoding4189 해외 * this.stephie https://www.youtube.com/@this.stephie9927 vercel sveltekit 공식 강좌 (https://vercel.com/docs/beginner-sveltekit) * Joy Of Code https://www.youtube.com/@JoyofCodeDev 블로그도 있어서 둘 다 활용하기 좋음 * Huntabyte https://www.youtube.com/@Huntabyte "10X Your SvelteKit Developer Exp.. 공감수 0 댓글수 0 2023. 4. 5.
  • 손목이 아파와요... 그래서 텐키리스 키보드 (2/2) 손목이 아파와서, 마우스 좀 가깝게 쓰려고 텐키리스 키보드로 변경!! * 특이사항 절대적인 키알못 여태까지 2만원 이하의 멤브레인만 사용했던 유저 (지금도 2만원 이하의 삼성 키보드를 사용 중) * 구매 판단 기준 (중요도) 배열: 5 (87 텐키리스만 해당. 문서 작업할 때 은근 6key 많이 사용해서 미니배열은 패스) 소음: 5 (회사 + 집 몰컴용) 가격: 4 (처음에는 10만원 언더로 생각했는데, 이거저거 사다보니 15만원까지 올라감 ㅠㅠ) 키압: 3 (힘이 덜 들면 좋겠음) 높이: 1 (팜레스트 따로 필요없었으면 좋겠음) 블루투스: 1 (있으면 좋고 없으면 말고) 디자인: 0 (아무거나 다 좋음) LED: 0 (아무거나 다 좋음) 사용 후기 * 앱코 HACKER K150 텐키리스 레인보우 LED.. 공감수 0 댓글수 0 2022. 8. 26.
  • 손목이 아파와요... 그래서 vscodevim (1/2) 손목이 아파와요 그래서 이상해보이지만 vscodevim 플러그인을 쓰기로 했어요 * 모든 키 바인딩을 vim 기반으로 변경 손목이 아파와서, 키바인딩 vim 기준으로 통일!!! 키보드도 텐키리스로 변경!!! (키보드 이야기는 다음편에...) 에디터들 너무 쓰는 게 많아서 헷갈리기도 하고 (vscode, vs2022, intellij, android studio, ...) 요즘에는 코드 에디팅은 vim 위주로 쓰고, 빌드/디버깅 같은거는 vscode 단축키 이용하는 형태로 쓰고 있어요 * 평가? 후기? vim 기능 영끌해서 사용하시는 분들은 조금 불편하실 수 도 있어요. 적절히 타협은 하셔야 합니다 * 그냥 vim(nvim) 쓰시죠? 플러그인 세팅이 이제 너무 귀찮아요.. 나이를 너무 먹... 윈도우에서는.. 공감수 0 댓글수 0 2022. 8. 25.
  • go embed로 배포하기 프로그램을 go embed로 묶어서 배포해보려고 해요 * 왜 그런짓을? 그냥 원래있는 installer나 packaging 이용하면 안 되나요? zip 파일로 압축하거나.. 1. 사용하시는 분들이 컴퓨터를 잘 모르실 경우 아주 유용합니다.. 보통 윗 어르신들...ㅠㅠ (예: install 어찌 뭐 어쩌라는거야? zip 파일 실행해도 아무것도 안 되는데? 등등) 2. 여러 프로그램 또는 에셋들을 한 번에 배포하는 경우에도 행복합니다 런타임에 다운로드 받아서 처리하는 것도 방법이겠으나 버전관리 등의 구찮음이 없습니다 3. 배포 방식을 하나로 가져갈 수 있어서, 관리 포인트가 적어지는 이점도 있습니다 4. 물론 위와 같은 상황이 아니라면 과한 선택입니다 nodejs 만 이용한다면 - https://github.. 공감수 0 댓글수 0 2022. 8. 25.
  • flutter 사이드 프로젝트 완료! 일정 우여곡절 끝에 flutter 사이드 프로젝트 완료! 도중에 프로젝트 방향 자체가 바뀌어서 예상보다 더 늦어졌네 ㅠㅠ 05월: dart/flutter 기본 학습 06월: 프로젝트 설계 07월: 업무 크리! 08월: 개발 1차 완료 09월: 업무 크리! 10월: 백엔드 개발하시는 분의 의견으로, 프로젝트 재설계 (GUI도 당연히 새로~ ㅋㅋㅋ) 11월: 개발 완료 Flutter 총평 * 장점 너무 너무 만족스럽게 작업함. 핫리로드야 말 할 것도 없고, pub 위젯들 퀄리티도 상당히 좋고, 커뮤니티도 활발함 (블로그/유튜브 등에 좋은 컨텐츠들이 많다!) * 단점 앱 개발 자체로는 크게 불만인 부분이 없었음 굳이 꼽자면 앱 용량이 네이티브 보다 크다는 것 정도? * 기타 웹은 아직 무리이다! (flutte.. 공감수 0 댓글수 0 2022. 1. 29.
  • net5 winform 디자인 느려요... 너무까지는 아니고... 보통 간단한 윈도우 툴 만들 때는, winform을 애용한다 (디자인 너무 편해요) 이번에 net5로 갈아타면서 winform 디자인하는 데, 기존 net framework에 비해 느린 게 체감이 됨 "와 너무 느리다"까지는 아니지만, 1~2초 정도 딜레이가 있는 듯 함 약간 신경 쓰이는 정도... 특히 properties 쪽이 갱신되는 경우가 많음 어차피 간단한 툴 만드는거라 크게 문제는 없지만 net6에서는 개선이되면 참 좋겄습니다. 마소님 주저리... 그러고보니 이거 쓸 시간에, 속도 올리는 법이나 찾아볼껄 net framework 프로젝트로 디자인만 하고, net5에 복붙해서 사용해도 잘 되는 거 같긴하네.. 공감수 0 댓글수 0 2021. 8. 12.
  • golang GUI 간단 검토/비교 awesome golang 에서 몇 가지 확인만 해 봄 https://github.com/avelino/awesome-go#gui fyne https://github.com/fyne-io/fyne 크로스플랫폼 material 디자인 기반 활발함 유니코드(cjk) 지원이 아쉽.... 자모 분리되는 현상이 있음 walk https://github.com/lxn/walk 윈도우 전용 기존 win32 또는 winform 익숙한 사람이 쓰면 좋을 듯 -피로곰님의 lxn/walk 강좌: https://modu-print.tistory.com/641?category=863372 webview https://github.com/webview/webview 크로스플랫폼 OS에 맞는 웹뷰 띄워서 웹으로 디자인 가능 (OS.. 공감수 5 댓글수 0 2021. 8. 12.
  • net5 publishSingleFile 옵션 사용 시 난독화 방법 4.6.x까지 잘 쓰던 confuserEx가 net5 지원을 안 해서 알아봄 1. 빌드하고 2. obfuscar 돌리고 3. publish 전 난독화 파일로 교체하는 형태임 obfuscar global 설치 # dotnet tool install --global Obfuscar.GlobalTool --version 2.2.31 VS 2019 설정 Project\Properties\PublishProfiles\FolderProfile.pubxml: Release Any CPU ..\publish\ FileSystem net5.0-windows win-x64 false True False obfuscar.xml: Project.csproj: ... CLI 로 하려면 publish 할 때 --no-build .. 공감수 0 댓글수 0 2021. 8. 11.
  • vercel/pkg 아이콘 변경하는 법 pkg 기본 win-x64 이미지 리소스 변경하고 pkg 수행하면 됨 단 pkg 쪽에서 이미지 해시 체크하는 부분은 주석 처리 할 것 # 위치 및 파일 C:\Users\user\.pkg-cache\v3.1 fetched-v14.17.0-win-x64 # 해시 체크 부분 주석 해제 node_modules\pkg-fetch\lib-es5\index.js Binary hash does NOT match. Re-fetching... 링크 https://github.com/vercel/pkg 공감수 0 댓글수 0 2021. 8. 11.
  • quasar 기본 CLI vue 기본 cli 도 너무 좋고, vuetify 도 너무 좋아서 quasar 굳이 필요할까 싶지만.... 사람일 모르니... electron 관련 CLI $ quasar mode add electron $ quasar dev -m electron $ quasar build -m electron -P always $ quasar build -c --mode electron --target win32 --arch x64 --theme mat electron-builder 사용 및 portable 빌드 설정 electron { bundler: 'builder', .... builder: { appId: 'aaa', win: { target: 'portable' }, }, 링크 https://quasar.dev/ 공감수 0 댓글수 0 2021. 8. 11.
  • Life of a Widget?! | Decoding Flutter 요약 flutter 위젯은 immutable이다. 정리 flutter 위젯은 immutable이다. 생성 된 후에는 변경할 수 없다 (케이크랑 같다고 비교) 1. 위젯 변경은 어떻게 처리하는가? 케이크 모양을 바꾸려면 새 케이크를 만들듯이, flutter는 위젯을 다시 만드는 방식으로 이를 처리한다 2. 너무 무겁고 느리지 않나? 위젯의 상태, 위치, 변경 여부 등을 추적해서 필요한 화면만 다시 그린다 (flutter가 알아서 해줄테니 걱정하지 말아라 ㅋㅋㅋ) 댓글들 훑어보니 나처럼 initState, dispose 같은 걸 기대했던 사람들이 많구나 ㅋㅋㅋ 링크 Life of a Widget?! | Decoding Flutter 더코딩파파: 위젯(Widget)! 이해하셔야 쉬워요!!! 더코딩파파: Flu.. 공감수 0 댓글수 0 2021. 5. 16.
  • Hot reload? | Decoding Flutter 요약 플러그인이 제대로 설치되어 있으면, 코드 저장만 해도 hot reload가 잘 동작한다 앱 state 초기화가 필요한 경우, 변경하는 사항이 build() 메서드 밖에 있는 경우에는 hot restart를 사용하자 코드 수정 내역 반영이 안 되면, hot reload > hot restart > full restart 순으로 해보자 정리 명령어 # flutter run ... Flutter run key commands. r Hot reload. R Hot restart. h Repeat this help message. d Detach (terminate "flutter run" but leave application running). c Clear the screen q Quit (termina.. 공감수 0 댓글수 0 2021. 5. 16.
  • Introducing Decoding Flutter 플러터에서는 무슨 일이 일어나고 있는가?? 어떻게 동작하는가?? 를 정리해주나 보다~~가볍게 보기 좋은 듯!! 차차 다음과 같은 것을 알려준다고 함 왜 hot-reload가 동작하지 않는가? 위젯은 얼마나 오래 지속되는가? 'state'라고 하는 것에 무슨 일이 일어나고 있는가? 링크 Introducing Decoding Flutter 공감수 0 댓글수 0 2021. 5. 16.
  • dart, flutter(+a) vscode 플러그인 일단 flutter web은 좀 더 봐야 할 것 같고, android, ios쪽 앱 개발시에 쓸만 한 애들만 우선 정리 (dart, flutter 기본 플러그인은 제외) 플러그인 이름 누르시면 Visual Studio Marketplace로 연결됩니다~ (알파벳 순) dart, flutter 전용 플러그인 Awesome Flutter Snippets snippet 추가 제공. 필수 함수들도 한 번에 만들어줘서 타이핑량이 많이 줄어듬 Dart Data Class Generator dart 클래스의 생성자, copyWith, toMap, fromMap, toJson, fromJson, == 등 자동 생성해줌 flutter-stylizer flutter 클래스내의 생성자, 변수, 함수 등을 지정한대로 정렬해 .. 공감수 0 댓글수 0 2021. 5. 16.
  • flutter launcher icon * 공식가이드 역시나 공식 가이드에 잘 나와있다. 아래와 같은 사이트에서 icon 만들고 공식가이드대로 추가하면 된다 appicon.co/#app-icon App Icon Generator Generate icons and images for mobile apps, android and iOS. No need to upload or download. Works on your browser appicon.co 1. Android flutter-ko.dev/docs/deployment/android#%EB%9F%B0%EC%B2%98-%EC%95%84%EC%9D%B4%EC%BD%98-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0 Android 앱 출시 준비하기 Flutter 앱을 개발하는 .. 공감수 0 댓글수 0 2021. 5. 10.
  • flutter 앱 로딩 처리: splash (부제: 스플래시 with 그림판) * 그림판으로 splash 이미지 만들기 그림판으로 splash 이미지 만들고 적용을 해보자 1. 그림을 넣기보다는 이쁜 폰트로 앱 이름만 적는 걸로 승부하자. (눈금을 켜놓으면 그나마 가운데 정렬하기가 용이하다. 1024x1024 정도면 되겠지?) - 요놈은 splash.png로 이름을 정해주자 (나중에 이름 그대로 사용) 2. 다 만들고 그림판 전체선택(ctrl+a) > 마우스 우 클릭 > 색 반전을 선택하면 dark 모드까지 만들 수 있다 - 요놈은 splash-invert.png로 이름 짓도록 하자 * 스플래시 적용하기 공식 가이드로 제공은 하지만... flutter.dev/docs/development/ui/advanced/splash-screen Adding a splash screen to .. 공감수 1 댓글수 0 2021. 5. 9.
  • flutter 상태 관리 뭘로 하지 일단 여기저기 글 보면서, null-safety 지원하는 4놈으로 압축~ 1. bloc pub.dev/packages/bloc bloc | Dart Package A predictable state management library that helps implement the BLoC (Business Logic Component) design pattern. pub.dev 2. provider pub.dev/packages/provider provider | Flutter Package A wrapper around InheritedWidget to make them easier to use and more reusable. pub.dev 3. riverpod pub.dev/packages/riverp.. 공감수 4 댓글수 0 2021. 5. 5.
  • flutter vscode 설정 공식 홈 가이드에 있는 플러그인만 해도 snippet은 일단 충분해 보임 flutter.dev/docs/development/tools/vs-code Visual Studio Code How to develop Flutter apps in Visual Studio Code. flutter.dev * launch.json 추가 { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "con.. 공감수 0 댓글수 0 2021. 5. 5.
  • flutter 폴더 구조 정리 개발하면서 가장 어려운 것 2가지가 1. 네이밍 2. 폴더/디렉토리 구조 인 듯 그나마 배터리팩이나 큰 프레임워크 사용할 때는 폴더/디렉토리 시키는대로만 하면 되서 크게 상관이 없는 데 ㅠㅠ 플러터도 처음이고, 앱도 처음이고, 프론트앤드도 처음이고 이런 게 너무 어렵네 ㅠㅠ 일단 조금 훑어보고 대충 입맛에 맞는 구조 잡았음 flutter_create_project ├─lib │ └─src │ ├─constants │ ├─controllers │ ├─helpers │ ├─models │ ├─repositories │ └─screens │ ├─auth │ └─components ├─test constants: 전역변수 관리 (테마, 언어 등) controllers helpers: 공용 api (utils도 .. 공감수 0 댓글수 0 2021. 5. 5.
  • dart 네이밍 규칙 주요 항목만 간단 정리 * UpperCamelCase class, enum, typedef, type parametes (annotaion class with parameter) 등 * lowerCamelCase class members, top-level definitions, variables, parameters, and named parameters, constant variable, enum values - constant variable 하고 enum values 가 좀 특이하네 - enum SCREAMING_CAPS 스타일은 내가 만든 거 아닐때만 쓰라고 하는 듯 (기존 코드 또는 protobuf로 생성한 코드) const pi = 3.14; const defaultTimeout = 1000; final urlSc.. 공감수 0 댓글수 0 2021. 5. 5.
  • dart,flutter convention 및 linter 코딩 컨벤션(가이드라인)에 따라 코드를 작성하다 보면 자연스레 이쁜 코드를 작성하는 습관이 들어서, 개인적으로 코딩 컨벤션은 최대한 맞추려고 하는 편이다. 기본적으로 언어별, 프레임워크별, 라이브러리별 컨벤션이 약간씩 차이나는 경우가 있는데, '가장 작은 scope 기준으로 스타일을 맞춘다는' 기본 컨셉만 지키면 크게 무리가 없다 예) 특정 파일에 함수와 파일이 컨벤션이 다른 경우, 더 작은 scope인 함수에 맞춘다 scope: 블럭 < 함수 < 파일 < 모듈(디렉토리) < ... * 코딩 컨벤션 dart 하고 flutter가 가끔 차이나는 경우가 있는 거 같네. 대략적인것만 훑어보고 linter 대로 따라가자 github.com/flutter/flutter/issues/20858 Should glob.. 공감수 0 댓글수 0 2021. 5. 5.
  • flutter 유튜브 참고 * Flutter www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw Flutter Welcome to the official Flutter YouTube channel. Subscribe to stay up to date with best practices about the Flutter SDK. See real code examples, and watch engineers from around the world putting Flutter to work! Subscribe to stay connected → https://goo. www.youtube.com * The Coding Papa 더코딩파파 www.youtube.com/channel/UCUH2DSbsNUz.. 공감수 0 댓글수 0 2021. 5. 5.
  • flutter 유튜브 채널 요약 좀 해보자 일단 카테고리는 다 만들어놨는데, 몇 개나 하다가 퍼질런지 ㅎㅎ 어차피 한 번 훑어볼 거 시간되면 짬짬이 정리도 하면서 보자~~ 근데 영상이 워낙 짧아서 뭐 정리할 게 있으려나... www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw 공감수 0 댓글수 0 2021. 5. 5.
  • dart 티스토리 코드 블럭 디자인 확인 (2/2) 코드블럭 dark 테마 dart 언어 3종 비교 (언어: java) 공감수 0 댓글수 0 2021. 5. 5.
  • dart 티스토리 코드 블럭 디자인 확인 (1/2) 존경하는 티스토리님께 dart도 코드 문법 강조 플러그인에서 추가해주세요 혹시 시간되시면 material 하고 vscode 테마도 추가해주세요 티스토리 기본 '코드 문법 강조(syntax highlight)' 플러그인에서 dart 지원을 안 하네 색깔 넣느라고 이거저거 설정하기 구찮으니 있는 거 중에 제일 맘에 드는걸로 고르자 언어는 java가 가장 매끄럽게 나오는 것 같고, 테마는 dark 중에 하나 고르면 될 듯 (테마는 변경하면 기존 글도 다 적용되니 아무거나 골라도 됨) * dark theme Atom one dark Monokai Darcula: intellij 계열에서 기본 제공하는 테마라 익숙 * light theme Atom one light Github Visual Studio Xcode.. 공감수 1 댓글수 0 2021. 5. 5.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.