달망이 삽질인생

vscode4

[Sveltekit] VSCode에서 디버깅하기 (Debugging) sveltekit은 hot-reload가 되기 때문에 개발하면서 화면을 바로바로 확인할 수 있어서 정말 개발하기 편합니다. 그래도 ui로 디버깅을 하거나, console.log 명령어로 매번 프린트 디버깅을 하기엔 시간소모와 공수가 많이 듭니다. 거기다가 api의 응답 데이터를 보거나, byte코딩을 할때면 더이상 기존 방법으로 하긴 매우 버겁죠. 서버사이드(server-side) 코드를 더욱이 디버깅하기 힘들죠. 그런 불편한 디버깅을 local 코딩처럼 디버깅 해주는 방법이 있습니다. 1. node-loader 설치 ESM 로더를 개발모드에서 활성화 합니다. $ yarn add @vavite/node-loader --dev 2. 개발 모드에서만 노드로더 활성화 vite.config.js 로 이동해서 아..

Flutter 3.3.10 시작하기 | 맥북 M1,M2 | VSCode 세팅 2022년 12월 27일 기준으로 Flutter 3.3.10 버전으로 내용을 수정해두었습니다. ========== 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사 업무가 빠르게 구현해야 될 것들이 생겨서 안그래도 눈 여겨 보던 Flutter를 해보려 합니다 Flutter를 다루는 Dart 언어는 항상 배우지 말아야 할 언어 순위안에 들고 있지만 아이폰 개발도 하다보니 Dart보다 더한 Objective-C언어를 배운 입장에서는 그냥 그러려니 하고 시작해 볼까 합니다 ㅎㅎ 초기 1.0 이하 버전의 Flutter는 정말 문제가 많았다곤 하는데 지금은 그래도 SDK가 1.7 버전이 넘은걸 보니 왠만큼 해결 했으리라 생각되었습니다. 2.0 버전부터는 웹을 공식지원하고, 3.0 이상부터는 맥OS와 윈도..

Flutter IDE툴은 뭘로? (VSCode, AndroidStudio) 저도 처음엔 안드로이드 개발이 아니니까 웹 개발할때 많이 사용하던 VSCode나 써볼까하는 생각에 VSCode를 먼저 접했었습니다. 그래서 제 블로그엔 Flutter VSCode 세팅법이 적혀있습니다 ㅎㅎ 오랬동안 사용하면서 이것저것 비교를 하게 되고 결국엔 AndroidStudio로 갈아 탔습니다 IDE툴 스크린샷 비교 개발하면서 비교할 것들이 많지만 제가 AndroidStudio로 넘어가게된 결정적 요인을 말씀드리겠습니다 1. 단축키 안드로이드 개발 10년차에 Android Studio의 단축키는 정말 손에 익어서 VSCode를 사용하게 되면 개발 속도가 조금이나마 하락하는게 느껴졌었습니다.. 그래서 익숙한 AndroidStudio를 쓰기로 정했습니다. 2. Gradle Sync VSCode에서 간혹..

Flutter 프로젝트 만들고 실행하기 | VSCode 지난번 게시글 Flutter 시작하기 | MacOS에서 VSCode로.. 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사 업무가 빠르게 구현해야 될 것들이 생겨서 안그래도 눈 여겨 보던 Flutter를 해보려 합니다 Flutter를 다루는 Dart 언어는 항상 배우지 말아야 할 언어.. dalgonakit.tistory.com 지난번엔 플러터가 무엇이고, 맥 환경에서 VSCode로 어떻게 설정하는지 알아 보았습니다. 0. 들어가기 전에 이번엔 VSCode를 가지고 어떻게 프로젝트를 만들고 어떻게 에뮬레이터에서 실행할 수 있는지 알아 보겠습니다. 사실 저도 처음이라 몰르지만..ㄷㄷㄷ 일단 고고 해보겠습니다!! 1. 프로젝트 생성하기 1) 맥 상단 바에서 [View] - [Command Palat..

이전 1 다음

티스토리툴바