Jun's TID

내 2023년의 두 번째 실패이다. 뭐... 아직은 스스로 개발 중단이라고 생각하고 싶기는 하지만, 올해도 준비해야 할 것과 새로 시작할 것이 쌓여있을 거 같아서, 다시 시작은 못할 거 같다. 제목을 보면 알겠지만, 이전에 폐기한 안드로이드 게임 개발 프로젝트 "The LCK Manager"의 유니티 버전이다. 직전에 인게임 시뮬레이터 구현을 실패하는 바람에 프로젝트를 폐기했으니, 이번에는 힘들게 공부해서 인게임 화면부터 개발을 시작했다. 그리고 이번엔, 꽤나 성공적으로 인게임 시뮬레이션을 구현했다. 시뮬레이션이 돌아가면서, 플레이어는 한 명의 정글러이자 메인 오더가 되어서 게임을 이끌어 나가는 턴제 형식의 LCK FM이 콘셉트이었다. 게임 엔진으로 만들어서 그런 지 동작도 매우 매끄럽고, 정말 만족스러..

뒤돌아 보니, 짧게만 느껴졌던 23년이 끝나고 2024년의 첫날이 밝았다. 회사에서 리엑트 프로젝트를 하나 진행하면서 리엑트를 다루는 기술도 많이 늘었고, 정보보안기사 자격증도 취득하고... 막연하게만 느껴지던 결혼 준비를 슬슬 시작도 하면서 나름 23년 한 해를 보람차게 보냈다고 생각한다. 24년의 신년 계획을 세우기 전에, 23년을 되돌아보다가 나의 실패에 대하여 글을 써본 적은 없는 거 같아서... 힘차게 시작했다가 개발을 중도에 포기한 그런 프로젝트들을 몇 가지 소개하려고 한다. - The LCK Manager 나의 첫 안드로이드 프로젝트이자, 머릿속에만 있던 롤 FM 앱이다. 막 안드로이드 공부가 끝났던 22년 하반기에 엄청난 의욕에 불타며 주말에도 이것만 붙잡고 있을 정도로 열심히 제작한 앱으..

"리액트를 다루는 기술" 공부의 마지막 챕터로 그 동안 공부했던 개념들을 모두 사용하여 간단한 블로그를 만들었다. 백단은 Node koa를 사용하여 구성하였고, 글쓰기는 직접 Editor를 만드는 것이 아닌 npm에서 Quill 라이브러리를 받아 사용하였다. 아직은 많이 부족한 거 같지만, 완전한 리액트 풀스택 개발에 첫 걸음을 내딛었을 뿐이라고 생각한다. 앞으로 리액트를 한글마냥 능숙하게 다룰 때까지 다양한 개인 프로젝트를 해봐야겠다. 좀 많이 늦었지만, 이제야 리액트와 조금 친해진 거 같다. 소스는 아래 링크에 첨부하였으며, 전반적인 상태 관리나 데이터 흐름을 이해하는데 우선 중점을 두고 공부하였기 때문에 따로 주석을 달아놓지는 않았다. Blog Front-end: https://github.com/..

이번 포스팅에서는 직전에 했던 Todo List Project를 SQLite가 아닌 Firebase에서 제공하는 DB service를 사용하여 다시 구성해보려고 한다. Firebase는 이전에 Android native의 push 알림을 다루면서 잠시 살펴본 개념이다. Firebase는 구글의 Backend as a Service이다. 즉, 백엔드 기능을 서비스화 하여 개발자가 직접 기능을 구현하지 않아도 알아서 해준다는 것이다. Firebase의 수많은 기능 중 이번에는 직전에 했던 프로젝트를 살짝 다듬 어보며, SQLite로 DB를 다루던 것을 Firestore로 대체하려고 한다. 간단히 Firestore를 설명하자면, 앞서 사용했던 관계형 데이터베이스인 SQLite와는 달리 NoSQL 기반의 데이터..

지금까지 기초적인 UI를 다루는 book list 프로젝트, state를 다루는 타이머 프로젝트를 진행하며 점차 flutter와 친해지고 있는 중이다. 이번 포스팅에서는 예제 프로젝트계의 스테디셀러인 Todo List를 다루면서 데이터베이스와 API 연계와 같은 백단과 어떻게 연결하는지 확인해보려고 한다. Todo List는 다음과 같은 화면과 기능을 가지도록 구성하려고 한다. 1. 화면 - SplashScreen(초기 진입 스플래시 화면) - LoginScreen(로그인 화면) - ListScreen(홈 화면) 2. 기능 - 로그인 - 자동 로그인 - Todo 목록보기 - Todo 상세보기 - Todo 등록하기 - Todo 삭제하기 - Todo 수정하기 위 기능 목록에서 알 수 있듯, 아주 기본적인 C..

직전 포스팅에서 간단한 UI 사용을 익히는 book list 프로젝트를 살펴봤다. 이번에는 state, 상태를 좀 더 직관적으로 이해하고 사용에 익숙해지기 위해 pomodoro 타이머를 만들어 보려고 한다. Pomodoro Timer는 시간 관리 기법 중 하나로, 25분 집중 시간을 가지고 5분의 쉬는 시간을 가지는 방식이다. timer를 만들어야 하므로, 정수 타입의 timer 변수를 1초마다 상태 변경을 해줘야 하며, 버튼을 클릭하거나 작업 시간이 끝났을 때 timer가 어떤 상태인지 동적으로 변경해줘야 한다. 화면은 TimerScreen 하나만 생성할 것이며, 가지고 있는 기능은 다음과 같다. - (시작하기) 타이머 시작, 1초씩 감소, 버튼을 (일시정지, 포기하기)로 변경 - (일시정지) 타이머 ..

지금까지 Flutter의 기본 구성 요소들에 대하여 살펴보았으니, 간단하게 아주 기초적인 UI 프로젝트를 하나 만들어 보면서 화면 이동이나 화면 간에 데이터를 주고받는 연습을 좀 해보려고 한다. 아주 기본적인 list - detail 형태의 ui 프로젝트를 만들 것이기 때문에 따로 DB연결이나 기능에 대하여는 신경 쓰지 않는다. 바로 시작해보도록 하자. 우선, list와 detail에 모두 사용할 model을 하나 생성해보자. ◎lib > models > book.dart class Book { final String title; final String subtitle; final String description; final String image; Book({ required this.title, r..

반년도 더 전에 끝낸 학원 교육 과정 마지막으로 진행했던 프로젝트인 Hermes이다. 처음으로 팀을 구성하여 다른 사람과 협업하여 구성했던 프로젝트라서, 좋은 퀄리티를 뽑으려고 굉장히 노력했었지만 시연을 하며 독립된 세션을 사용하는 시크릿탭으로 시연하지 않고 일반 탭을 열고 발표하다가 채팅 부분이 안되어서...마음이 많이 아팠던 프로젝트이기도 하다. 모든 과정이 끝나고 바로 정리하여 올렸어야 했지만, 준비한 시연를 제대로 못 보여준게 속상해서 한동안 쳐다도 안보다가... 그대로 기억 속에서 사라졌다. 그래도 굉장히 열심히 만든 프로젝트이기 때문에.. 생각난 김에 정리하려 한다. ▶ 기획 의도 ▶ 개발 환경 ▶ERD ▶스토리보드 어차피 Git을 통째로 올리기 때문에 시나리오를 짜서 모든 기능을 설명하기 보..

3월 10일부터 시작한 학원 교육 과정이 어느새 끝을 향하여 달려가고 있다. 그 동안 Java, JavaScript, Oracle, CSS, jQuey 등 백부터 프론트까지 웹 개발 과정을 한번 찍어 먹어봤는데, 역시... 나는 이 길이 참 좋은 거 같다. 기능 구현이 끝날 때까지 잠도 못자다가 아무런 에러 없이 완벽하게 구현을 끝냈을 때의 그 쾌감, 코딩 테스트 문제를 한번에 정답을 맞췄을 때의 그 기분 좋음이 나를 자꾸 이클립스로 돌아오게 한다...ㅎㅎ 아무튼 서론은 여기까지 하고, 어느덧 지금까지 배운 Web 지식을 모두 활용하여 웹 서비스를 제작해보는 프로젝트 기간이 되었다. 나는 예전부터 생각해뒀던, 반려동물과의 생활을 기록할 수 있는 SNS 서비스를 한번 만들었다. 기간은 4주가 주어졌고, 기..