"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북" 중 모두의숙소 앱 빌드 중 [그림 1]과 같은 에러가 발생했었다. 다른 PC에서 GitHub에 Push 된 동일한 코드를 Pull 하여 실행해 보았다. 그 PC에서는 정상적으로 빌드되어 AVD에서 실행되었다. 따라서 에러의 원인이 코드는 아니라고 보았다. 예전에 스프링 프레임워크를 배울 때 프레임워크의 버전이 달라지면 없던 에러가 생길 수 있다는 유의사항이 생각났다. 그래서 각 PC에 설치된 Flutter 버전을 확인해 보았다. [!] Your project requires a newer version of the Kotlin Gradle plugin. 역시 버전이 서로 달랐다. [그림 1]의 에러가 발생한 P..

"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북"으로 플러터 공부를 하고 있다. 9장에서는 모두의숙소 웹을 만들었다. 플로터로 웹도 만들 수 있다. [그림 1]은 완성된 페이지이다. 앱으로도 빌드를 시도했는데 [그림 2]와 같은 에러가 발생했다. 최신의 Kotlin Gradle plugin이 필요하다고 한다. 기존에 만들었던 앱 프로젝트를 빌드해봐도 동일한 현상이 발생했기 때문에 이번에 작성한 코드의 문제는 아닌 것으로 보인다. [그림 2]는 VS Code에서 보여주는 에러 메시지이며, 안드로이드 스튜디오에도 역시 빌드되지 않았다. 이렇게 저렇게 만져 보았지만 아직은 해결방법을 찾지 못했다(2022년 02월 09일 해결함). [!] Your project re..

"다니구치 마코토. (2020). 만화로 배우는 프로그래밍. 비전코리아" '만화로 배우는 프로그래밍이라니!' 호기심에 집어 든 책이다. 책을 볼 때 제일 먼저 목차를 본다. "프로그램의 기본은 '○을 □한다'는 것". 목차 중에 이런 제목이 있다. 만화로 된 코딩 책이라는 것만으로도 흥미로운데 굉장한 호기심이 발동됐다. 책의 난도는 굉장히 낮다! 딱 교양 수준이다. 초등학생 아들이 꼭 읽어 봤으면 하는 책이다. 요즘 웹툰에 비해 그림체가 올드한 느낌이 있지만 딱딱한 기술서적이 만화책이라는 것만으로도 큰 점수를 주고 싶다. 아주 쉽게 프로그래밍의 기본 개념, 컴퓨터 구조, 간단한 실습까지 두루 다루고 있다. 활용도가 높은 JavaScript 언어가 많은 분량을 차지하고 있다는 점도 마음에 든다. 후반부에 ..

"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북"으로 플러터 공부를 하고 있다. 8장에서는 쇼핑카드 앱을 만들었다. 이번 장에서는 StatefulWidget과 SatelessWidget을 심도 깊게 다루었다. StatefulWidget은 변경 가능한 상태를 가진 위젯이다. 사용자와의 상호작용에 의해 변경되는 경우에 사용한다. 그래서 final변수가 아닌 일반적인 변수를 가진다. SatelessWidget은 앱이 최초 실행될 때 단 한번 그려진다. 반면 StatefulWidget은 build 함수가 실행되면 계속해서 다시 그려진다. setState 함수를 통해서 상태 변수를 변경하게 되면 build 함수가 다시 실행된다. 앱에는 다시 그려져야 하는 부분과 그렇지..

"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북"으로 플러터 공부를 하고 있다. 8장 쇼핑카트 앱 만들기를 하던 중 [그림 1]과 같은 에러를 만났다. 작성한 코드를 실행시키자 발생한 에러이다. 수차례 확인했지만 작성한 코드에 문제는 없었다. 심지어 몇일 전에 정상적으로 작동한 앱을 실행시켜도 동일한 증상을 보였다. 빨간색 표시된 영역의 메시지는 다음과 같다. Exception has occurred. TestFailure (Expected: exactly one matching node in the widget tree Actual: _TextFinder: Which: means none were found but one was expected ) [그림 1..

JavaScript 주요 포인트 #9 this 키워드 this 키워드는 사용되는 위치에 따라 바인딩되는 객체가 달라진다. this와 Window 객체 // this에 Window 객체가 바인딩 된 경우 this와 DOM 요소 클릭 A B C this와 object // this에 object가 바인딩 된 경우 object 내에 함수를 정의할 수 있고, 함수가 object 내에 정의된 다른 키에 접근할 때 this 키워드를 사용한다. 이러한 방식은 object 내에 이미 정의된 키로 새로운 데이터를 만들고자 할 때 많이 사용한다. Scope 선언된 변수에 대한 접근성을 의미한다. Default Function Parameter 함수 호출 시 인자를 넣지 않은 경우에 대한 기본값을 적용한다. 파라미터 값이 ..

JavaScript 주요 포인트 #8 내장 객체 - JSON 객체 JSON(JavaScript Object Notation)은 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다(출처: 위키백과). JSON 객체는 JSON 포맷을 자바스크립트에서 효율적으로 사용하기 위해 사용한다. stringify, parse 함수 // JSON 객체 내장 객체 - Window 객체 JSON(JavaScript Object Notation)은 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다(출처: 위키백과). JSON 객체는 JSON 포맷을 자바스크립트에서 효율적으로 사용하기 위해 ..

JavaScript 주요 포인트 #7 내장 객체 - Math 객체 Math 객체는 숫자 자료형만 지원하고, 수학적인 상수와 내장 함수를 가진 객체이다. 다른 객체와 달리 생성자가 아니다. round, ceil, floor, trunc, sign, pow, sqrt, abs, min, max, random 함수 ceil은 실무에서 "게시판 페이징시 총페이지 수 계산"을 위해 많이 사용한다. pow, sqrt, abs는 실무에서 많이 사용하지 않았다고 한다. random을 이용한 "범위 내 무작위 수를 반환하는 코드"는 유용하다. 이 코드를 이용해 가위바위보 게임을 간단히 만들어 본다. Math.random 이용한 가위바위보 게임 // Math.random 이용해 작성한 "범위 내 무작위 수를 반환하는 코드..