개발자R의 삶

단축키 alt + Enter : 해당 위젯을 Padding, Center 위젯 등으로 감싸기 ctrl + Q : quick docs 유용한 웹사이트 https://draw.io : 프로토타입 스케치 https://appicon.co/ : 앱 아이콘 제너레이터 http://icons8.com/ : 무료로 아이콘 만드는 곳 https://www.vecteezy.com/ : 무료 이미지, 아이콘 사이트 https://www.canva.com/ko_kr/ : 미리캔버스 같은 곳 https://fonts.google.com :구글 무료 폰트 다운로드 https://material.io/tools/icons/ : material 아이콘들 찾기 https://materialpalette.com : 컬러 팔레트 및 아..

https://alcohol-converter.netlify.app/ 술 계산기 내가 마신 술은 도대체 얼만큼일까? alcohol-converter.netlify.app 내가 마신 막걸리 2병은 소주로 몇 병일까요? 친구가 마신 맥주 3캔은 소주로 몇 병일까요? 누가 더 많이 술을 마신걸까요??? 술 변환기, 술 도수 계산기를 개발해보았습니다 :)

기이한 일이 일어났다. 매일 잘 되던 배포가 안되는 것...... 변경된 것이 없는데 도대체 왜 그런 것일까???? * 현상 (package.json) 위의 package.json을 보면 5번째 줄에 "project" : "프로젝트ID 값" 이 있다. 이건 GCP 프로젝트 이름이다. 17번째줄에 %npm_package_deploy_project% 부분이 있는데, 여기에 "프로젝트ID값"이 대입(치환)되어야 한다. 그래야 명령어가 올바로 써진 것이니까! 제대로 실행이 된다면 deploy.bat dev && rollup --config rollup.config.js && gcloud app deploy --project (프로젝트ID) --version 0-1-3 -q 이렇게 실행되어야 한다. 그런데 갑자기..

제가 개발하고 있는 앱은 웹앱입니다. 안드로이드 소스는 거의 껍데기만 있을 뿐. 내용물은 모두 svelte 프레임워크로 이루어져 있습니다. 그래서 뭔가 어려운 점이 있을 때 검색이 잘 안되는 점이 아쉽습니다... 모두 네이티브만 쓰는건가! 이번에 아주 간단한 새로운 기능을 추가하는데, 어려움에 봉착했습니다. 버튼을 누르면 어떤 웹페이지로 이동해야하는데, 웹뷰 내에서가 아니라 외부 브라우저로 띄우고 싶었거든요. 그냥 window.open() 등의 함수를 사용하면 웹뷰 내에서 이동하는 문제가 있었습니다. 안드로이드 소스를 수정해야했습니다. (안드로이드 안배워봄...ㅎ) * 안드로이드 소스에 함수 추가 @JavascriptInterface public boolean shouldOverrideUrlLoading..

Svelte 프로젝트를 시작할 때에 기본적으로 템플릿을 받아 시작하면 편리하다. 기본적인 파일구조나 서버 등의 세팅이 되어있기 때문이다. node를 깔았다면 아래와같이 명령어를 차례로 입력하면 된다. npm install -g degit npx degit sveltejs/template 프로젝트이름 cd 프로젝트이름 npm install npm run dev 그럼 터미널에 아래와 같은 결과가 뜬다. 크롬에 localhost:5000 을 치고 들어가면 기본 화면이 뜬다! 이 화면이 시작화면! App.svelte에 구현되어있다. 이제 여러 컴포넌트들을 추가하여 svelte 프로젝트를 시작해봅시다!

꽤나 중요한 내용인데 또 막상 외워지지 않는 그것. 온클릭 이벤트를 어떤 요소에 걸었을 때, 그 html 요소를 가져오고 싶을 때가 있다. 자바스크립트에는 버블링과 캡쳐링이라는 개념이 있다. 버블링은 한 요소에 이벤트가 발생하면 핸들러가 동작하고 그 다음 부모 요소의 핸들러가 동작하고.. 더이상 부모가 없을 때까지 이벤트 핸들러가 동작하는 것이다. 사실 버블링은 너무 자연스럽기 때문에 딱히 느껴지지 않기도 하다. 지금 술 계산기를 만들고 있는데, 카드를 누르면 그 요소를 가져와서 class를 추가해주고 싶다. {title} {emoji} card 클래스를 가진 요소에 on:click 함수를 걸어주었다. 하지만 사실상 emoji 클래스를 클릭하거나, title을 클릭해도 card 클래스에 걸려있는 on:c..

안드로이드 스튜디오에서 New - directory 가 없다..?? 폴더 만들어야하는데.... 왜...? 증상 위와 같이 package만 만들수 있고 디렉토리는 없다 해결법 프로젝트 이름서 오른쪽 클릭 -> Mark Directory as -> Unmark as Source Root 해결 완료!

하나씩 누를 때 실로폰처럼 소리가 나는 앱이다. import 'package:flutter/material.dart'; import 'package:audioplayers/audio_cache.dart'; void main() => runApp(XylophoneApp()); class XylophoneApp extends StatelessWidget { final player = AudioCache(); void playSound(int soundNum) { player.play('note$soundNum.wav'); } Widget buildKey(int numKey, Color _color) { return Expanded( child: FlatButton( onPressed: () { playSou..

위와 같은 레이아웃을 만들기 위한 코드 예제이다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( backgroundColor: Colors.teal, body: SafeArea( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Container( color: Colors.red, width: 100.0, height: double.infinity, ..