11:59

XAML에서 Window 태그의 프로퍼티인 ResizeMode를 이용하면 윈도우의 크기를 고정할 수 있습니다. ResizeMode의 옵션은 NoResize, CanMinimize, CanResize, CanResizeWithGrip 네 가지입니다. NoResize 윈도우 크기가 고정됩니다. 윈도우 타이틀 바에 닫기 버튼만 남습니다. CanMinimize 윈도우 크기가 고정되고, 최소화할 수 있습니다. 윈도우 타이틀 바에 최소화 버튼과 닫기 버튼이 활성화됩니다. CanResize 윈도우 크기 조절이 가능합니다. ResizeMode를 지정하지 않으면 적용되는 디폴트 값입니다. CanResizeWithGrip 윈도우 크기 조절이 가능합니다. CanResize 옵션과 같지만, 윈도우 창 오른쪽 아래 윈도우 크기..

어떠한 언어로 개발을 하더라도 오류를 쉽게 찾아내려면 디버깅이 가능한 툴이 필요합니다. 자바스크립트를 개발할 때에는 크롬의 개발자 도구를 이용합니다. 리액트가 개발환경이 되어 디버깅이 필요하다면, 크롬 확장 프로그램으로 하나 더 설치하면 됩니다. React 디버깅 툴 설치하기 (React Developer Tools) 크롬 웹 스토어에 접속하셔서 react를 검색합니다. chrome.google.com/webstore/search/react?hl=ko Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com 크롬의 확장 프로그램인 React Developer Tools 역시 페이스북에서 제공했습니다. 설치된 React Devel..

리액트는 자바스크립트 라이브러리 중에 인기 있는 라이브러리입니다. 리액트를 사용하시려면 사전에 설치되어 있어야 하는 게 몇 가지 있습니다. 사전 설치 프로그램과 리액트 시작하는 방법에 대해서 알아봅니다. 리액트 설치 전 리액트를 설치하려면 먼저 nodejs, npm이 필요합니다. nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크로 들어가셔서 nodejs를 먼저 설치하셔야 합니다. 두 가지 버전이 있는데 왼쪽은 안정적인 버전, 오른쪽은 최신 버전으로 새로운 기능이 포함되어 있지만 불안정할 수도 있습니다. 다운로드하여 설치합니다. 설치 후에 cmd 명령 창에 ..

vuejs 프로젝트를 열심히 빌드하다 발생한 에러입니다. 전날까지 잘되던 빌드가 'cross-env'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 이런 에러를 뱉으면서 멈추는 현상이 있었습니다. '내가 또 뭘 잘못 건드렸겠지..' 하면서 이것저것 해보다 프로젝트 날리는 건가 생각하다가 초기화 방법이 있을 것 같아 찾아보았습니다. 해결방법은 간단했습니다. 해결방법 1. 해당 프로젝트 내의 node_module 폴더를 통째로 날립니다. 2. cmd를 켜서 해당 프로젝트로 이동합니다. 3. 아래 명령어로 캐시 깔끔하게 지우고 다시 설치하면 끝! >npm cache clean --force >npm install 갑자기 안된다고 저처럼 당황하지 마시고.. 그리고 어디가 ..

앱 업데이트 출시를 위해 테스트 중 android.view.WindowLeaked 에러가 발생했습니다. 발생 경로는 팝업이 떠있는 상태에서 시스템 언어를 변경할 때 발생했습니다. 발생 원인 시스템 언어를 변경하면 팝업이 떠있는 액티비티가 재시작하는데 초기화되지 않은 팝업을 다시 띄우려고 시도하기 때문이었습니다. 해결 방법 해결 방법은 간단히 했습니다. 팝업을 보존할 수도 있겠지만, 앱이 액티비티 재시작의 경우 모든 팝업은 사라지는 콘셉트이었으므로 onDestroy에서 팝업을 dismiss 시켜주었습니다. 1. 팝업을 null로 미리 선언해주었을 때 override fun onDestroy() { popup?.dismiss() super.onDestroy() } 2. 팝업을 lateinit 해주었을 때 o..

앱을 개발하고 출시하게 되면 앱 버전이 필요합니다. 저마다의 특색을 살려 버전명을 지을 수도 있지만 많이 사용되고 있는 규칙이 있습니다. 이 규칙을 소개해드리기 전에, 구글 플레이스토어에서 10위까지의 앱 버전을 조사해봤습니다. (2020년 10월 26일 기준) 중간중간 다른 방식의 버전명이 보이지만 대부분 X.X.X 방식을 따르고 있습니다. 이러한 규칙을 Semantic Versioning이라고 합니다. Semantic Versioning Semantic Versioning은 소개해놓은 페이지가 따로 있습니다. 많은 언어로 번역되어 있습니다. semver.org/lang/ko/ 유의적 버전 2.0.0 Semantic Versioning spec and website semver.org Semantic ..

안드로이드 스튜디오로 코딩을 하다 보면 코드를 정리하고 싶을 때가 있습니다. 더군다나 코드가 길어지게 되면 하나하나 확인할 수 없기 때문에 코드를 한 번에 정리할 수 있는 방법이 필요합니다. 안드로이드 스튜디오는 코드를 정렬해주는 기능이 있습니다. 단축키를 알아보기 이전에 메뉴에서 찾아볼 수 있는 코드 정렬 기능은 아래 그림처럼 Code -> Reformat Code 를 누르시면 코드 정렬이 됩니다. 다들 보셨겠지만 안드로이드 스튜디오에서 코드 정렬 단축키는 Ctrl+Alt+L 입니다. 문서를 작성할 때, 저장 단축키를 수시로 눌러주는 습관을 가져야 하듯이 안드로이드 스튜디오로 코딩할 때에도 코드 정렬 단축키를 수시로 눌러주는 습관을 길러서 코드를 정리하신다면, 유지 보수도 쉽게 진행하실 수 있을 겁니다.