공학의 시대

안녕하세요. 오늘 포스팅에서는 구글 시트에서 앱스 스크립트를 통해 버튼을 구현하는 방법에 대해 알아보겠습니다. 언어: JavaScript환경: Google Sheets / Apps Script 간단한 숫자 더하기 기능을 구현해 보겠습니다. 시트를 아래와 같이 작성합니다.button을 클릭하면 number1의 숫자와 number2의 숫자를 더해 result에 표기되도록 만들 예정입니다. button의 부분에는 간단한 이미지를 만들어 넣어주겠습니다(figure 2 참조).삽입 > 그림 > 이미지 작성 후 "저장 후 닫기" 클릭 UI는 아래와 같습니다.다음으로 확장 프로그램 > Apps Script 진입하여 코드를 작성합니다. function sumCells() { // 현재 활성화된 시트 가져오기 c..

안녕하세요. 이번 포스팅에서는 안드로이드 앱과 firebase cloud functions를 연동하여 간단한 동작을 구현해 보겠습니다. 언어: kotlinsdk vsersion  - compile: 33  - min: 24  - target: 33 파이어베이스 프로젝트는 지난 포스팅에서 사용했던 것을 그대로 써보겠습니다.프로젝트 등록 및 연동은 아래 포스팅을 참고해 주세요.https://it-of-fortune.tistory.com/40 안드로이드 Firebase Cloud Firestore database 생성, 연동, 사용법안녕하세요. 이번 포스팅에서는 안드로이드 스튜디오 프로젝트에 파이어스토어 데이터베이스를 연결하고, 간단하게 사용해 보겠습니다. 언어: 코틀린 sdk vsersion - comp..

안녕하세요. 이번 포스팅에서는 다양한 스펙과 모델을 가지고있는 맥북에 대해 업무별, 상황별로 소개를 해드리려 합니다. 카테고리는 1 개발용, 2 디자인용, 3 일반 사무용, 4 취미 생활용(엔터테인먼트용)으로 분류해 보았습니다. 자신에게 맞는 용도를 찾아 확인해 보세요. 추천하는 모델의 쿠팡 링크를 올려놓았습니다. 필요한 경우 상품 화면에서 옵션의 수정이 가능합니다. 바로 알아보도록 하겠습니다! 사전 정보: M3와 M4 칩 비교 칩셋 성능 (싱글코어) 성능 (멀티코어) GPU 성능 에너지 효율 M3M2 대비 30% 향상준수GPU 향상매우 우수M4 ProM3 대비 약 20% 향상고성능GPU 및 NPU 강화효율 최고 1. 개발자를 위한 맥북추천 모델:MacBook Pro 14" (M4 Pro) 또는 ..

안녕하세요. 이번 시간에는 구글 스프레드시트 내에서 json 형태의 데이터를 파싱 하는 방법을 알아보겠습니다. 언어: JavaScript환경: Google Sheets / Apps Script 우선 하나의 셀 내에 아래의 데이터를 입력합니다.{  "student": {    "id": "101",    "name": "김철수",    "email": "kchs@spreadsheet.com",    "phone": "010-1234-5678",    "address": {      "street": "구글로123 11길 22",      "city": "서울",      "zip_code": "54321"    },    "courses": [      {        "course_name": "물리학과..

안녕하세요. 이번 포스팅에서는 dio를 사용한 API request를 구현해 보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: Android Dio는 Flutter에서 네트워크 요청을 수행하기 위해 사용되는 효과적인 HTTP 클라이언트 라이브러리입니다. 유연성, 사용 편의성이나 사용자 지정 헤더, 요청/응답 처리와 같은 고급 기능을 지원하는 점에서 널리 사용됩니다. 추가로, 이전에 포스팅했던 bloc pattern을 적용해서 예제를 작성하겠습니다.https://it-of-fortune.tistory.com/49 Flutter 상태 관리 - Bloc pattern안녕하세요.이번 포스팅에서는 Flutter app 개발 시 상태 관리를 위한 디..

안녕하세요. 이번 포스팅에서는 하단 navigation bar를 사용해 화면을 이동하는 방식을 간략하게 구현해 보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: Android 먼저 Screen으로 사용하기 위한 Widget들을 작성해 줍니다.main.dartclass HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Text( 'Home Screen', style: TextStyle(fontSize: 24) ) ); }}c..

안녕하세요. 이번 포스팅은 특이하고 재밌는 제품이 있어 소개해 드리려 합니다. '에일릭'이라는 이름을 가진 반려 로봇인데요, 얼마 전 조카의 생일을 맞아 선물해 주었습니다. 바로 이렇게 생긴 친구입니다.귀여운 로봇입니다. 에일릭이 가진 특별한 점은 우리와 소통이 가능하다는 것입니다. 좀 더 자세히 설명을 드리자면 에일릭의 몸에는 여러 종류의 센서가 심어져 있어 상황에 맞게 반응을 할 수 있습니다. 대표적인 예를 들어, 높이 들어 올리면 무서워하고 쓰다듬어 주면 좋아합니다. 정말 재미있지 않나요?  그렇다면 에일릭은 어떤 센서나 부품을 가지고 우리와 소통을 할까요? 아래와 같이 정보가 나와있습니다. 쓰다듬을 때는 머리뿐 아니라 또 다른 터치 센서가 있는 등을 쓰다듬어주어도 좋아하겠네요. 또한 에일릭을 가볍..

안녕하세요.  요즘 GPT를 활용하는 개발자의 빈도가 아주 많이 늘어나고 있다고 합니다. 이 트렌드에 합류하여 저 또한 GPT에게 받은 답을 토대로 앱을 개발해 보겠습니다. 그 어떤 개입도 하지 않은 순수 GPT 답변으로만 작성된 코드를 사용하겠습니다. 물론 GPT에게 설계에 관한 언급도 하지 않을 예정입니다. 이번 포스팅에서 GPT를 통해 만들어볼 앱은 계산기 앱입니다. 최종 결과물은 가장 하단의 소스를 확인하시면 됩니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: AndroidGPT model: GPT-4o 질문을 합니다.답변은 물론 가능하다고 합니다. 아래는 GPT에게 받은 코드입니다.main.dartimport 'package:flutt..

안녕하세요.이번 포스팅에서는 Flutter app 개발 시 상태 관리를 위한 디자인 패턴 중 하나인 Bloc pattern에 대해 알아보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: Android Bloc(Business Logic Component) pattern은 Flutter app에서 널리 사용되는 상태 관리 솔루션입니다. 이 패턴은 비즈니스 로직을 UI와 분리하여 명확한 역할 분리를 이루고, 앱의 테스트 및 유지보수를 좀 더 쉽게 할 수 있게 도와줍니다.핵심 개념Event (이벤트):Event는 Bloc의 입력입니다. 버튼 클릭, API 요청 등 사용자 상호작용을 나타냅니다.State (상태):State는 Bloc의 출력입니다...

안녕하세요.이번 포스팅에서는 flutter app에서 상태를 관리하는 방법 중 하나인 state hoisting에 대해 간단히 알아보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: AndroidState HoistingReact, Flutter와 같은 선언형 UI 프레임워크에서 주로 사용되는 개념입니다. 이는 상태(state: UI에 영향을 미치는 변경 가능한 data)를 더 상위의 컴포넌트나 컨텍스트로 이동시켜 여러 하위 컴포넌트에서 공유할 수 있도록 하는 것을 말합니다. State Hoisting은 다음과 같은 경우에 주로 사용됩니다.두 개 이상의 컴포넌트가 동일한 상태에 접근해야 할 때: 여러 곳에서 상태를 중복 관리하는 대신, 상태..