https://monkshark.github.io/page/Recent content in Pages on monkshark.devHugo -- gohugo.iokoTue, 14 Apr 2026 00:00:00 +0000https://monkshark.github.io/about/Tue, 14 Apr 2026 00:00:00 +0000https://monkshark.github.io/about/<h2 id="나"><a href="#%eb%82%98" class="header-anchor"></a>나 </h2><p>고등학교 때 Flutter + Firebase로 학교 앱을 1인 개발했다. Java로 프로토타입을 만들다가 Flutter로 넘어왔고, 급식, 시간표, 게시판, 채팅, 성적 관리까지 들어간 앱을 혼자 만들었다.</p> <p>코딩은 독학이다. 학교에서 따로 가르쳐주는 건 없었고, 기숙사 자습 시간과 주말에 만들었다. 시험 기간에는 손을 놓고, 끝나면 다시 잡고.</p> <h2 id="기술-스택"><a href="#%ea%b8%b0%ec%88%a0-%ec%8a%a4%ed%83%9d" class="header-anchor"></a>기술 스택 </h2><style> .tech-section { margin-bottom: 1.5rem; } .tech-section h3 { font-size: 0.95rem; margin-bottom: 0.6rem; color: var(--card-text-color-secondary); } .tech-icons { display: flex; flex-wrap: wrap; gap: 12px; } .tech-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 10px; background: var(--card-background); box-shadow: 0 1px 3px rgba(0,0,0,0.08); transition: transform 0.2s, box-shadow 0.2s; cursor: default; } .tech-icon:hover { transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .tech-icon i { font-size: 28px; } .tech-icon .tech-tooltip { position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); background: var(--card-text-color-main); color: var(--card-background); padding: 2px 8px; border-radius: 4px; font-size: 11px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s; } .tech-icon:hover .tech-tooltip { opacity: 1; } </style> <div class="tech-section"> <h3>Language</h3> <div class="tech-icons"> <div class="tech-icon"><i class="devicon-java-plain colored"></i><span class="tech-tooltip">Java</span></div> <div class="tech-icon"><i class="devicon-kotlin-plain colored"></i><span class="tech-tooltip">Kotlin</span></div> <div class="tech-icon"><i class="devicon-javascript-plain colored"></i><span class="tech-tooltip">JavaScript</span></div> <div class="tech-icon"><i class="devicon-typescript-plain colored"></i><span class="tech-tooltip">TypeScript</span></div> <div class="tech-icon"><i class="devicon-cplusplus-plain colored"></i><span class="tech-tooltip">C++</span></div> <div class="tech-icon"><i class="devicon-csharp-plain colored"></i><span class="tech-tooltip">C#</span></div> <div class="tech-icon"><i class="devicon-objectivec-plain colored"></i><span class="tech-tooltip">Obj-C</span></div> <div class="tech-icon"><i class="devicon-dart-plain colored"></i><span class="tech-tooltip">Dart</span></div> <div class="tech-icon"><i class="devicon-python-plain colored"></i><span class="tech-tooltip">Python</span></div> </div> </div> <div class="tech-section"> <h3>Mobile</h3> <div class="tech-icons"> <div class="tech-icon"><i class="devicon-android-plain colored"></i><span class="tech-tooltip">Android</span></div> <div class="tech-icon"><i class="devicon-jetpackcompose-plain colored"></i><span class="tech-tooltip">Jetpack Compose</span></div> <div class="tech-icon"><i class="devicon-apple-original"></i><span class="tech-tooltip">iOS</span></div> <div class="tech-icon"><i class="devicon-swift-plain colored"></i><span class="tech-tooltip">SwiftUI</span></div> <div class="tech-icon"><i class="devicon-flutter-plain colored"></i><span class="tech-tooltip">Flutter</span></div> <div class="tech-icon"><i class="devicon-react-original colored"></i><span class="tech-tooltip">React Native</span></div> </div> </div> <div class="tech-section"> <h3>Web</h3> <div class="tech-icons"> <div class="tech-icon"><i class="devicon-html5-plain colored"></i><span class="tech-tooltip">HTML</span></div> <div class="tech-icon"><i class="devicon-css3-plain colored"></i><span class="tech-tooltip">CSS</span></div> <div class="tech-icon"><i class="devicon-sass-original colored"></i><span class="tech-tooltip">SCSS</span></div> <div class="tech-icon"><i class="devicon-tailwindcss-original colored"></i><span class="tech-tooltip">Tailwind CSS</span></div> <div class="tech-icon"><i class="devicon-react-original colored"></i><span class="tech-tooltip">React</span></div> <div class="tech-icon"><i class="devicon-nextjs-plain"></i><span class="tech-tooltip">Next.js</span></div> </div> </div> <div class="tech-section"> <h3>Backend</h3> <div class="tech-icons"> <div class="tech-icon"><i class="devicon-nodejs-plain colored"></i><span class="tech-tooltip">Node.js</span></div> <div class="tech-icon"><i class="devicon-express-original"></i><span class="tech-tooltip">Express</span></div> <div class="tech-icon"><i class="devicon-spring-original colored"></i><span class="tech-tooltip">Spring Boot</span></div> <div class="tech-icon"><i class="devicon-mysql-original colored"></i><span class="tech-tooltip">MySQL</span></div> <div class="tech-icon"><i class="devicon-mongodb-plain colored"></i><span class="tech-tooltip">MongoDB</span></div> <div class="tech-icon"><i class="devicon-firebase-plain colored"></i><span class="tech-tooltip">Firebase</span></div> </div> </div> <div class="tech-section"> <h3>CI/CD</h3> <div class="tech-icons"> <div class="tech-icon"><i class="devicon-gradle-original colored"></i><span class="tech-tooltip">Gradle</span></div> <div class="tech-icon"><i class="devicon-githubactions-plain colored"></i><span class="tech-tooltip">GitHub Actions</span></div> <div class="tech-icon"><i class="devicon-docker-plain colored"></i><span class="tech-tooltip">Docker</span></div> <div class="tech-icon"><i class="devicon-kubernetes-plain colored"></i><span class="tech-tooltip">Kubernetes</span></div> <div class="tech-icon"><i class="devicon-vercel-original"></i><span class="tech-tooltip">Vercel</span></div> <div class="tech-icon"><i class="devicon-junit-plain colored"></i><span class="tech-tooltip">JUnit</span></div> <div class="tech-icon"><i class="devicon-codecov-plain colored"></i><span class="tech-tooltip">Codecov</span></div> </div> </div> <div class="tech-section"> <h3>Tools</h3> <div class="tech-icons"> <div class="tech-icon"><i class="devicon-intellij-plain colored"></i><span class="tech-tooltip">IntelliJ</span></div> <div class="tech-icon"><i class="devicon-webstorm-plain colored"></i><span class="tech-tooltip">WebStorm</span></div> <div class="tech-icon"><i class="devicon-rider-plain colored"></i><span class="tech-tooltip">Rider</span></div> <div class="tech-icon"><i class="devicon-clion-plain colored"></i><span class="tech-tooltip">CLion</span></div> <div class="tech-icon"><i class="devicon-vscode-plain colored"></i><span class="tech-tooltip">VS Code</span></div> <div class="tech-icon"><i class="devicon-git-plain colored"></i><span class="tech-tooltip">Git</span></div> <div class="tech-icon"><i class="devicon-github-original"></i><span class="tech-tooltip">GitHub</span></div> <div class="tech-icon"><i class="devicon-figma-plain colored"></i><span class="tech-tooltip">Figma</span></div> <div class="tech-icon"><i class="devicon-postman-plain colored"></i><span class="tech-tooltip">Postman</span></div> <div class="tech-icon"><i class="devicon-notion-plain"></i><span class="tech-tooltip">Notion</span></div> </div> </div> <h2 id="이-블로그"><a href="#%ec%9d%b4-%eb%b8%94%eb%a1%9c%ea%b7%b8" class="header-anchor"></a>이 블로그 </h2><p>앱을 만들면서 겪은 것들을 기록하는 곳이다. 기술 선택의 이유, 삽질한 과정, 구조를 바꾼 이유 같은 것들. 튜토리얼이 아니라 개발 일지에 가깝다.</p> <h2 id="연락처"><a href="#%ec%97%b0%eb%9d%bd%ec%b2%98" class="header-anchor"></a>연락처 </h2><ul> <li><strong>GitHub</strong>: <a class="link" href="https://github.com/monkshark" target="_blank" rel="noopener" >monkshark</a></li> </ul>https://monkshark.github.io/archives/Tue, 14 Apr 2026 00:00:00 +0000https://monkshark.github.io/archives/https://monkshark.github.io/search/Mon, 01 Jan 0001 00:00:00 +0000https://monkshark.github.io/search/