본문 바로가기

전체 글 379

[Phoenix] 피닉스 프로젝트에 tailwind 자동완성 추가하기 들어가며 최근에 시작한 사이드프로젝트에서 엘릭서 +피닉스 + 라이브뷰를 조합하여 프로젝트를 진행해보기로 했습니다. 저는 그중에 tailwind css를 이용한 퍼블리싱을 맡게 되었는데요. 이번 글에서는 vsc상에서 tailwind css의 자동완성과 하이라이팅을 위한 셋팅법을 소개해드리고자 합니다. 여기에선 익스텐션 1개와 vsc의 setting.json에 추가할 값으로 원하는 목표를 달성해보겠습니다. 코드 하이라이팅 아직 여러가지를 써본것이 아니라 어떤것을 추천하기엔 어렵지만 가장 기본적인 익스텐션은 Phoenix Framework입니다. 설명란에도 친절하게 Syntax highlighting support for Phoenix templates. 라고 되어있습니다. Phoenix Framework -.. 2023. 7. 15.
[상태관리] Zustand 조금 더 편하게 쓰기 ( snippet ) 들어가며 편리함을 추구하는 프론트엔드 개발자 핸디입니다. 저번 글에 이어서 이번 글에서는 Zustand를 조금 더 편하게 사용하는 방법에 대해 알아보도록 하겠습니다. [상태관리] 내가 Zustand를 선택한 이유 (over the Recoil) 들어가며 편리함을 추구하는 프론트엔드 개발자 핸디입니다. 최근에 새롭게 진행한 사이드프로젝트에서는 recoil 대신에 zustand를 사용해 보았습니다. 그래서 이번 글에서는 zustand와 Recoil를 비교 all-dev-kang.tistory.com Snippet Extension 우리가 개발을 하다보면 많은 Extension를 만납니다. 이미 react snippet를 쓰고 있는 저에겐 snippet extension는 코파일럿보다 훨씬 중요한 도구인데요... 2023. 7. 10.
[개발회고] 23년 6월 회고 개발 이번달의 핵심 개발은 SEO와 유지보수라고 할 수 있겠다. 외주로 만들어진 홈페이지에 대한 유지보수가 시작되었다. 그리고 빠진 기능에 대한 리스트가 왔고.. 내가 이를 넘겨받아서 개발을 해야만 하는 상황이되었다. 우선적으로 수정해야할 기능은 SEO였는데, 기존에 만들어진 블로그에서 SEO를 글어와서 DB에 넣고 이를 새로운 사이트에 올리는 작업부터, 관리자가 임의로 설정한 SEO값을 적용하는 기능까지 SEO의 시작부터 끝을 달려봤다. 특히 Next.js에서 SEO를 위해 Next-seo라는 라이브러리를 사용하는데, 다이나믹한 SEO의 경우 동작하지 않아 이를 변경하는데 상당히 귀찮았다. next-seo의 경우 자바스크립트를 이용해 head의 meta를 건드리는 작업을 대신해주는 라이브러리인데, 카카.. 2023. 7. 1.
[개발회고] 23년 5월 회고 개발 이번달의 중요 개발 크게 2가지라 볼 수 있겠다. 비디오-오디오 싱크를 하는 기능 플러터로 MVVM 패턴을 활용하여 앱 런칭하기 비디오-오디오 싱크를 하는 기능 유저가 올린 비디오와 오디오를 Edit할수 있는 웹기반 온라인 툴을 만들고 있다. (AI를 곁들인) 기존에는 Cli 기반으로 동작했던 모델을 브라우저상에서 돌리면 좋겠다는 목표를 가지고 개발을 진행했고 여차저차 시연일정을 맞출 수 있었고 가장 날 괴롭힌 것은 대용량 미디어 파일에 대한 처리였는데, 에디팅툴이기에 미디어파일을 브라우저에 올리고 사용했는데 이게 1시간이상짜리 비디오 1개와 오디오 N개가 들어갈 수 있는 구조다보니 브라우저의 OOM이 떴다. 개선 방법에 대한 블로그글은 따로 작성중이지만 이 기능을 위해 기존에 사용하던 오픈소스를 .. 2023. 5. 31.
[무협판타지] 오늘도 램프를 주웠다 - 신조 작품 소개 펑! “세 개의 소원을 들어주겠다,주인님아.” 요, 요괴(妖怪)다.요괴가 나타났다. 파란색의 무시무시한 요괴가 내 방에 나타났다. “무엇이든 세 가지 소원을 들어주는 거야?” “나, 램프의 요정 지니는 위대한 몸. 어떤 소원이든 다 들어줄 수 있지!” 대박이다. “막대한 부와 무공을 배울 수 있는 신체 건강한 몸을 줘! 그리고 마지막 소원은…….” “소원은 신중하게 결정하는 게 좋아. 사람들은 늘 후회하거든.” 나는 미소 지으며 답했다. "응. 신중히 고민했어. 너를 만나기 전으로 회귀시켜 줘." 그렇게 난, 오늘도 램프를 주웠다. 장르 : 무협판타지 진행 상황 : 총 363화 ( 본편:350, 외전:13) / 완 작가 소개 작가 : 신조 작가의 다른 작품 : 무림 속 엑스트리로 빙의했다. 대.. 2023. 3. 26.
[삼국지] 삼국지 조조의 장남이 되었다 - 검은방 작품 소개 만화나 인터넷으로 삼국지를 접했던 내가 조앙이 되었다. 나는 전란의 시기에서 살아남아 천하를 제패할 수 있을 것인가. 장르 : 대체역사, 삼국지 진행 상황 : 총 325화 ( 본편:312, 외전: 13) / 완 작가 소개 작가 : 검은방 작가의 다른 작품 : - 특징 [회빙환][삼국지][조조][냉혹한 주인공][완] 리뷰 조조를 구하려다 죽은 조조의 첫째아들 조앙으로 시작하는 대체역사 소설입니다. 역사엔 만약이라는 말은 없습니다만, 책에는 만약이라는 단어만큼 매력적인 소재가 없죠. 과연 운명을 비튼 주인공 조앙은 삼국통일을 이룰수 있을까요? 냉혹한 주인공, 중후한 삼국지 대체역사소설 중에선 가벼운 주인공을 내세워 매력을 얻는 소설이 있습니다. 그런 소설도 매력적이지만 이번 소설속 주인공 조앙은 .. 2023. 2. 24.
[서평단] 러닝 타입스크립트 - 조지 골드버그, 고승원 들어가며 오랜만에 작성하는 한빛미디어 서평단 후기입니다. 다행스럽게도 2021, 2022년에도 이어 2023년에도 서평단에 선정되어 올해 열심히 읽어보겠습니다. 이번에 신청한 도서는 제가 좋아하는 "러닝" 시리즈인 "러닝 타입스크립트"입니다. 서평을 작성하는 2월 24일 기준으로 60%을 읽고 있는데, 읽으면 읽을수록 역시 러닝시리즈라는 감탄이 나오는 책입니다. 그럼 핸디의 서평 시작하겠습니다. 선택 이유 작년 중반 이직후에 여러 프로젝트에 적응하려 또 런칭, 데모하랴 코드의 퀄리티보다는 돌아가는 기능에 중점을 둔 개발을 하고 있었습니다. 올해 초가 되어 약간의 여유가 생긴때에 어떤것을 공부할까 고민하는 와중에 이 책이 눈에 들어왔습니다. 타입스크립트의 기초적인 기능만 쓰는 제게 이 책을 통해 깊게 사용.. 2023. 2. 24.
[리액트] Devtool로 확인하고 성능개선하기 들어가며 안녕하세요. 핸디입니다. 최근에 모바일 버전에 대응하여 반응형 레이아웃과 컴포넌트로 변경했습니다. 다만 데스크톱에서 원활하게 돌아가던 서비스가 구형단말기에서는 랜더링 중에 멈추는 현상이 발견되었습니다. 그래서 이번에는 간단한 성능테스트하는 방법, 리펙토링 하는 방법, 그리고 최종결과에 대해 살펴보도록 하겠습니다. 결과부터 말씀드리면 성능향상의 기준이 각자 다르지만 유휴시간 기준으로 16배, 스크립팅시간으론 4배 빨라졌어요. 성능테스트하는 방법 일단 데스크탑 기준으로 성능을 측정해 보겠습니다. 우리의 영원한 친구 크롬 개발자 도구와 리액트 개발자 도구로 측정해보겠습니다. 크롬 개발자 도구 일단 보시면 Idle 시간이 10초 중에 0.5초밖에 없습니다. 바쁘게 열일하고 있었군요.. 리액트 개발자 도.. 2023. 2. 8.
[Next.js] 분리된 음원을 다시 하나로 (Web Assembly, web worker) 들어가며 만드는 서비스 중에 AI를 통해 음원을 분리해주는 "Source Separation"이 있습니다. 음원을 분리하여 유저에게 분리된 음원소스를 다운로드하는 기능을 제공하고 있습니다. 최근 유저 피드백 중에 분리된 음원을 합쳐서 하나의 파일로 다운로드 하는 기능이 들어와 개발을 하게 되었습니다. 이번 글에서는 간단하게 라이브러리를 이용해 기능을 만들어보았습니다. 이후 속도 개선을 위해 Web Assembly 기반의 FFmepg wasm을 사용하고, UI Block를 방지하기 위해 변환 기능을 Web Worker 상에서 동작하는 방법에 대해 알아보겠습니다. 결론부터 말하자면 웹어셈블리는 매우 짱짱이었고 테스트 데이터 결과 15~30배의 성능개선이 이뤄졌습니다. 대상 독자 브라우저에서 오디오파일을 다루.. 2023. 2. 1.
[포트폴리오] AI로 만드는 연차별 포트폴리오 (ChatGPT) 들어가며 금요일 오후, 퇴근을 업무도 업무를 마무리하면서 ChatGPT를 가지고 놀고 있었습니다. 불현듯 ChatGPT가 써주는 프론트엔드 개발자의 포트폴리오는 어떨까라는 생각을 가지고 한번 물어봤습니다. 아무래도 많은 포트폴리오 데이터를 학습했으니깐 평균적인 데이터가 아닐까 생각됩니다. 그럼 한번 가보시죠. 포트폴리오 주니어 개발자 주니어 프론트엔드 개발자로 기술 스택은 typescript, react, next, aws를 넣어봤습니다. write resume that junior frontend devolper with typescript, react, next, aws 하나의 단락씩 살펴보도록 하겠습니다. ㅋㅋ Summary TypeScript, React, Next.js, AWS에 경험이 있는 .. 2023. 1. 27.
[상태관리] 내가 Zustand를 선택한 이유 (over the Recoil) 들어가며 편리함을 추구하는 프론트엔드 개발자 핸디입니다. 최근에 새롭게 진행한 사이드프로젝트에서는 recoil 대신에 zustand를 사용해 보았습니다. 그래서 이번 글에서는 zustand와 Recoil를 비교하고 zustand의 장점부터 사용법에 대해 설명하도록 하겠습니다 대상독자 간단하고 직관적인 상태관리 라이브러리에 대한 기초 지식이 필요한 개발자 zustand와 recoil 사이에서 고민하는 개발자 본문 들어가기 전에 잠깐 살펴본 npm Trend입니다. recoil의 0.7.6의 버전, 가장 많은 zustand의 star수와 압도적으로 작은 사이즈가 눈에 뜹니다. 그럼 이제 편리한 zustand의 세상으로 떠나보시죠. Zustand 독일어로 ‘상태’라는 뜻을 가진 라이브러리입니다. Jotai를 .. 2023. 1. 24.
[Next] 안정감있는 서비스를 위하여 (Sentry) 들어가며 이번 글에서는 프론트엔드 서비스 안정성을 위해 Next.js 프로젝트에 Sentry(이하 센트리)를 도입하는 과정에 대해 다루도록 하겠습니다. 이후 Sentry의 세부 기능을 이용해서 유의미한 에러 로그를 활용하는 방법에도 알아봅시다. 대상 독자는 Next 프로젝트에 Sentry를 도입하여 유저의 안정성을 향상시키고픈 개발자 Sentry 기능을 활용해 좋은 서비스를 만들고 싶은 개발자 Sentry란? Sentry는 실시간 로그 취합 및 분석 도구, 모니터링 플랫폼입니다. 이미 많은 회사에서도 도입하고 있는 검증된 툴입니다. 프론트엔드를 하다보면 가장 난감할때가 어디선가 들려오는 에러입니다. ( ex. 친구한테 링크 공유했는데 안된데요.. ) 유저들의 런타임 환경을 모르기 때문에 이슈를 재연하기가.. 2023. 1. 12.
[역사판타지] 비트타는 수양대군 - 담배맛동산 ★★★★☆ 작품 소개 수양대군으로 다시 태어났는데, 본인 현대에서도 가방끈 짧고 무능한 놈이었다. 그러니 대차게 금수저 라이프를 즐기며 왕 따위 아바마마와 형님저하께서 알아서 하시라고 놔둬야겠다. 장르 : 역사판타지 진행 상황 : 총 375화 ( 본편:375, 외전:0) / 완 작가 소개 작가 : 담배맛동산 작가의 다른 작품 : 이성계가 한반도를 팔아치움(연재중) 특징 [회빙환][수양대군][대체역사][기술강국][세종문종][영지물][완] 리뷰 대체역사물에서 자주 나오는 인물인 수양대군입니다.이번에는 수양대군으로 빙의한 현대인이 빙의과정에서 뇌에 이상이 생겨 음악적 재능이 폭발적으로 개화하면서 벌어지는 대체역사를 다룬 소설입니다.가장 업무가 빡센다고 하던 조선초 세종대왕 치세에서부터 형인 문종에 이르기까지 과연 주인공.. 2023. 1. 10.
[역사판타지] 유황숙네 천재아들 - 섬작 ★★★☆☆ 작품 소개 올림픽 양궁 3연패를 앞둔 천재 금메달리스트 김호준. 유봉이 되다! 유비의 양아들이 된 그가 난세의 한가운데에서 살아남는 방법은. “그러니까 저게 적 지휘관? 장수입니까?” “장수는 아니고 군관입니다만 저들이 지휘를…… 허억!” 활로 쏴 맞히고. “저건 적장인 거죠?” “그, 그렇습니…… 이럴 수가.” 활로 쏴 또 맞히고. “저건 적 우두머리?” “서, 설마. 세상에…….” 활로 쏴 또 또 맞히는, 백발백중 천하제일의 궁술을 유감없이 발휘하는 것! 21세기형 천재의 삼국시대 평정기! 장르 : 역사판타지 진행 상황 : 총 200화 ( 본편:200, 외전:0) / 완 작가 소개 작가 : 섬작 작가의 다른 작품 : - 특징 [회빙환][삼국지][신궁][유봉][저격 원툴][약하렘][완] 리뷰 삼국지의 .. 2022. 12. 26.
[퓨전판타지] 아카데미 신화급 교수가 되었다 - 후레타 ★★★☆☆ 작품 소개 다들 신화급이라고 착각한다 아닌데 그저 그랬던 작가, 그리고 그의 작품 아카데미의 천재 망나니. 별 생각 없이 집어 넣었던 루카스 폰 크라우스. 강하지 않은데 강한 거로 오해받는 캐릭터다. 이젠 그게 내가 되어 버렸다. [새로운 알림이 도착했습니다.] [선호작 변동 알림] [36->35] [LIFE TIME : 36개월->35개월] [munh36369 님께서 1,000G 후원하셨습니다.] [아무거나7 님께서 100G 후원하셨습니다.] “어, 어? 저게 뭐시다냐?” 쉴 새 없이 울리는 수많은 알림. 더군다나 주위에선 나를 신화급 교수로 착각한다. 나...... 망한 건가? 장르 : 퓨전판타지 진행 상황 : 총 200화 ( 본편:196, 외전:4) / 완 작가 소개 작가 : 후레타 작가의 다른 작.. 2022. 12. 21.
[퓨전판타지] 아카데미의 야만용사 - 예티르 ★★★☆☆ 작품 소개 대륙 최고의 교육기관, 아르센 아카데미. 수많은 인재를 양성하기로 유명한 이곳에... 어느 야만족 출신의 전사가 입학했다. 장르 : 퓨전판타지 진행 상황 : 총 378화 ( 본편:378, 외전:0) / 완 작가 소개 작가 : 예티르 작가의 다른 작품 : 아포칼립스 속 성기사 특징 [회귀][야만용사][아카테미][개그물][아포칼립스][2022.11.08 완결] 리뷰 힘이 없으면 머리가 고생한다라는 말을 그대로 의인화하면 나오는 주인공 울란바토르.울란 바토르가 최고의 교육기관 아르센 아카데미로 가서 코피를 흘리며 미래에 올 아포칼립스를 막아내는 줄거리입니다. 머리가 나쁘면 몸이 좋으면 된다 몸은 넘사벽의 강인함을 가지고 무공은 전생의 힘까지 이어져 엄청난 무력을 자랑하는 주인공입니다. 다만 머리가 .. 2022. 12. 18.
[무협] 남궁마제 - 문운도 ★★★★☆ 작품 소개 순리가 틀렸으니 하늘마저 바꾸겠다는 귀천성(歸天城). 그에 대항해서 질서를 지키겠다는 정사연합. 그 속에서 비참한 희생양이 되었던 남궁세가(南宮世家). 꽃같이 보배롭게 자라길 바랐던 남궁세가의 어린 공자는 시간을 거슬러 두 번째 기회를 잡았다! 고운 얼굴에 흉한 심계를 숨기고,아름다운 자태 속에 번뜩이는 번개를 품었다. 광마제의 제물이 되었던 운명을 바꾸기 위해, 남궁세가를 구하기 위해, 가족들을 지키기 위해 그 무엇이든 될 것이다. 설혹 그게 악마라 할지라도!평생 그를 사로잡고 있던 공포에서 벗어나 족쇄를 푸는 순간, 하늘마저 깨부술 번개가 되리라! 장르 : 무협판타지 진행 상황 : 총 425화 ( 본편:425, 외전:0) / 완 작가 소개 작가 : 문운도 작가의 다른 작품 : 자명공자 특징.. 2022. 11. 30.
[React] 우리서비스를 더 널리, SNS 공유하기 (Navigator.share) 들어가며 이번에 갑자기 서비스를 운영 중에 팬덤을 타고 SNS에 서비스가 공유되는 일이 발생했었습니다. 그래서 이번 기회에 유저의 편의성을 위해 링크를 만들어 제공하거나 SNS로 바로 공유가 가능하도록 기능을 구현한 방법을 다뤄보겠습니다. 대상 독자는 공유하기 기능에 대한 예시 코드를 살펴보고 싶은 개발자 리액트를 통해 공유 기능을 제공하려는 개발자 공유 기능 살펴보기 공유기능 생각보다 눈여겨보진 않았지만 어느덧 우리 삶에 깊숙이 들어온 기능입니다. 이번 기회에 다른 서비스 예시부터 그리고 어떤 UX를 가지고 있나 살펴보도록 하겠습니다. 공유하기의 UX 공유하기 기능은 크게 2가지 버전으로 나눌 수 있습니다. 일반 브라우저에서의 공유하기 모바일 브라우저에서의 공유하기 이렇게 나눠지는 이유는 실은 간단.. 2022. 11. 22.
[퓨전판타지] 회귀한 엑스트라가 천재가 됨 -텍골 ★★★☆☆ 작품 소개 소설 속에 떨어지고 조용히 살던 김선우. 어느 날 소설 속 주인공이 죽었다. “……이걸 나보고 믿으라고?” 과거로 돌아왔다. 그것도 소설 속에 떨어졌던 첫날로. 장르 : 퓨전판타지 진행 상황 : 총 536화 ( 본편:536, 외전:0) / 완 작가 소개 작가 : 텍골 작가의 다른 작품 : 첫작 특징 [회귀][소설빙의물][아카데미물][소엑물][게임시스템][캐빨물][완] 리뷰 이번에는 소설 속 엑스트라물 소설인 "회귀한 엑스트라가 천재가 됨"을 리뷰하겠습니다.소설에 빙의를 한 김선우가 이번에는 회귀까지 해버린 상황에서 어떻게 소설을 이끌어가는지 핸디의 편리한 리뷰 시작합니다. 유치함. 아카데미물에는 나름 어울릴지도 소설 속 엑스트라(이하 소엑)와 자꾸 비교해서 그렇습니다만, 딱 이소설은 소엑에서 .. 2022. 11. 13.
[중국무협] 환관무제 (太监武帝)★★★☆☆ - 침무적고점 작품 소개 출중한 외모, 교활하기도 천진난만하기도 한 눈동자로 여자들에게 치명적인 매력을 흘리고 다니던 ‘두변’. 하는 일마다 술술 잘 풀리던 그는 대기업 영업 담당 이사가 되어 성과급을 쓸어가다시피 챙겼으며, 몇 년 만에 큰 집을 마련했고 포르셰를 구입했다. 그는 그곳에서 아름다운 여인들, 눈부신 권력과 부 사이를 표류했다. 그러던 어느 날, 거래처 사람들과 술을 마신 후, 인사불성이 된 상태로 곯아떨어졌다. 그리고 시끄러운 구호 소리에 잠에서 깨어났다. “나 하나 거세하면, 온 가족이 행복해진다! 환관 학원을 졸업하면 모두에게 일자리가 제공된다!” “문관은 글만 알고, 무관은 무예밖에 모르지만, 환관 학원 출신의 인재들은 문무를 겸비한다!” “우리는 황제 폐하를 수호하는 마지막 영웅이다!” 장르 : .. 2022. 11. 7.
클릭을 유도하는 유튜브 디자인 with 포토샵 - 존코바 [ 선택 이유 ] 올해가 얼마 남지 않은 지금,, 올해 목표를 상기해본다면 나는 유튜브 채널을 개설했으며 적어도 10개의 영상을 가지고 있어야 합니다. 10월이 되어 고민해보니 저는 아직 유튜브 채널을 개설하지 못한 상태입니다. 그래서 이 책을 시작으로 하나씩 해보기 위해 이 책을 읽어보게 되었습니다. 또한 제가 즐겨보는 유튜버이자 디자이너인 존코바님이 만드신 책이라는 점에서 믿고 볼 수 있었습니디. (존코바님 디자인 피드백 짱짱) [ 본문 ] 책의 전반적인 내용은 뭔가 기술적으로 압도적이다 라는 느낌은 없습니다. 다만 유튜브를 보면서 매번 감탄했던 포인트를 책에서도 느낄 수 있었습니다. 바로 "이론과 실무의 경계에서 뛰노는 실무자의 능숙함"입니다. 채널을 꾸미는 방법부터 어떤 시각으로 접근해야하는지, .. 2022. 10. 30.
[무협판타지] 천재 무림 트레이너 - 크루크루★★★★☆ 작품 소개 대형 휘트니스 센터 사장 최강혁. 눈을 떠 보니, 소림사 동자승이 되었다. 장르 : 무협판타지, 헬창판타지 진행 상황 : 총 375화 ( 본편:375, 외전:0) / 완 작가 소개 작가 : 크루크루 작가의 다른 작품 : 오크제국건설기, 게임의신 돌아오다 특징 [헬창][소림][하렘][빙의물][비정통무협][완] 리뷰 제목을 보고 완결나면 보려고 대기하던 소설이 드디어 완결되어 시원하게 읽어보았습니다.전반적인 줄거리는 소설을 간혹보던 현대의 헬창트레이너가 3부로 완결된 소설 속 주변인물로 빙의되면서 시작하는 내용입니다.그럼 핸디의 편리한 리뷰 시작하겠습니다. 무식한 마보는 가라, 스쿼트가 온다 주인공인 최강혁(소설속 무진)은 현대에서 헬스트레이너를 업으로 삼은 만큼 과학적이고 체계적인 운동법을 가지.. 2022. 10. 25.
[역사판타지] 우리는 세종의 노예가 되지 않는다! - 자의 ★★★★☆ 작품 소개 "우리는 세종의 노예가 되지 않는다!" "문종의 노예가 될 것이다!" "....뭐 이 자식아?" 장르 : 역사판타지 진행 상황 : 총 307화 ( 본편:307, 외전:0) / 완 작가 소개 작가 : 백린 작가의 다른 작품 : 재벌집 남의아들, 양생록(陽生錄) - 살려야 한다. 특징 [차원이동][조선][세종][문종][공돌이][유쾌함][기술고증][기술강국조선][조선제국][완] 리뷰 5명의 유쾌한 공돌이들이 조선 초기로 넘어가서 벌어지는 일을 다룬 대체역사소설입니다. 대체역사소설의 황금시기 조선 초인만큼 매력적인 인물들과 사건이 넘쳐나는 소설입니다. 리뷰 시작합니다. 5인큐인데 전부다 이과? 전부다 이과인데, 다들 하나씩 나사가 빠졌습니다. 나사가 빠진 주인공들을 보는 것이 이 소설의 재미입니다. .. 2022. 10. 13.
[리액트] 글로벌한 웹을 향하여 #2(google sheets, 자동화) 들어가며 이전 글에서 구글 시트를 이용하여 i18n에 대응하는 예시를 보여드렸었습니다. 그리고 이번에 갑작스레 일어를 추가하자는 요건에 대응하여 기존에 있는 기능을 확장한 방법에 대해 공유하겠습니다. 대상 독자 여러 가지 언어를 대응해야 하는 프론트엔드 개발자 개발과 번역을 분리하고 싶은 한글을 사랑하는 개발자 이 글을 읽기 위해선 선행글이 존재합니다. ( 필수는 아니지만 보고 오면 좋아요 ) [리액트] 글로벌한 웹을 향하여 (react-i18next, 다국어지원) 들어가며 이번 글에서는 글로벌한 웹을 위해서 react i18n를 적용하는 방법과 나름의 best practice에 대해 적어보겠습니다. 이 글은 아직 이제 막 프로젝트에 i18n을 던지려는 용기 있는 개발자를 위한 all-dev-kang.t.. 2022. 10. 7.
[무협판타지] 기연에 미친 무공천재 (완) - 자의 ★★★★☆ 작품 소개 무협게임 속 역대급 무공천재가 되었다. 근데… 누가 내 몸에 절맥 심어놨어 ㅅㅂ? 야만의 세계 무림에서 살아남기 위해 기연을 싹쓸이하자 장르 : 무협판타지 진행 상황 : 총 447화 ( 본편:447, 외전:0) / 완 작가 소개 작가 : 자의 작가의 다른 작품 : 오버크라운, 대표님의 향기로운 덕질생활 특징 [빙의물][게임물][기린지체][다양한 세계관][완] 리뷰 제목을 보고 거를까 고민했지만 막상 읽어보니 재밌었던 소설 '기연에 미친 무공천재' 리뷰 시작하겠습니다. 익숙한 소재, 그러나 색다른 무협관 현실에서 게임을 하다가 게임 속으로 빨려 들어가는 소재는 이제는 익숙하다 못해 지겨울 수 도 있는 소재가 되었습니다. 다행스럽게도 이 소설에선 익숙한 소재이긴 하지만 전통적인 정사 마의 무협세계.. 2022. 10. 3.
[자바스크립트] IndexedDB 실전 사용법 (idb) 들어가며 예전에 localstorage 관련 글 마지막에 localstorage 보다는 indexedDB 사용을 권고한다는 글로 끝맺음했었습니다. 시간이 흘러 이번 프로젝트에서 IndexedDB를 이용해 네트워크 리소스를 최적화한 경험이 있어 공유드립니다. 개발 환경은 Next, React를 사용했지만 바닐라 자바스크립트 기반으로도 동작하는 코드이니 살펴보시면 좋겠습니다. 대상 독자 프론트엔드 개발을 하다가 localstorage, sessionstorage를 넘어 indexedDB도 써보려는 개발자 같은 파일을 여러 번 요청하는 게 안타까운 최적화에 특화된 개발자 [Next] localstorage를 사용하는 방법 #1 localStorage 란? 웹 스토리지 객체(web storage object)의.. 2022. 9. 30.
[퓨전판타지] 무기 먹는 서자님 (완) - 인재 ★★★★☆ 작품 소개 세계 최고의 무가, 숭무이가 하나, 서자 이철에게 그곳은 지옥이었다 『무기 먹는 서자님』 누구보다 더 열심히 수련하고, 투쟁했지만 끝내 비참한 죽음을 맞이하게 되는데...... 그 순간, 마지막 호흡과 함께 찾아온 기적 장르 : 현대, 무협, 퓨전 판타지 진행 상황 : 총 364화 ( 본편:364, 외전:0) / 완 작가 소개 작가 : 인재 작가의 다른 작품 : 21세기 절대검신의 제자 특징 [회귀물][헌터물][검술명가][강력한 아버지][골육상쟁][완] 리뷰 이번에는 무기를 흡수하는 능력을 가진 서자, 이철에 대한 내용을 다룬 인재작가님의 소설을 리뷰하겠습니다. 강력한 아버지, 형제자매간의 골육상쟁 넘사벽급의 무력을 가진 아버지, 그리고 자식간의 권력타툼을 멀리서 지켜보는 아버지, 아버지의 뒤.. 2022. 9. 29.
[퓨전판타지] 아카데미에서 살아남기 (완) - 코리타 ★★★★☆ 작품 소개 즐겨하던 게임의 삼류 엑스트라로 빙의했다. 심지어 이미 몰락해서 퇴장한 상태다. 야망은 없고 그냥 졸업장만 따고 싶다. 근데 세상이 그렇게 놔두지를 않는다. 장르 : 퓨전판타지 진행 상황 : 총 265화 ( 본편:251, 외전:14) / 완 작가 소개 작가 : 코리타 작가의 다른 작품 : - 특징 [아카데미물][게임물][성장물][생존물][착각물][엑스트라빙의물][히로인][완] 리뷰 문피아 최후의 보루라고 하는 아카데미에서 살아남기(이하 아카살)를 이번 기회에 읽어보았습니다. 대표적인 소설 속 엑스트라와 같은 류의 빙의, 학원, 아카데미, 서사물로써 서사를 알고 있는 외부 인물이 해당 세계관에 빙의하면서 진행되는 내용을 다룬 소설입니다. 그럼 짦막한 리뷰 시작합니다. 아카데미물인데, 사는 곳은 .. 2022. 9. 22.
[리액트] snackbar에 대해서 (react-toastify, react-hot-toast, notistack) 들어가며 개발을 진행하다가 웹소켓을 통해 들어온 알람을 유저에게 전달해야 하는 경우가 생겼습니다. 이때 주로 사용하는 방법이 snackbar를 통해 오른쪽 하단 또는 중앙 상단에 텍스트 창을 띄우는 것입니다. 이번 글에서는 snackbar에 기본부터, 이를 구현한 라이브러리 3종(notistack, react-hot-toast, react-toastify)의 사용법과 비교해보도록 하겠습니다. 그리고 더 나아가 실제 프로젝트에 어떤 식으로 사용하면 좋을까 개인적인 사용방법에 대해 언급하며 마무리하겠습니다. Snackbar snackbar(이하 스낵바)의 정의는 여러가지입니다만, 구글의 디자인 철학에 의하면 아래와 같습니다. Snackbars provide brief messages about app pro.. 2022. 9. 15.
[퓨전판타지] 악당은 살고 싶다 (완) - 지갑송 ★★★★☆ 작품 소개 회사에서 제작하던 AAA급 게임의 중간 보스. 1,000번 중 999번을 죽는 악당, 데큘레인. 이제, 그게 나다. “거의 모든 루트에서 죽을 터인데.” 데큘레인은, 악당답게 필연적으로 죽게 된다. [최우선 생존 목표 : 게임에 필요한 존재가 되시오.] 죽을 운명이라면, 운명을 비틀어서라도 살아남아야겠다. 장르 : 퓨전판타지 진행 상황 : 총 362화 ( 본편:357화, 외전:5) / 완 작가 소개 작가 : 지갑송 작가의 다른 작품 : 소설 속 엑스트라 (총 478화/완결), 레벨업하는 몬스터 특징 [회빙환][지갑송][아케데미물][개그물][캐빨물][게임물][완] 리뷰 소설 속 엑스트라로 아케데미물의 부흥기로 이끈 희대의 작가 지갑송님의 작품 악마는 살고 싶다 리뷰입니다.이번에도 아케데미, 빙의.. 2022. 9. 12.

티스토리툴바