프로그래밍53

• 

  [Flutter] 보이지 않는 위젯(layout widget) flutter를 사용함에 있어서 가장 많이 듣게 되는 단어는 단연 위젯(widget)입니다. 플러터는 거의 대부분(almost) 위젯으로 이루어져 있다고 해도 과언이 아닐 정도로 위젯이 차지하는 비중은 대단합니다. 위젯을 한마디로 표현하라고 하면, 'UI를 만들기 위해서 사용되는 class 집합'정도로 표현할 수 있겠습니다. 아무리 복잡한 화면도 가장 간단한 위젯의 조합으로부터 시작됩니다. 위젯을 쌓고 또 쌓다 보면 화면이 만들어지는 것이죠. 그렇기 때문에 이 위젯에 대해서 정확히 이해하고 있어야 화면 내에 UI 컴포넌트를 적재적소에 원하는 크기로 삽입할 수 있습니다. layout Widget vs UI element Widget 위젯은 크게 레이아웃 위젯(layout widget)과 UI 요소 위젯(U.. 프로그래밍/Flutter & Dart 2022. 12. 31.

• [Flutter] const, final의 차이점(feat. immutable, stateless vs stateful 차이점) Immutable? flutter를 배우기 시작하면서 가장 많이 듣는 단어 중 하나가 바로 immutable이라는 단어입니다. 사전적인 뜻은 '변하지 않는' 정도의 뜻을 가지고 있습니다. HTML도 아니고 상태가 계속 바뀌고 더군다나 상태 관리에 대한 솔루션도 여러 가지 존재하는 마당에 immutable이라는 것은 무슨 이야기일지 오늘 한번 알아보도록 하겠습니다. flutter의 위젯이 immutable이라고 이야기하는 이유는 widget의 변경이 생기면 flutter는 아예 그 위젯을 재생성(re-build) 하기 때문입니다. 그렇기 때문에 immutable이라고 이야기할 수 있는 것이죠. 애니메이션 효과들도 어떻게 보면 widget의 재생성의 과정이 빠르게 반복되는 거라고 하네요. flutter의 공.. 프로그래밍/Flutter & Dart 2022. 12. 30.

• 

  언리얼 엔진 5 설치하기 지난 번 첫째아들이 유니티를 배워보고 싶다고 도전했다가 어려워서 실패를 하고 바로 언리얼 5로 전환했습니다. 언리얼 엔진 5를 설치하는 과정을 공유하고자 합니다. 설치 과정이 어렵지는 않습니다. 다만 넉넉잡아 60Gb 이상의 하드디스크 용량을 확보 해야지 설치할 수 있다는 점만 유의하시면 되겠습니다. 먼저 Unreal Engine도 Unity와 마찬가지로 hub가 있습니다. 다만 Unreal Engine의 허브는 스팀과 공유하고 있다는 차이가 있네요. 일단 아래 웹페이지에 접속해 보도록 합니다. https://www.unrealengine.com/en-US/download Download Unreal Engine Follow these steps to download and install Unreal E.. 프로그래밍 2022. 12. 29.

• 

  [Flutter] Go Router를 이용해서 페이지 이동하기 go route는 flutter에서 페이지 간 이동 시 URL기반의 API를 이용해서 쉽게 이동할 수 있도록 도와주는 패키지입니다. 1. Go Router 설정하기 import 'package:flutter/material.dart'; import 'package:go_router/go_router.dart'; const Color darkBlue = Color.fromARGB(255, 18, 32, 47); void main() { runApp(MyApp()); } final GoRouter _router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) => HomePage(), ), GoRoute( path: '/classA',.. 프로그래밍/Flutter & Dart 2022. 12. 29.

• 

  [Flutter] state management(provider) 앞으로 몇 차례 포스팅을 통해서 provider에 대해서 공부를 해 보고자 합니다. state management는 기본적으로 app을 흐르는 데이터의 관리라고 생각하면 되겠습니다. 처음 앱을 만들게 되면 페이지를 구성하게 되고 페이지를 구성하거나 사용자의 입력을 받아서 다른 페이지에 전달해야 하는 경우가 생깁니다. 전달하는 데이터가 바로 다음 페이지일 수도 있고 아니면 구조 상 멀리 떨어진 페이지일 수도 있습니다. 이때 필요한 데이터를 제 때 필요한 곳에 전달하는 것이 state management라고 할 수 있으며, 이를 구현하기 위해서는 다음과 같은 몇 가지 방법을 이용할 수 있습니다. 1. stateful widget을 이용한 데이터 전달 2. inherited widget을 이용한 데이터 관리 .. 프로그래밍/Flutter & Dart 2022. 12. 27.

• 

  Windows10에서 Unity 설치하기 요즘 첫째 아들이 프로그래밍에 푹 빠져 살고 있습니다. 따로 학원을 보내거나 하지는 않고 유투브를 통해서 스스로 배우도록 시키고 있는데 아직은 초등학교 2학년인 터라 scratch 위주로 배우고 있습니다. 그런데 영상을 이것저것 보더니 이제 unity를 배우고 싶다고 하더라고요. 이전에 한번 조코딩 채널을 통해서 flappy bird를 unity를 이용해서 만들어 본 기억이 떠올랐나 봅니다. 그래서 오늘은 unity를 설치해 보도록 하려고 합니다. 먼저 Unity 공식 홈페이지를 아래의 링크를 통해서 접속합니다. https://unity.com/ Unity Unity is the ultimate game development platform. Use Unity to build high-quality 3D.. 프로그래밍 2022. 12. 24.

• 

  Flutter vsCode 완소 세팅방법 안녕하세요. 오늘은 vsCode를 이용서 Flutter 프로그래밍을 할 때 정말 유용한 세팅 방법을 공유하고자 합니다. vsCode의 화면 왼쪽 하단에 톱니바퀴 모양의 'Manage' 버튼을 클릭한 뒤 [Command Palette...]를 클릭합니다. 화면의 상단에 입력창이 뜨게 되는데 여기에서 'open user settings'를 입력한 뒤 나오는 드롭박스 메뉴 중 아래쪽에 [Open User Settings(JSON)]를 찾아서 클릭합니다. 화면과 같이 'settings.json'파일이 열립니다. 화면의 왼쪽이 원본입니다. 화면의 오른쪽과 같이 중간에 다음의 코드를 추가로 입력해 줍니다. "editor.codeActionsOnSave": { "source.fixAll": true }, "dart... 프로그래밍/Flutter & Dart 2022. 12. 2.

• Flutter flutter는 Dart라는 언어를 기반으로 만들어진 프레임워크입니다. 프레임워크라는 것이 프로그래밍을 쉽게 할 수 있도록 도와주는 라이브러리 집합정도로 생각할 수 있는데요. Angular라든지 React라든지가 이와 같은 프레임워크라고 할 수 있습니다. Angular나 React는 그 기반을 Javascript에 두고 있지만 flutter는 Dart라는 언어에 기반을 두고 있습니다. 그런데말입니다. flutter나 Dart모두 구글에서 만들었다는 걸 아시나요? 그렇기 때문에 서로 엄청난 시너지 효과가 나타납니다. 예시로 처음에 Dart 언어는 null safety를 지원하지 않다가 flutter 팀에서 요청에 의해서 나중에 추가 되었다는 이야기가 있습니다. 이처럼 모두 구글 개발자들에 의해서 개발되고 .. 프로그래밍/Flutter & Dart 2022. 12. 1.

• 

  자동으로 마일스톤을 그려보자 #해당 포스트는 전자책 '남보다 30분 일찍 퇴근하는 스케줄 관리 노하우'의 내용을 편집한 내용입니다. 자세한 내용은 아래의 링크에서 확인하실 수 있습니다. 전자책을 구매하시면 엑셀 프로그램 완성 파일이 함께 제공됩니다. 1. 크몽 https://kmong.com/gig/265163 내게 최적화 된 스케쥴 관리 프로그램 개발 방법을 알려 드립니다. | 15000원부터 시작 가능한 총 12개 총 작업 개수 완료한 총 평점 5점인 조화로운블랙의 전자책, 직무스킬 전자책 서비스를 7개의 리뷰와 함께 확인해 보세요. 전자책, 직무스킬 전자책 제공 등 15000원부터 시작 가능한 서비스 kmong.com 2. 탈잉 https://taling.me/Talent/Detail/30285 남보다 30분 일찍 퇴근하는 스.. 프로그래밍/엑셀(VBA) - 스케쥴 관리 프로그램 만들기 2022. 11. 30.

• 

  스케쥴 영역 만들기 #해당 포스트는 전자책 '남보다 30분 일찍 퇴근하는 스케줄 관리 노하우'의 내용을 편집한 내용입니다. 자세한 내용은 아래의 링크에서 확인하실 수 있습니다. 전자책을 구매하시면 엑셀 프로그램 완성 파일이 함께 제공됩니다. 1. 크몽 https://kmong.com/gig/265163 내게 최적화 된 스케쥴 관리 프로그램 개발 방법을 알려 드립니다. | 15000원부터 시작 가능한 총 12개 총 작업 개수 완료한 총 평점 5점인 조화로운블랙의 전자책, 직무스킬 전자책 서비스를 7개의 리뷰와 함께 확인해 보세요. 전자책, 직무스킬 전자책 제공 등 15000원부터 시작 가능한 서비스 kmong.com 2. 탈잉 https://taling.me/Talent/Detail/30285 남보다 30분 일찍 퇴근하는 스.. 프로그래밍/엑셀(VBA) - 스케쥴 관리 프로그램 만들기 2022. 11. 17.

• 

  2. 바탕이 되는 시트의 프레임 잡기 #해당 포스트는 전자책 '남보다 30분 일찍 퇴근하는 스케줄 관리 노하우'의 내용을 편집한 내용입니다. 자세한 내용은 아래의 링크에서 확인하실 수 있습니다. 전자책을 구매하시면 엑셀 프로그램 완성 파일이 함께 제공됩니다. 1. 크몽 https://kmong.com/gig/265163 내게 최적화 된 스케쥴 관리 프로그램 개발 방법을 알려 드립니다. | 15000원부터 시작 가능한 총 12개 총 작업 개수 완료한 총 평점 5점인 조화로운블랙의 전자책, 직무스킬 전자책 서비스를 7개의 리뷰와 함께 확인해 보세요. 전자책, 직무스킬 전자책 제공 등 15000원부터 시작 가능한 서비스 kmong.com 2. 탈잉 https://taling.me/Talent/Detail/30285 남보다 30분 일찍 퇴근하는 스.. 프로그래밍/엑셀(VBA) - 스케쥴 관리 프로그램 만들기 2022. 11. 7.

• 2. 데이터베이스 서버 구축하기 다음은 책 전체를 통틀어 가장 난이도 있는 부분이라고 할 수 있는 데이터베이스 서버 구축하기입니다. 앞으로 만들 엑셀 프로그램은 앞서 보신 바와 같이 데이터를 엑셀파일 내에 저장하는 것이 아니라 엑셀 파일 외부에 구축한 데이터베이스에 저장을 하고 필요시에 불러와서 작업하는 형태로 수행합니다. 엑셀 외부라 하면 파일이 저장되어 있는 컴퓨터에 직접 데이터베이스를 구축할 수도 있고 별도의 서버 컴퓨터를 구축하여 그 안에 데이터베이스를 구축할 수도 있습니다. 앞으로 사용하게 될 데이터베이스는 여러 사람이 공동으로 접속하여 작업하게 될 것이기 때문에 데이터베이스가 구축된 컴퓨터는 항상 켜져 있고 인터넷에 연결된 상태이어야 합니다. 따라서 개인 컴퓨터에 데이터베이스 서버를 구축하는 것은 추천드리지 않습니다. 그렇다.. 프로그래밍/MySQL-엑셀 연동을 통한 자료 관리 2022. 11. 2.