티스토리

개발일지

검색하기

블로그 홈

개발일지

paran21.tistory.com/m

paran21 님의 블로그입니다.

구독자: 14

방명록 방문하기

주요 글 목록

[모던 JS 딥다이브] 7~9장 7장 연산자연산자(operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다.피연산자는 연산의 대상으로 값으로 평가될 수 있는 표현식이어야 한다.연산자와 피연산자의 조합도 값으로 평가될 수 있는 표현식이다. 산술 연산자산술 연산자는 수학적 계산을 수행하며, 산술 연산자가 불가능한 경우 NaN을 반환한다. 1개의 피연산자를 산술 연산하는 단항 산술 연산자 중 ++ 나 --는 피연산자의 값을 변경하는 부수효과가 있다.피연산자의 앞에 위치한 전위 증가/감소 연산자는 먼저 피연산자의 값을 증가/감소 시키고 다른 연산을 수행하고,후위 증가/감소 연산자는 다른 연산을 수행하고 피연산자의 값을 증가/감소시킨다.var x = 5, result;// .. 공감수 0 댓글수 0 2024. 7. 27.
[이펙티브 타입스크립트] 8장 타입스크립트로 마이그레이션하기 아이템58-60 8장 타입스크립트로 마이그레이션하기대규모 프로젝트를 타입스크립트로 마이그레이션할 때는 점진적으로 전환해야 한다.또, 진행 상황을 모니터링하고 추적해서 중복된 작업을 방지할 수 있어야 한다. 아이템 58 모던 자바스크립트로 작성하기타입스크립트는 코드를 특정 버전의 자바스크립트로 컴파일할 수 있다.옛날 버전의 자바스크립트 코드를 최신 버전의 자바스크립트로 바꾸면 최신 버전의 자바스크립트 기능을 코드에 추가해도 문제가 없기 때문에, 타입스크립트로 전환하는 작업의 일부로 볼 수 있다. 타입스크립트를 도입할 때 가장 중요한 기능은 ECMAScript 모듈과 ES2015이다. ES5에 도입된 strict mode보다 타입스크립트가 더 엄격한 체크를 하기 때문에 'use strict'는 무의미하다.코드에 'use s.. 공감수 0 댓글수 0 2024. 6. 30.
[이펙티브 타입스크립트] 7장 코드를 작성하게 실행하기 아이템53~55 아이템 53 타입스크립트 기능보다는 ECMAScript 기능을 사용하기타입스크립트 개발 초기에는 자바스크립트에 클래스, 데코레이터, 모듈 시스템 같은 기능이 없어 독립적으로 이러한 기능들을 개발하였다.자바스크립트에서 이러한 기능들이 새로 추가되면서 타입스크립트의 초기 버전에서 독립적으로 개발했던 기능과 호환성 문제를 발생시켰다. 타입스크립트는 초기 버전과의 호환성을 포기하고 자바스크립트의 신규 기능을 그대로 채택하였다.자바스크립트는 런타임 기능을, 타입스크립트는 타입 기능만 발전시킨다는 명확한 원칙을 세웠다. 다음의 언급되는 기능들은 타입스크립트 초기에 개발된 기능들로 타입 공간과 값 공간의 경계를 혼란스럽게 만들기 때문에 가급적 사용하지 않는 것이 좋고, 불가피하게 사용한다면 유의해야 한다. 열거형(e.. 공감수 0 댓글수 0 2024. 6. 22.
[사이드 프로젝트] 어느 날 트위터 로그인이 안된다고 연락이 왔다. 운영에 참여하고 있는 사이드 프로젝트 앱이 있다. (막간을 이용해 홍보.... 놀러오세요~)https://apps.apple.com/kr/app/%ED%8F%AC%EC%B9%B4%EC%9D%B4%EB%B8%8C-phocaive-bts-%ED%8F%AC%ED%86%A0%EC%B9%B4%EB%93%9C/id1624512192 ‎포카이브(Phocaive) - BTS 포토카드‎방탄소년단(BTS) 랜덤포카 교환에 지친 아미를 위해, 방탄소년단(BTS)의 모든 포토카드를 보고 싶은 아미를 위해 포토카드 교환부터 아카이빙 된 포토카드 바인더까지 한눈에 확인할 수 있는 팬apps.apple.comhttps://play.google.com/store/apps/details?id=com.phocaive&hl=ko 포카이브.. 공감수 2 댓글수 2 2024. 6. 20.
[이펙티브 타입스크립트] 5장 any 다루기 아이템 42 모르는 타입의 값에는 any 대신 unknown을 사용하기// ❌ 반환 타입으로 any 사용function parseYAML(yaml: string): any {// ...}// ❌ 이 경우에는 제네릭을 사용하는 건 권장하지 않는다.function safeParseYAML(yaml: string): T { return parseYAML(yaml);}// 🟢 반환 타입으로 unknown 사용function safeParseYAML(yaml: string): unknown { return parseYAML(yaml); } 일반적으로 타입스크립트 타입시스템은 한 집합은 다른 모든 집합의 부분 집합이면서 동시에 상위집합이 될 수 없다.그러나 any는 어떠한 타입이든 any 타입에 할당 가능.. 공감수 0 댓글수 0 2024. 6. 9.
[이펙티브 타입스크립트] 4장 타입 설계 28~32 4장에서는 타입을 설계하는 것에 대해 다루고 있다. 이 내용은 타입스크립트 뿐만 아니라 다른 언어에도 적용할 수 있는 아이디어이다. 아이템 28. 유효한 상태만 표현하는 타입을 지향하기타입은 유효한 상태만 표현하도록 설계해야 한다.interface State { pageText: string isLoading: boolean error?: string} State 타입은 isLoading이 true이면서 동시에 error 값이 설정될 수 있는데 이러한 상태는 존재할 수 없다(무효한 상태를 허용한다). //isLoading이 true이고 error가 존재하면 로딩 중인지 오류가 발생한 것인지 알 수 없다.function renderPage(state: State) { if (state.error) .. 공감수 0 댓글수 0 2024. 6. 1.
[이펙티브 타입스크립트] 3장 타입 추론 19~23 타입스크립트는 적극적으로 타입을 추론한다.타입 추론을 잘 활용하면 타입을 명시적으로 선언하는 일이 줄어들기 때문에, 전체적인 안정성이 향상된다.이번 장에서는 타입스크립트에서 타입 추론이 어떻게 이루어지는지, 주의해야하는 상황과 해결 방법에 대해 다룬다. 아이템 19. 추론 가능한 타입을 사용해 장황한 코드 방지하기✔️ 타입 추론이 가능하다면 명시적으로 타입을 선언할 필요가 없다.타입스크립트가 스스로 타입을 추론하지 못한다면 타입을 명시해야 한다.타입스크립트에서 타입은 일반적으로 변수가 처음 등장할 때 결정된다. 장점 1. 리펙토링에 용이하다.명시적으로 타입을 선언한 경우에는 타입이 변입이 변경되면 해당 변수를 사용하는 모든 곳에서 타입을 바꿔야 하지만, 타입 추론을 활용하면 변경할 필요가 없다.inter.. 공감수 0 댓글수 0 2024. 5. 26.
[이펙티브 타입스크립트] 1장 타입스크립트 알아보기 1장은 타입스크립트의 언어적 특징에 대해 설명하고 있다.특히 자바, C++과 같은 다른 언어와 어떤 차이가 있는지, 자바스크립트와는 어떤 관계가 있는지에 대한 내용이다. 아이템 1. 타입스크립트와 자바스크립트의 관계타입스크립트는 또 다른 고수준 언어인 자바스크립트로 컴파일되고 실행된다.그렇기 때문에 자바스크립트와의 관계를 이해하는 것이 매우 중요하다.## 타입스크립트는 자바스크립트의 상위집합이다. 자바스크립트에 타입스크립트를 일부만 적용할 수 있어, 점진적으로 마이그레이션이 가능하다.그렇지만 타입스크립트는 타입을 명시하는 추가적인 문법을 가지고 있기 때문에 모든 자바스크립트가 타입스크립트의 타입 체커를 통과하는 것은 아니다. ## 타입스크립트의 타입 시스템은 자바스크립트의 런타임 동작을 모델링한다.다른 .. 공감수 0 댓글수 0 2024. 5. 11.
[2024년 1월] 삶의 균형 잡기(feat. 이직) 올해부터 매월 회고를 쓰겠다고 다짐했는데, 벌써 한참이 지났다. 더 시간이 가기전에 내가 1월동안 고민하고, 다짐한 것들을 기록으로 남긴다. 삶의 균형 잡기 12월부터 계속 이력서를 넣고, 과제를 보고, 면접을 보았다. 서류는 잔뜩 넣었는데 서류전형에서 떨어진 곳들도 많아서 실제 과제와 면접을 진행한 곳이 많지는 않다. 12월에 처음 퇴사를 하게될 때만 해도, 앞으로 몇달은 업무에 치여 제대로 공부하지 못했던 것들을 공부하고, 사이드 프로젝트도 하고, 이력서를 더 보완해서 몇 개월 후에 본격적으로 다시 지원을 할 생각이었다. 그러나 막상 백수가 되자 굉장히 불안해졌다. 요즘 채용시장이 얼어붙었다는 얘기도 많이 들리고, 퇴사 전에도 이력서는 계속 넣고 있었는데 정말이지 서류합격률이 너무너무 낮아서 자신감이.. 공감수 0 댓글수 1 2024. 2. 11.
[2023년 4분기 회고] 신규 서비스 개발하기 & 그리고 퇴사를 하게 되었다. 다사다난한 4분기였다. 2023년이 얼마 남지 않은 지금 올해를 돌이켜봐도 많은 일이 있었고, 또 성과도 있었다. 얼마 전에 갑작스럽게 퇴사를 하게 되면서 지금 온통 마음이 퇴사&이직으로 정신이 없지만 올해가 가기 전에 회고글을 작성하고 싶어서 오랜만에 글을 쓴다. React 프로젝트 Next.js로 마이그레이션하기 10월부터 본격적으로 개발했던 프로젝트를 배포하게 되었다. 기존에 React로 MVP 개발을 CTO님이 진행하셨는데 CTO님이 계속 프론트까지 작업하기에는 어려운 상황이라, 내가 새로 Next.js로 개발을 진행하였다. MVP는 이미 오픈한 상태였는데, Next.js 버전으로 마이그레이션하면서 실질적으로 서비스 운영도 전담하게 되었다. 우선 MVP와 동일하게 개발하고, 테스트를 진행한 후에 .. 공감수 6 댓글수 1 2023. 12. 28.
[next.js 13] 폴더 구조를 고민해보자: 컴포넌트는 어디에?? 약 2달간 next.js 13 버전을 사용해 회사의 신규 서비스를 개발하였다. 우선 기획이 나온 대부분의 기능과 주요 QA를 끝난 지금, 미루고 미뤄왔던 일들을 조금씩 해나가는 중이다. TODO 중 하나였던 폴더구조를 어떻게 가져갈지 고민하고 정리한 내용을 기록한다. 1. 개발환경 next.js의 13버전을 사용하고 있고, src 폴더도 사용하고 있다. css는 tailwind를 사용하고 있어 global.css 파일 외에 따로 관리하는 css 파일은 없다. 2. 고민한 내용들 🤔 컴포넌트는 어디에?? 가장 고민이 된 부분은 컴포넌드를 어디에 둘 것인지 였다. next.js 13은 app router를 사용하기 때문에 app 폴더 아래 page들이 위치한다. 그래서 처음에 생각했던 위치는 page에서 사.. 공감수 0 댓글수 1 2023. 11. 21.
[error] ios 모바일 웹 textarea에서 한글 버벅임 문제 회사에서 Next.js로 웹서비스를 개발하고 있는데, ios 모바일 웹브라우저(사파리, 크롬)에서만 textarea에서 한글 입력시 버벅거리는 문제가 나타났다. 한글을 입력할 때 화면에 늦게 그려지면서 버벅거렸고, 글자가 여러번 입력되는 현상도 있었다. 안드로이드에서는 문제가 없어서 ios를 중심으로 찾아봤는데, 완벽하게 일치하는 사례를 찾지 못했다. ios의 buffer문제나, font display도 관련이 있는지 찾아봤는데, 해결 방법이 되지는 못했다. 한참 헤매다가 폰트가 문제가 아니냐는 팀원의 질문에 폰트를 다시 원래 사용하던 것으로 바꿔보니 문제가 해결되었다. 폰트는 이렇게 next font를 활요해서 사용하고 있었다. import { Roboto } from "next/font/google".. 공감수 0 댓글수 0 2023. 11. 15.
[2023년 3분기 회고] 회사에 출근하는 이유 최근에 일이 바빠지면서 블로그는 전혀 신경을 쓰지 못했다. 매일 회고글 써야지, 써야지 하다가 문득 2023년 3분기가 이미 한참전에 지나갔다는 사실을 깨달았다. 3분기는 개인적으로 많이 우울하고 힘든 시간이었다. 그래도 지금은 다시 즐겁게 개발하고 있다. 업무가 모호해지자 엄청나게 우울해졌다 이 글을 쓰고 있는 지금은 괜찮지만, 당시에는 정말 심각했다. 회사에서 신규 서비스로 초점이 옮겨가면서 상대적으로 기존 서비스에 할당되는 업무가 줄어들었고, 업무가 굉장히 모호해졌다. 아직 신규 서비스는 구체적인 기획이 나오지 않은 상태였고, 앱을 바로 만들지도 결정되지 않았다. (앱을 안만들면 나는 어떤 업무를 맡게 되는거지?) 신규 서비스 기획과 관련해서 팀원들 모두가 조금씩 학습을 해달라고 했는데, 나에게는 .. 공감수 2 댓글수 2 2023. 10. 27.
[React] context api 사용시 주의할 점(vs. recoil) 이전 포스팅에서 간단한 Todo web app을 context api를 사용해서 만들어보았다. context api를 사용하면서 여러 컴포넌트에서 상태를 공유해야할 때 간단히 쓸 수 있는 방법이지만, 관리해야하는 상태가 많아지만 Provider depth가 굉장히 증가해서 관리하기 어려울 거라고 느꼈다. 한편으로 최근 많이 사용한다는 Recoil이 궁금해서 찾아보던 중, context api와 recoil을 비교하는 글을 다수 접할 수 있다. 특히 context api에 대해 공통적으로 언급되는 주의사항이 있었는데, 바로 모든 자식 컴포넌트가 리렌더링된다는 점이다. 그래서 React 공식문서를 다시 찾아봤다. 공식문서에 따르면, 다음과 같이 설명하고 있다. ... Whenever MyApp re-rend.. 공감수 0 댓글수 0 2023. 8. 31.
[Tailwind CSS] 커스텀 색상 추가할 때 주의할 점 tailwind에서는 tailwind.config.js를 통해 원하는 색상, 폰트, 변수 등을 추가할 수 있다. 그런데 1. 기존에 tailwind에서 제공하는 색상을 사용하면서, 추가로 내가 지정한 색상을 변수로 추가하는 경우와 2. 내가 원하는 색상만 추가하여 사용하는 경우가 다르다. /** @type {import('tailwindcss').Config} */ module.exports = { theme: { colors: { //여기에 추가하면 기존 색상은 사용하지 않고, 여기에 추가한 colors만 사용할 수 있다. }, extend: { colors: { //여기에 추가하면 기존 + 추가로(extend) 사용할 수 있다. } }, }, } 이름을 잘 보면 기능을 유추할 수 있다. - theme.. 공감수 0 댓글수 0 2023. 8. 29.
[Flutter] Flutter 3.7.x에서 발생하는 flutter_staggered_grid_view LateInitializationError 수정하기 최초작성일: 2023년 4월 5일 이번에 플러터 버전을 업데이트하면서 새로운 에러들을 확인하고 있다. 그 중 LateInitializationError는 에러가 발생하는 위젯/하위 위젯 모두 late나 nullable로 선언된 변수가 없어서 왜 발생하는지 알 수가 없었다. LateInitializationError: Field '_children@25042623' has not been initialized. 플러터와 패키지 버전을 올린 이후에 발생한 문제라서 패키지에서 발생한 문제인지 의심했고, 에러 로그에서 문제가 되는 패키지의 경로를 확인할 수 있었다!! 그래서 구글링 결과, 해당 패키지 깃헙에서 이슈를 확인할 수 있었다. 해결 방법은 다음과 같다! (출처) @override Widg.. 공감수 0 댓글수 0 2023. 8. 28.
[React] Context를 사용해서 Prop Drilling 없이 TodoList 만들기 최근 리액트를 공부하기 위해 드림코딩에서 리액트 강의를 듣고 있다. https://academy.dream-coding.com/courses/react 강의 과정 중 간단한 TodoList를 만드는 챌린지가 있어서 만들어보게 되었다. 상태관리 library는 따로 사용하지 않고 React에서 기본적으로 제공하는 hook을 이용해 상태를 관리하였다. Component를 분리하는 과정에서 2개 이상의 Component가 동일한 State를 공유해야하는 상황이 생겼고, Context를 사용해서 해결해 보았다. 1. 전체 구조 서비스의 전체적인 구조는 다음과 같다. function App() { return ( ); } Header에서는 다크/라이트 모드를 처리하는 ThemeMode와 메뉴바인 Nav를, To.. 공감수 0 댓글수 0 2023. 8. 21.
[인프콘 2023] 처음으로 방문한 인프콘 후기(기업부스, 데브쳇, 네트워킹, 세션 위주로) 올해도 어김없이 인프콘 시즌이 돌아왔다! 작년에 회사 동료 한 분이 인프콘 당첨됬다고 하셔서 부러워했던 기억이 있는데, 올해도 추첨에 떨어졌다. 그래서 올해도 온라인으로 세션을 보겠구나, 하고 있는 와중에 인프런에서 시간표 추첨 이벤트를 한다는 소식을 들었다! 어떤 세션이 있나 구경할 겸 블로그에 올렸는데 당첨😎 (하필 결과 발표기간이 휴가기간이라 해외에서 다른 유심을 끼고 있었는데, 등록 마지막날 한국에 들어와서 늦지않고 등록할 수 있었다 ㅜㅜㅜㅜ) 시간표 공유하기 이벤트를 했음에도, 막상 프로그램을 자세히 살펴보니 세션 이외에 재밌어 보이는 프로그램이 많았다. 세션은 나중에 영상으로도 확인할 수 있으니, 현장에서 할 수 있는 것 위주로 돌아다녔다. 마침 이직에 대한 고민이 있었고, 네트워킹을 너무너무.. 공감수 0 댓글수 0 2023. 8. 17.
[Flutter] Sliver에서 Expanded처럼 나머지 공간 차지하게 하기 : SliverFillRemaining 최초작성일: 2023년 1월 16일 0. Slivers 안에서 Expanded가 사용하고 싶었다. 앱에서 현재 사용하고 있는 공통 Layout widget을 사용해야 했고, 또CustomScrollView를 사용하고 있기 때문에 반드시 Sliver를 사용해서 ui를 그려야 했다. 내가 그리고 싶었던 것은 데이터가 없는 경우에 화면 중앙에 다른 위젯을 그려주는 것이었다. 정리를 해보면, 데이터가 있는 경우 : 스크롤 위젯 => SliverList 데이터가 없는 경우 : 스크롤X 위젯 => ?? 이런 상황이었다. 1. SliverToBoxAdapter를 사용하기 플러터에서 ui를 그릴 때 남은 공간을 모두 차지하게 하기위해 Expanded를 자주 사용하게 된다. (구체적인 예제는 공식문서 : Expanded.. 공감수 0 댓글수 0 2023. 8. 8.
[인프콘 2023] 오프라인으로 참석하게 된다면 내 시간표는...? 올해도 인프콘의 열기는 치열한 것 같다! 추첨은 탈락했고...(카카오톡 메세지의 제목이 '2023 참가자 선정 안내' 여서 순간 참가자로 선정됬다는 줄 알았다😂) 시간표 공유 이벤트를 하고 있길래 어떤 프로그램이 있는지 구경 겸 이벤트 참여 겸 시간표를 골라보게 되었다! 같은 시간대에 재밌어보이는게 꽤 많아서 고민이 많이 됬는데, 키워드를 뽑아 보자면 웹프론트, 테스트코드, 앱/웹 쪽과 관련된 세션에 관심이 간다. 개인적으로 앱과 관련한 세션이 많이 없어서 조금 아쉽다. 또, 인프콘 2022에서 재밌게 들었던 김영한님의 '어느 날 고민 많은 주니어 개발자가 찾아왔다'가 2탄이 있다니 어떤 내용일지 기대된다. 그리고 사실 시간표 짜다가 에러를 하나 발견했다 ㅎㅎㅎ 발표 탭에서 시간표 추가하고 프로그램 탭을.. 공감수 2 댓글수 0 2023. 7. 24.
2023.07.07 스타트업에서 일한다는 것 (feat.구글 엔지니어는 이렇게 일한다, Chapter 1-2를 읽고) 작년에 한참 이 책이 많이 읽힐 때 사놓고 막상 손은 안갔는데, 요새 틈틈히 읽고 있다. 얼마 읽지 않았지만 생각할 거리를 많이 던져주는 것 같다. Chapter1. 소프트웨어 엔지니어링이란? 본격적으로 시작하기에 앞서, 먼저 두 가지 중요한 개념이 등장한다. 바로 프로그래밍(개발)과 소프트웨어 엔지니어링(개발+수정+유지보수)이다. 이 두 가지를 스펙트럼의 양 끝단으로 놓고 본다면, 현재 스타트업에 재직하고 있는 프로그래밍에 좀 더 가까운 상황인 것 같다. 내가 막 입사를 했을 때 새로운 서비스 개발을 막 시작한 상황이었고, 최근까지도 큰 업데이트를 여러차례 진행했다. 빠르게 서비스를 런칭하고 여러가지 상황들을 시험해야하는 스타트업의 특성 상 우리는 대규모 업데이트만 해도 꽤 자주 진행했고, 새로 기획이.. 공감수 0 댓글수 0 2023. 7. 24.
[2023년 2분기] 건강은 챙기면서 하기 feat.사이드 프로젝트 최초작성일: 2023년 6월 19일 아직 2분기는 끝나지 않았지만 사이드 프로젝트도 배포했고, 당분간은 정말로 쉬는게 필요하다고 생각해서 회고 글을 쓰기 시작한다. 2분기는 사이드 프로젝트가 가장 큰 이슈였다. 1. 사이드 프로젝트 3월부터 본격적으로 사이드 프로젝트를 진행하고 있다. 기존 팀에 합류하게 되었는데, 가장 큰 목표는 Flutter로 앱을 개편해서 배포하는 일이었다. 어차피 새로 만드는거 ui/ux도 개선하고, 에러도 수정하고, 몇 가지 기능도 추가하게 되었다.(이렇게 쓰고 보니 생각보다 더 많은 걸 했구나...) > - 기존의 RN앱을 Flutter로 바꾸기 - 기능 추가 : 회원 탈퇴, 앱 다국어 적용 - ui/ux 개편 - 에러 수정 배포 기한은 처음 작업을 시작할 때 2~3달 정도 잡.. 공감수 0 댓글수 1 2023. 7. 20.
[Flutter] iOS의 scroll to top 기능은 어떻게 구현되어 있는가 (feat. 안될 때 확인해볼 것!) 최초작성일 : 2022년 11월 12일 1. ios의 scroll to top 기능이 flutter에서 어떻게 구현되어 있는가 1. Scaffold 안드로이드와 달리 ios에서는 화면 상단에 있는 status bar를 누르면 가장 위로 화면이 스크롤되는 기능이 있다. flutter에서는 특별하게 이 기능을 구현하지 않아도 ios에서는 적용이 되는데, 그 이유는 `Scaffold`에 해당 기능이 구현되어 있기 때문이다. class Scaffold extends StatefulWidget { ... void _handleStatusBarTap() { final ScrollController? primaryScrollController = PrimaryScrollController.of(context); if.. 공감수 0 댓글수 0 2023. 7. 18.
[프로그래머스] 두 수의 합 : Int범위를 넘어가는 경우 String으로 합 구하기 https://school.programmers.co.kr/learn/courses/30/lessons/181846 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문자열로 주어진 숫자 두 개의 합을 구해 문자열로 반환하는 문제이다. 문제를 얼핏 봤을 때는 간단해 보였지만, 이 문제의 핵심은 문자열로 주어진 수가 Int의 범위를 넘어간다는 것이다. 양수라는 점을 감안해 UInt64를 사용한다고 하더라도 최대 값을 넘어간다. 그래서 이 문제를 풀기 위해서는 정수로 변환해서 합을 구할 수 없고, 일의 자리부터 자리수를 더해야 한다. (손으로 더하기 문제 풀 때.. 공감수 1 댓글수 0 2023. 7. 17.
[2023년 1분기] 그래서 뭐할건데? feat. riverpod vs bloc 최초 작성일 : 2023.04.13 나름 파란만장한 1분기를 보냈다. 정신없는 와중에 그래도 한번 정리하는 시간이 필요할 것 같아서 오랜만에 회고 글을 쓴다. 1. 난 뭘했는가 1분기동안 큰 이슈는 다음과 같다. - 회사 일 - 사이드 프로젝트 - ios 공부 1) 회사 일은 회사일이다. 벌써 회사에서 일한지 반년이 지났다. 그 사이에 신규 서비스를 (가)오픈하고, 기획이 엄청나게 바뀌면서 날리고 새로 만든 것도 많고 수정도 많이 했다. 그리고 얼마전에 드디어 정식 오픈!!!!(광고가 나가기 시작했다) 물론 지금도 수정 예정인 부분들이 많은데, 좋은 방향으로 개선되고 있는 것 같아서 기대가 된다. 한참 일이 몰아치다가 약간 쉬어가는 템포가 반복되고 있다. 정작 일이 많을 때는 '와 일이 너무 많아...... 공감수 3 댓글수 1 2023. 7. 16.
[2022년 8-11월] Spring에서 플러터 개발자로 최초작성일: 2022년 12월 3일 0. 시작하며 8월에 이직을 하고 플러터 개발을 시작하면서 여러가지 재미있는 경험을 많이 하게 되었고, 최근에는 앞으로의 방향성에 대해 고민도 많았다. 최근에 회고를 거의 못하기도 했고, 새로운 블로그로 이사하면서 한 번 정리를 하고 가면 좋을 것 같아서 회고글을 작성하게 되었다. 1. 이직 올해 1월, 개발을 해보고 싶어서 부트캠프를 시작하게 되었고, Spring으로 서버 개발을 공부하고 5월에 취업을 하게 되었다. 이미 어느정도 자리를 잡은 안정적인 회사였고, 인터뷰도 굉장히 인상적이었다. 그렇지만 3개월만에 이직을 하게 되었다. 인터뷰에 들어온 개발자들은 클린코드를 추구하고 있었고, 에자일 등 개발 프로세스나 개발 환경에도 관심이 많았다. 그렇지만 입사를 하고 나.. 공감수 1 댓글수 0 2023. 7. 16.
Velog에서 Tistory로 블로그 재이사ㅎㅎ Velog로 블로그를 이사했었는데, 다시 Tistory로 돌아왔다 ㅎㅎ 벨로그의 시리즈나 마크다운 기능은 꽤 좋았는데 다시 돌아오게 된 이유는 아래와 같다. 1. 내가 쓴 과거 글을 확인하기 불편하다 -> 그냥 한 곳에 쭉 모으자(이게 꽤 컸다) 2. Velog는 구독 기능이 없다, 내가 이미 구독하고 있는 글들을 계속 팔로우하고 싶다. 3. 조회 수를 확인하기 불편하다 / 티스토리 업데이트를 안하고 있어도 유입이 있다(아마 항해 때문인것 같다) 4. 나중에 광고를 붙이고 싶다. 개인적으로 벨로그 트렌딩 탭을 꽤 좋아해서 브라우징은 계속 할 것 같고, 티스토리는 내 글도 업데이트 하고 관심있는 블로그 구독 추가 + 구독된 블로우 팔로우 하는 목적으로 사용할 것 같다. 벨로그에는 글이 많지 않아서 티스토리.. 공감수 0 댓글수 0 2023. 7. 16.
[Flutter] 특정 스크린을 보고 있는지 확인하기(with WidgetsBindingObserver visibility_detector) 0. 문제 상황 유저가 특정 스크린을 다시 볼 때 마다 데이터를 업데이트를 하는 기능을 추가하게 되었다. 구체적으로 데이터가 업데이트되는 상황은 다음과 같다. 1. 유저가 다른 스크린에 갔다가 다시 해당 스크린으로 돌아올 때 2. 유저가 해당 스크린에서 앱 바깥으로 나갔다가(background) 다시 앱으로 돌아왔을 때(foreground)` 이 기능을 구현하기 위해서는 먼저, 유저가 현재 해당 스크린을 보고 있다는 걸 확인해야 한다. WidgetsBindingObserver와 visibility_detector를 사용해서 구현하였다. 1. WidgetsBindingObserver 공식문서 WidgetsBindingObserver은 mixin으로 사용하며, initState와 dispose에서 obser.. 공감수 0 댓글수 0 2023. 7. 16.
블로그 이사!!! 이 블로그에는 코딩 처음 공부하고, 서버 처음 만들고, 팀프로젝트를 진행하면서 마주했던 많은 고민들이 담겨있다. 짧은 시간이지만 그 사이에 이직도 한 번 했고, 앱개발을 새롭게 시작하게 되었다. 여기에는 주로 회고 글이 대부분인데, 계속 업무를 하고 공부를 하다보니 뭔가 하나에 대해 더 깊게 공부하고 찾아보는 일이 많아졌고, 공부하고 고민한 걸 잘 정리하는 게 필요하다고 생각했다. 이런 성격에 글을 쓰기에는 티스토리보다 벨로그가 나을 것 같아서, 여기는 이전까지의 기록을 남겨두고 앞으로는 새로운 블로그를 사용할 것 같다! https://velog.io/@paran22 paran22 (Kim Gaeun) - velog velog.io 공감수 0 댓글수 0 2022. 11. 11.
[Exercism] Anagram #sort!!!!! https://exercism.org/tracks/dart/exercises/anagram Anagram in Dart on Exercism Can you solve Anagram in Dart? Improve your Dart skills with support from our world-class team of mentors. exercism.org word와 list가 주어지고, list 안에서 word의 글자들을 바꾼 경우(즉 각 알파벳의 개수도 같아야 한다)에 해당하는 단어들만 찾는 문제이다. 대소문자를 구분하지 않고 완전히 일치하는 경우에는 답이 아니다. 처음에 문제를 풀었던 방식은 다음과 같다. 결국 알파벳 하나하나를 살펴봐야 하니까 for문을 돌릴 수 밖에 없다고 생각했다. class An.. 공감수 0 댓글수 0 2022. 9. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.