사실 hashnode라는 좋은 플랫폼을 찾고, 이 플랫폼에 글쓰기를 정착해보려고 했었는데, 어떤 내용을 쓸지 에 대한 부분이 계속 고민 되는 부분도 상당히 많이 작용 했다.

앞으로 뭘 쓸 예정인가?

거창한 기술 블로그 보다는 그냥 일하면서 겪은 일들 혹은 읽었던 책들 혹은 들었던 책들에 대한 내용을 가볍게 정리 해보려고 한다.

• 혼자 개발할 때 효율적인 방법

• 새로 배운 기술이나 도구들

• 가끔은 일상 이야기 들

완벽한 튜토리얼이나 깊이 있는 기술 분석보다는, 그냥 “오늘 이런 일이 있었는데..” 수준으로 편하게 작성할 예정이다.

목표는 단순하게

• 한달에 1~2개 정도 (무리하지 않기)

• 완벽하지 않아도 발행하기

• 길게 쓰려고 부담 갖지 않기

꾸준하게 작성하는 부분이 중요한 것 같아 목표를 상당히 낮게 잡았다. 다시 시작해보자.

"꿈이 현실을 예고한다면, 그것은 우연일까 필연일까?"

🌙 핵심 감상 포인트

1. "꿈에서 본 소녀"의 충격적 반전
   첫 번째 단편인 "꿈에서 본 소녀"는 예지몽의 정수를 보여줍니다. 17년 전 꿈속 소녀와 현실에서 재회하는 청년의 이야기는 초자연적 분위기로 시작하지만, 유가와 마나부의 "무의식적 기억의 재구성"이라는 과학적 해석으로 반전을 맞이합니다. 오디오북에서는 주인공의 혼란스러운 심리가 성우의 떨리는 목소리와 긴장감 있는 BGM으로 생생히 전달되었어요.

2. 과학으로 오컬트를 해체하는 쾌감
   유령 현상, 예지몽, 폴터가이스트 등 초자연적 소재가 과학적 논리로 풀려나는 과정이 매력적이었습니다. 특히 "영을 보다" 편에서 유가와가 "유령의 정체는 습기 찬 벽의 곰팡이 현상"이라고 설명할 때의 논리적 설득력이 빛났죠.

3. 단편집의 장점: 집중력 있는 전개
   각 에피소드가 30~40분 분량으로 구성된 오디오북은 출퇴근길에 딱 맞습니다. "예지몽" 편처럼 복잡한 시간 구조조차도 음향 효과(시계 소리, 왜곡된 목소리)로 직관적으로 이해할 수 있었어요.

🎧 오디오북 vs 종이책

• 장점:

  • 극장형 몰입감: "떠드는 영혼" 편의 폴터가이스트 소음과 유가와의 차분한 목소리 대비가 긴장감을 배가시킵니다.

  • 편의성: 복잡한 과학 용어도 성우의 톤으로 자연스럽게 전달되어 집중이 잘 되었어요.

• 단점:

  • 시간 역행 장면의 혼란: "그녀의 알리바이" 편에서 과거와 현재를 오가는 장면은 청각적으로 따라가기 어려웠습니다.

🕵️ "탐정 갈릴레오"와의 차별성

전작과 달리 "예지몽"은 오컬트를 소재로 삼아 신비로운 분위기를 강조합니다. 유가와 교수의 캐릭터는 여전히 냉철하지만, "보험금 사기 사건에서 피해자의 딸을 배려하는 모습"처럼 인간적인 면모가 살짝 드러납니다. 특히 "꿈"이라는 주제를 통해 과학이 닿지 않는 영역을 탐구하는 점이 신선했어요.

👍 추천 대상

• "짧고 강렬한 미스터리를 원하는 직장인"
  점심시간이나 퇴근길에 단편 하나씩 소화하기 좋습니다.

• "오컬트 소재를 과학으로 해석하는 과정을 좋아하는 분"
  유령 현상을 유체 역학으로 설명하는 유가와의 추리가 쾌감을 줍니다.

• "사운드 스케이프로 영화 같은 경험을 원하는 분"
  비 오는 밤의 빗소리, 유령의 속삭임 같은 음향 디테일이 몰입도를 최고조로 올려줍니다.

🌌 남는 질문

"꿈의 예언성은 과학으로 설명 가능한가?"
히가시노는 유가와의 입을 빌려 "무의식의 우연한 발현"이라고 말하지만, 독자에게는 여전히 신비로움을 남깁니다.

✨ 한 줄 평

"오컬트의 신비 + 과학적 추리 = 직장인을 위한 초단편 미스터리 쇼케이스"
히가시노 게이고의 「예지몽」은 짧은 시간 안에 강렬한 여운을 선사합니다. 오디오북으로라면 유가와의 논리가 귀를 통해 뇌를 직접 자극할 거예요.

"지하철에서 과학 수업을 듣고 싶은 당신, 여기 있습니다!" 🚇🎧

✍️ 블로거의 한마디

"유가와 교수님, 꿈에서 만난 소녀 정말로 무의식일까요? 🧐"

"불타오르다. 그 불꽃은 과학으로 설명될 수 있을까?"

🔍 히가시노 게이고의 "탐정 갈릴레오"를 처음 책으로 접했을 때, 가장 강렬하게 남았던 장면은 "불타오르다" 에피소드였습니다. 다섯 청년 중 한 명이 갑작스럽게 불에 타 죽는 충격적인 사건부터 시작해, 유카와 마나부 교수의 과학적 추리가 빛을 발하는 순간까지 긴장감이 철렁하게 몰아쳤죠. 최근 오디오북으로 다시 듣고 나니, 종이책과는 다른 생동감이 묻어나는 걸 느꼈습니다. 성우의 연기가 캐릭터 특색을 더욱 살려주어, 유카와의 차가운 천재성과 카가의 현실적인 고민이 귀로 전해지는 듯했어요.

📖 "탐정 갈릴레오" 핵심 감상 포인트

1. "과학은 허구를 현실로 만든다"

가장 과학적으로 흥미로웠던 건 "폭발하다" 에피소드였습니다. 바닷가에서 발생한 폭발 사건의 원인이 나트륨과 물의 반응이라는 걸 알고는 소름이 돋았죠. "이게 현실에서 가능하다고?" 싶을 정도로 허무맹랑해 보이지만, 유카와 교수의 논리적 설명은 모든 걸 납득시켰습니다. 마지막 장의 "신기루 현상"을 활용한 해결법도 과학적 상상력의 절정이었어요.

2. 캐릭터의 매력 vs 아쉬운 점

유카와 마나부 교수의 물리학자로서의 천재성은 압도적이었습니다. 특히 머그잔에 남은 커피 찌꺼기를 무심코 쳐다보며 사건을 꿰뚫는 모습은 그의 캐릭터를 완벽하게 각인시켰죠. 반면 "아이를 싫어하는 이유"는 미스터리로 남아 아쉬웠습니다. "이후 시리즈에서 설명되려나?" 하는 궁금증이 생기더군요.

3. 오디오북 vs 종이책

종이책에 비해 오디오북은 "믹스 커피를 타주는 장면"이나 "더러운 머그잔" 같은 일상적 디테일이 더욱 살아났습니다. 성우가 유카와의 냉정한 톤과 카가의 당황스러움을 섬세하게 표현해, 두 사람의 시시콜콜한 농담이 귀에 쏙 들어오더라고요. 특히 "불타오르다" 장면의 긴장감은 오디오북만의 장점이었습니다.

👍 이런 분들께 강력 추천!

• "과학적 원리를 활용한 추리가 좋다면?"
  물리·화학 지식을 바탕으로 한 독창적 사건 해결이 매력적입니다.

• "짧은 에피소드로 출퇴근길을 채우고 싶다면?"
  단편 구성 덕에 이동 시간에 딱 맞고, 집중력이 흐트러지지 않아요.

• "캐릭터 간의 유쾌한 케미를 원한다면?"
  유카와와 카가의 밀당 같은 협업이 소소한 재미를 줍니다.

🏁 한 줄 평

"과학적 논리 + 미스터리 + 캐릭터 케미 = 완벽한 조합"
히가시노 게이고의 "탐정 갈릴레오"는 단순한 추리 소설을 넘어, 일상 속 과학의 매력을 깨닫게 해주는 작품입니다. 오디오북으로 듣는다면 유카와 교수의 냉철한 목소리가 사건 해결의 키포인트가 되어줄 거예요.

"출퇴근길에 과학 수업을 듣고 싶은 분들, 주목하세요!" 🎧

✍️ 블로거의 한마디
"유카와 교수님, 다음엔 아이 싫어하는 이유도 알려주세요… 🙏"

"순간이여, 멈추어라! 정말 아름답구나!"

✨ 이 멋진 말, 혹시 들어보셨나요? 바로 '파우스트'라는 고전 소설에서 나온 말인데요. 이 소설에서 영감을 받아 탄생한 김호연 작가의 '파우스터'라는 책이 있습니다. 윌라 오디오북으로 듣고 꽤나 인상적이었는데요. 16시간이 넘는 긴 이야기였지만, 출퇴근길이 비교적 빠르게 지나갔습니다.

📖 '파우스터' 오디오북 줄거리 요약

• 배경: 우리 사회의 어두운 면을 엿볼 수 있는 이야기입니다. 나이 많은 사람들이 거액의 돈을 지불하고 젊은 사람들을 조종하는 비밀스러운 시스템이 존재한다는 설정은 꽤 충격적입니다.

• 메피스토 시스템: 이 비밀 시스템의 이름은 '메피스토 코리아'인데, 여기서는 나이 많은 사람들이 젊은 사람들을 조종하면서 대리만족을 느낍니다. 조종당하는 젊은이들을 '파우스터'라고 부릅니다.

• 주인공:

  • 박준석: 잘 나가던 야구 선수였지만, 어느 날 자신이 조종당하고 있다는 사실을 알게 됩니다. 충격적인 현실에 맞서 자신의 인생을 되찾기 위해 고군분투합니다.

  • 경: 아버지의 죽음에 숨겨진 비밀을 파헤치려는 인물입니다. 준석과 함께 사건의 진실을 밝히기 위해 노력합니다.

• 줄거리:

  • 준석은 자신의 머릿속에 이상한 연결체가 있다는 것을 알게 되고, 그것을 통해 누군가에게 조종당하고 있음을 깨닫습니다.

  • 경은 아버지의 죽음에 메피스토가 관련되어 있다는 사실을 인지하고, 복수를 다짐합니다.

  • 두 사람은 함께 힘을 모아 메피스토 시스템의 실체를 파헤치고, 시스템을 무너뜨리려고 합니다.

  • 이야기 후반부에는 예상치 못한 반전이 기다리고 있습니다.

👍 '파우스터' 좋았던 점.

• 우리 사회의 반영: 나이 많은 사람들이 젊은 사람들을 함부로 대하는 모습은 우리 사회에서도 종종 볼 수 있는 현실을 반영합니다. 씁쓸하지만, 한 번쯤 생각해볼 만한 주제입니다.

• 매력적인 캐릭터: 주인공 준석의 매력과 더불어, 그의 심리 변화를 섬세하게 표현한 성우의 연기가 인상적입니다. 몰입도 높은 오디오 드라마를 듣는 듯한 느낌을 줍니다.

• 흥미로운 전개: 이야기는 예측하기 힘든 방향으로 흘러가며, 긴장감과 함께 다음 내용을 기대하게 만듭니다.

• 솔직한 감상: 출퇴근길에 핸드폰 대신 책을 즐길 수 있다는 점은 좋았지만, 중간에 내용을 놓쳐 다시 들어야 하는 부분도 있었습니다. [가볍게 듣기 좋지만, 깊이 있는 메시지를 담고 있는 작품입니다.]

✍️ 책 속 명대사, 맛보기!

• "파우스터는 자식들이 해줄 수 없는 모든 것을 대체해준다. 파우스터는 새로 태어난 나다." : 인간의 뒤틀린 욕망을 보여주는 대사입니다.

• "9년 7개월간은 몰랐지만 9년 8개월부터는 진실을 알았고, 내 방식으로 싸우기 시작했습니다. 나는 지금 진짜로 살아 있습니다." : 자신의 운명을 개척하려는 주인공의 의지를 보여주는 대사입니다.

• "가장 위대한 인간은 아무것도 하지 않는 인간이야. 늙으면 기력이 쇠하는 건 아무것도 하지 말라는 자연의 명령인 거야." : 인간 존재의 본질에 대한 질문을 던지는 대사입니다.

🏁 마무리!

김호연 작가의 '파우스터'는 흥미로운 이야기뿐만 아니라, 우리 사회의 현실과 인간의 본성에 대해 생각해 볼 거리를 던져주는 작품입니다. 출퇴근길을 유익하게 보내고 싶다면, 이 오디오북을 추천합니다. 특히, '파우스트'라는 책을 흥미롭게 읽었던 분이라면 더욱 깊은 공감을 얻을 수 있을 것입니다. 🤓

"스릴러 소설을 좋아하는 분, 우리 사회의 현실에 관심 있는 분, 출퇴근 시간을 알차게 보내고 싶은 분들에게 이 오디오북을 추천합니다." - 4/5

📚 오늘 배운 것

강의 중간에 챌린지 있는 부분은 항상 좋은 것 같음.

텍스트 스타일링 하는 방법

커스텀 위젯 생성 방법

• 플러터는 위젯으로 구성되어 있고, 위젯 트리는 점점 확장되게 됨. 확장되는 위젯 트리의 확장성등을 위해 별도의 위젯 으로 빼기.

🤔 내 생각

• [궁금한 점]

  • 위젯에 key가 필요한 이유?

    • key는 Flutter에서 위젯을 효율적으로 관리하고, 위젯의 상태를 유지하며, 위젯을 고유하게 식별하는 데 중요한 역할을 합니다. 위젯을 사용할 때 key가 필요한지 여부를 판단하고, 적절한 key를 사용하는 것이 중요합니다.

    • Flutter에서 key를 명시적으로 전달하지 않으면, Flutter는 위젯의 타입과 위치를 기반으로 암시적인 key를 사용합니다. 이러한 암시적인 key는 대부분의 경우 잘 작동하지만, 위젯의 순서가 변경되거나, 동일한 타입의 위젯이 여러 개 있을 때 문제가 발생할 수 있습니다. 따라서 위젯의 상태를 유지하거나, 위젯을 고유하게 식별해야 할 때는 명시적으로 key를 전달하는 것이 좋습니다.

  • 생성자에도 const가 붙는 의미?

    • Flutter에서 const 생성자는 컴파일 시간에 객체를 생성할 수 있도록 합니다. 즉, 런타임에 객체를 생성하는 것이 아니라, 컴파일 시점에 객체를 생성하여 메모리에 저장합니다.

    • 불변 객체에 대한 정의 용도로 붙이는 것으로 보임.

    • 생성자 자체에 const 키워드를 직접 붙이는 언어는 Flutter (Dart) 외에는 거의 없다.

• [비판적 분석]

  • 요런식으로 단계별로 학습하는 건 좋긴 하지만, 시간이 오래 걸리는 것 같음.

  • 또 갑자기 위젯 진행하다가 클래스 설명. 뭔가 맥이 끊김. 분명 해당 부분에 대해 모르는 사람도 있겠지만..

• [실무 적용시 고려사항]

  • 챌린지의 경우도 원래라면 해당 문서를 확인하고 어떤 기능이 있는지 확인? 한다던가 함수 내부를 봐야 되는데, 현재 cursor ide 테스트 중인데 아래 처럼 입력해도 알아서 적용하여 제안을 해주는 상태.

    

💡 참고 자료

• [추가로 찾아본 내용]

📚 오늘 배운 것

Container 사용, BoxDecoration 사용 등. 이런 위젯이 있다는 정도만 알아도 될 것으로 보임.

🤔 내 생각

• [궁금한 점]

  • 없음

• [비판적 분석]

  • 없음

• [실무 적용시 고려사항]

  • 없음

💡 참고 자료

• [추가로 찾아본 내용]

  • 내 IDE에서는 const 강제 표시가 안되는 부분. 확인

  • analysis_options.yaml 파일에서 별도 명시 없음.

  • 이전 플러터 버전에선느 const 사용시 경고 표시 된 것으로 보이는데 해당 부분 버전 업데이트 등으로 사라진 것으로 보임

  • analysis_options.yaml 아래 내용 적용시 const 설정 활성화 가능

linter:  
  rules:    
    prefer_const_constructors: true

📚 오늘 배운 것

Scaffold 위젯

• 앱을 이쁘게 꾸며주기 위한 위젯. 별다른 건 없음.

Layout 위젯

• Center 위젯

  • 이건 중앙 정렬 위젯 이라 안 사용할 수가 없음.

다트 언어는 콤마를 붙여 자동 줄바꿈을 처리함.

• 요 부분은 좀 신기 하긴 한데.. 뭐 나쁘진 않은 것 같음

다트 언어는 강타입 언어. 모든 것들이 타입이다.

• String, int, MaterialApp (Widget) 등. 모두 Object를 상속받음.

color 버튼 누르면 color picker 가능

🤔 내 생각

• [궁금한 점]

  • 위젯에 대해 많이 알면 좋을 것 같은데 위젯 공부에 시간을 얼마나 소요해야 될지?

• [비판적 분석]

  • 플러터에서는 const 쓰라는게 되게 귀찮은 느낌. 무슨 기준인지도잘 모르겟음,

    근데 내 vscode에는 해당 추천 사항이 안 뜨긴 함. 이게 왜 안 뜨는지도 궁금하긴 하네.

  • 강의 자체가 갑자기 너무 기초적인걸 설명하는데 넘기기가 애매함.

    • 뭔가 기본적인 지식이 있다 라고 가정하고 만듥어야 되는데 그게 아니라. 쓸데 없다는 생각이 듬.

• [실무 적용시 고려사항]

💡 참고 자료

• [추가로 찾아본 내용]

  • 없음

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text(
            'Hello, World!',
          ),
        ),
      ),
    ),
  );
}

📚 오늘 배운 것

플러터를 사용한 기본 앱 만들기. 플러터와 다트 코드에 대한 이해. 위젯이 무엇인지?

플러터 프로젝트 생성

fluter create first_app

플러터 프로젝트 구조에 대한 설명.

• 플랫폼 별 폴더

• lib 폴더 등에 대한 설명

이런 폴더가 있다 정도만 알아도 될 듯.

pubspec.yaml은 중요

• 여러가지 설정들 가능. 의존성 관리 등.

🤔 내 생각

• [궁금한 점]

  • 섹션 2에서는 간단한 주사위 게임을 만드는 듯.

• [비판적 분석]

  • 너무 간단한 예제로 알고 있는 개념임. 완전 초보자를 위한 강의로 보임. (함수, 키워드 이런걸 가르쳐주고 있음)

• [실무 적용시 고려사항]

  • 플러터가 참 신기하긴 함. 정말 조립해서 앱을 만든다는 느낌이 듬. 위젯만 알면 왠만한 앱은 다 개발 가능.

  • 코스 내내 중요한 위젯에 대해서는 배울 내용.

  • 10~20개의 코어 위젯을 주로 사용 함.

💡 참고 자료

• [추가로 찾아본 내용]

  • 플러터의 매개변수 네이밍 방식이 엄청 편해보이긴 하는데, 코드의 복잡도는 올라가는 느낌이다. 실제 내부 코드를 구현할때 이렇게 구현하는게 좋은 방법일까? 라는 생각이 듬.

  • 찾아보다 보니 한가지 간과한게 있었음 플러터 명명된 매개변수의 경우 required 조건을 넣을 수 있어 무조건 적으로 선언해야 되는 변수들을 넣을 수 있다는 부분.

  • 결국에는 유니티 등에 다른 엔진에 적용하려면 빌더 패턴등의 접근을 해야 되고, 한번 더 레이어를 감싸는 부분이기 때문에 개발 생산선이 떨어질 것으로 보임.

  • 선언적 UI 는 현대적인 프레임워크에서 제공해주는 방식

    • 명령형: "밥을 담고, 고기를 올리고, 계란을 올리고..."

    • 선언적: "제육덮밥 하나 주세요" 와 비슷한 차이라고 볼 수 있습니다.

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('First App'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: const [
              Text(
                'Hello World!',
              ),
              Text(
                'It\'s time to learn Flutter!',
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Flutter & Dart - The Complete Guide [2024 Edition]

📝 내용

Flutter에 대한 관심은 계속 있는 상태에서, 25년에는 Flutter을 다시 한번 공부해 볼까? 라는 생각이 들어 해당 강의를 구매 했다.조금은 오래된 강의로 보이는데, 계속해서 업데이트 되는 것으로 보여, 구매 함.

여담으로.. Udemy의 경우 많은 강의를 수강한 강의에는 자동으로 번역 기능이 제공되는 것으로 보이는데, 해당 강의는 한국어 번역이 제공 됨. 번역 품질은 그닥 좋지 않은 것으로 보임.

플러터는 하나의 코드로 다양한 멀티플랫폼을 지원 해줌.

• 모바일 앱 (Android, iOS) → 코스에서 중점적으로 공부

• 웹 (모던 브라우저)

• 데스크탑 앱 (윈도우, 맥, 리눅스)

플러터는 다트 언어를 사용함. 플러터는 프레임워크이다.

플러터 설치 방법에 대한 내용. 이미 설치되어 있어 해당 부분은 스킵.

1. 플러터 SDK 설치

2. Git 설치

3. Platform Tools 설치

   1. Android Studio 설치

   2. XCode 설치

4. 가상 에뮬레이터 세팅

   1. Android

   2. iOS

플러터 앱 생성 (갑자기 터미널 명령어?)

flutter create first_app

갑자기 vscode 사용?

MaterialApp?

• 플러터 앱은 기본적으로 Material 디자인 사용. 구글의 디자인.

• 구글에서 만들었지만 옵션이 많다. 커스텀할게 많음.

비디오

• 자기 속도에 맞게. 다트나 플러터 경험이 있다면 스킵도 가능. 필요에 따라 반복 가능

코딩하고 연습하자.

• 멈추고 너의 코드로 만들자.

• 연습하자.

• 코드 비교하자. (스냅샷 제공)

서로 돕자

• Q&A 섹션 존재.

• 묻지만 말고 답변도 해보자.

• 디스코드도 제공

https://github.com/academind/flutter-complete-guide-course-resources

https://github.com/academind/flutter-complete-guide-course-resources/blob/main/Slides/course-slides.pdf

강의에서 코드 스냅샷을 제공하는게 대단하긴 하네. 확실히 git commit 변경점? 을 제공 하는 것보다는 더 명시적인 방법으로 보임.