본문 바로가기

전체 글 378

[개발회고] 24년 1분기 회고 들어가며 2024년도부터는 회고 주기를 1달에서 1분기로 바꿔보려고 한다. 1달을 회고하기엔 너무 빠른 시간이고, 생각보다 같은 일상의 반복이라 포폴에서 하는 분기회고에 맞물려 변경해보려고 한다. 채용과 신입 2024.03.13 - [개발/개발지식] - [채용] 5년차 개발자의 신입 개발자 면접 회고 [채용] 5년차 개발자의 신입 개발자 면접 회고 들어가며이번 글은 회사에서의 면접 경험, 개인적으로 부탁받은 이력서 피드백 등을 통해 얻게 된 인사이트를 기반으로 저만의 회고를 작성한 글입니다. 반쯤 정신 놓고 쓴 글이라 생각의 흐름 all-dev-kang.tistory.com 최근에 작성했던 글이 생각보다 많은 반응을 얻었다. 그만큼 신입개발자들의 취업시장이 극악이라는 말인것 같아 안타깝다. 하지만 그럼에.. 2024. 3. 30.
[채용] 5년차 개발자의 신입 개발자 면접 회고 들어가며이번 글은 회사에서의 면접 경험, 개인적으로 부탁받은 이력서 피드백 등을 통해 얻게 된 인사이트를 기반으로 저만의 회고를 작성한 글입니다. 반쯤 정신 놓고 쓴 글이라 생각의 흐름대로 적었으니 참고바랍니다.아쉬운 점우리 회사의 AI 연구직을 제외하고 실제 제품을 만드는 개발자는 8명이다. 그리고 5년 차인 내가 막내다. 스타트업에서 흔히 볼 수 없는 경력들이 있다. 그래서 우리 팀에선 나만 N연차, 다른 팀원들은 1N연차이다. 그러다 보니 다른 팀원들은 본인만의 면접 질문 리스트들이 있다. 물론 이런 리스트들이 사전에 공유되긴 하지만, 내 개발철학과 지식수준에 부합되는 기술 질문 리스트를 만들고 싶었다. 근데 이번에 하나도 만들지 못했다.기술 질문 리스트를 만들지 못한 이유결론부터 말하고 더 이상 .. 2024. 3. 13.
[Next.js] NextAuth를 활용한 우아한 유저 관리 들어가며 이번 글은 NextAuth를 활용하여 실제 서비스에서 우아하게 유저를 관리한 경험에 대해 말씀드리는 글입니다. NextAuth와 Middleware를 이용해서 인증, 인가를 어떻게 관리하였는가에 대한 주제를 다룹니다. 다루지 않는 내용 해당 글에서는 NextAuth의 기본 사용법에 대해 상세히 알려주지 않습니다. (공식문서 아주 추천) Next13 환경에서 구현된 예시지만, 다른 버전에서도 크게 상이하진 않습니다. 우아한 유저 관리 이전까지 NextAuth는 주로 구글인증기로만 써왔습니다. 정확히 말하자면 인증만 썼던 거죠. 하지만 실제 서비스를 하다 보면 인증으로만 끝나지 않고 해당 유저에게 권한까지 주는 인가 단계를 거쳐야 합니다. 이전까지 구현한 서비스들은 인증, 인가에 대한 큰 구별 없이.. 2024. 2. 25.
[대체역사] 삼국지 동오전 - pioren 작품 소개 “정말 미친놈인 줄 알았지. 처음에는.” 전장을 향해 달려가는 자신의 주군, 한충(韓忠)의 모습을 보며 군사는 추억했다. 난세를 평정할 영웅인가. 아님, 세상을 어지럽힐 간웅인가. 동쪽에서 온 청년은 한 자루 거대한 대검으로 전국시대를 휘어잡는다. 장르 : 삼국지 대체역사 진행 상황 : 총 532화 ( 본편:532, 외전:0) / 완 작가 소개 작가 : pioren 작가의 다른 작품 : 삼국지 원굉전, 리벨리온 특징 [삼국지][대체역사][동오기반][환관 후손][항우급무력][십상시급 심계][완] 리뷰 동오전이라고 해서 해당 지역의 대호족의 후손에 대한 얘기인줄 알았으나 고구려에서 흘러온 고아로부터 비롯된 얘기입니다. 최근에 본 삼국지 대체소설 중에 시작부분의 신선함으로는 최고였습니다. 그 이후도.. 2024. 2. 24.
노코드/로우코드 - 필 사이먼 이 책의 특징 작은 핸드북 크기, 263p로 된 작은 책, 노코드, 로우코드를 하나도 모르는사람을 위한 책, 시민 개발자에 대한 정의를 하는 책 이 책의 저자 필 사이먼, 왕성하게 활동하는 기조연설자이자 워크플레이스 기술 분야의 세계적인 권위자. 지금까지 12권의 비즈니스 서적을 출간했고 여러 번의 수상 경력을 가지고 있습니다. 조직 내부와 조직 간의 더 나은 의사소통, 협업, 기술 사용에 큰 도움을 주고 있으며 하버드 비즈니스 리뷰, MIT 슬론 매니지먼트 리뷰, 와이어드, NBC, CNBC, 블룸버그 비즈니스 위크 및 뉴욕타임스 등에 글을 기고하기도 했습니다. 최근에는 협업에 관련된 대화를 주제로 팟캐스트를 진행하고 있습니다. - 한빛미디어 참고 이 책을 통해 배운 점 크게 배운점은 없다. 왜냐면 내.. 2024. 2. 12.
많은 데이터를 보여주는 방법에 대하여 (Tanstack query,table,react-virtual) 들어가며 안녕하세요. 편리함을 추구하는 개발자 핸디입니다. 이번 글에서는 Tanstack query, Tanstack table, Tanstack react-virtual로 이루어진 Tanstack 라이브러리 3형제를 이용해서 유저에게 더 많은 데이터를 편리하고 깔끔하게 보여주는 방법에 대해서 적어보았습니다. 대상독자는 무한스크롤, 혹은 페이지네이션을 이용하여 유저에게 데이터를 보여주고 싶지만, 개발하기가 귀찮아서 편리하게 만들고 싶은 개발자입니다. 시작하겠습니다. Tanstack Table Tanstack Table은 테이블을 만들어주는 라이브러리입니다. 여기서 주목할 점은 Headless와 React,Vue,Solid 의 환경에서도 동작한다는 점입니다. Tanstack Table은 모든 기능 및 디자.. 2024. 1. 21.
[신무협] 할배무사와 지존 손녀 - 일향 작품 소개 유가장의 가주 유진산. 시골 의원 의화당에선 종양이 이미 커질 대로 커져서 곧...이라는 시한부 선언을 듣는다. 슬슬 삶을 정리해야겠다고 결심하던 찰나, 집에 돌아오는 길에 짙어지는 혈향(血香). 집에 도착하니 사방에 혈흔과 함께 일가 전체가 떼죽음을 당해있었고...... 그것도 잠시. 갑작스레 어디에선가 아기 울음소리가 들려온다. 주변을 살펴보니 짚에 숨겨진 채로 땅 속에 묻혀진 항아리 속에 1살배기 손녀 하나만이 살아남아 있었다. 유가장의 가보인 화룡신창(火龍神槍)과 손녀를 급히 데리고서 복수를 다짐하는데...... 반로환동하게 되는 할배와 지존이 되는 소녀의 무림 이야기. 장르 : 신무협 진행 상황 : 총 482화 ( 본편:461, 외전:21) / 완 작가 소개 작가 : 일향 작가의 다른.. 2024. 1. 7.
[경제] 저스트.킵.바잉 - 닉 매기울리 선택 이유 올해 목표(2024)는 소설을 제외한 책 24권을 읽는 것이고, 이 책은 목표달성을 위한 첫 시작인 책이다. 회사를 이직하고 나서 1년 반이 지났고 회사에서 퇴직연금DC형에 대한 하는 돈을 입금해줬다. 큰 돈(그렇다고 해도 몇백이지만..)이 들어왔을때 항상 드는 고민은 어떤 비율로 나눠 주식을 사는게 가장 좋은가였다. 그리고 이 책은 그에 대한 답을 줄 것이라 생각하고 읽게 되었다. 결론부터 말하자면 답을 줬고, 또 행동했다. 책 소개 작가는 데이터 과학자 겸 자산관리 전문가라고 한다. 그래서 글쓴이의 모든 주장에는 그에 대응하는 데이터와 숫자로 된 근거가 뒷받침된다. 그럼에도 책이 어렵지 않다. 복잡한 통계, 그래프, 차트는 없다. 다만 그에 대한 작가의 생각과 에피드소, 그리고 데이터와.. 2024. 1. 7.
[현대판타지] 돼지 키워 세계정복한 썰 푼다 - J.은성 작품 소개 경력 13년 차 양돈 컨설턴트 홍남기는 일주일 전 아내와 이혼하고, 쳇바퀴처럼 반복되는 일상에 치여 꿈도 희망없이 하루하루 반복해서 살아갈 뿐이다 여느 날처럼 하루를 끝마치고 편의점 앞에서 맥주 한캔 하는데 정체를 알 수 없는 수도자 복을 입은 외국인을 만나 그 손을 맞잡자 기절한다 그리고 눈을 뜨니…… 1980년 제주도? 한국 양돈 산업의 태동기인 1980년으로 떨어졌다? 양돈 박사만큼이나 뛰어난 실력을 갖추었지만, 나이와 학력의 한계로 뜻을 못 폈던 홍남기 1980년대에서는 누구보다도 뛰어난 전문 양돈 산업 지식을 가지고, KPIG로 세계를 정복한다! 장르 : 현대판타지 진행 상황 : 총 250화 ( 본편:250, 외전:0) / 완 작가 소개 작가 : J.은성 작가의 다른 작품 : 없음 특.. 2024. 1. 7.
[회고] 2023년 연간 회고 코딩 요약 아주 멋지게도 wakatime에서 내가 개발한 코드의 연간 리포트를 해줘서 코딩 요약을 대신해보고자 한다. 대략 1000시간을 코딩을 하였다. 일만 시간의 법칙에 따라면 대충 10년차 되면 전문가라고 할 수 있을 것 같다. 하루 평균 3시간 이상을 코딩하였으며 전체 Top 3%이상이라니 기분이 좋다. 내년에는 1%에 도전하고자 한다. 나는 몰랐지만 내가 수요일날 가장 열심히 코딩을 했더라. 이때가 가장 집중이 잘됬나 싶었다. (주간 회의가 이때 있는데 그럼에도 시간이 많다는 것이니깐) 코딩 언어는 타입스크립트, 다트 순으로 많았다. 주력으로 하고 있는 리액트, 넥스트 외에 플러터의 다트, 그리고 5번째로 많이 쓴 엘릭서가 있따.. (실은 20시간밖에 안되서 약간 민망하다) 이번 년도에는 타입스.. 2024. 1. 2.
[개발회고] 23년 11월 회고 개발 이번 달은 무난무난한 한달이었다. 회사 AI 기술중에 노래와 가사를 싱크해주는 기술이 있는데, 해당 기술에 대한 에디터툴을 개발했고 이에 대한 QA 및 사용자 테스트를 진행중이다. 가장 빡센 기능은 Drag & Drop으로 선택하고 옮기고 또 재생하고 마우스 및 키보드 단축키도 연결하고 쨋든 이것저것 할게 많았다. 에디터툴은 어쩔 수 없이 복잡하다. 기능 요구 사항이 단순 웹보다 훨씬 높기 때문이다. 그래도 어쩌겠나? 팀원이 요구하면 만들어주는 것이 개발자의 덕목이 아니겠는가? 다행스럽게도 첫번째 회사인 티맥스에서 대시보드를 만들어보면서 Drag & Drop 기능을 만들어본 경험이 있어서 이번엔 좀 쉽게 했다. 코딩시간 | 86.5시간 이번달 많이 했다고 했는데 생각보다 코딩 시간이 짧다. 이유를 .. 2023. 12. 5.
[Next.js] NextAuth와 Prisma로 인증 기능 구현하기 들어가며 이번 글에서는 NextAuth와 Prisma 그리고 PostgreSQL를 이용하여 인증 기능을 구현하는 글입니다. Prisma와 PostgreSQL의 세팅이 완료된 시점을 기준으로 하고 Google 로그인을 예제로 합니다. 사전 준비 Google 로그인을 하기 위해선 구글 로그인의 clientId와 clientSecret 키가 필요합니다. 이것을 발급받는거부터 빠르게 시작하겠습니다. 키 발급 구글 소셜 로그인 Client ID와 Client Secret Key 설정방법 구글에서 제공하는 소셜 로그인에 사용되는 Client ID와 Client Secret Key를 발급받는 과정을 설명합니다. medipress.co.kr 해당 글을 읽은 다음에 두 개의 값을 가져오면 되겠습니다. 그 외에 설정해야할.. 2023. 11. 27.
[플러터] 결제확인 자동화 시스템 구축기 (readsms) 들어가며 이번 글에서는 값비싼 계좌조회 서비스를 대신하여 핸드폰과 sms 알람 서비스를 이용해서 결제확인 시스템을 만든 경험을 공유합니다. sms을 수신하고 이를 다시 DB에 적재하는 과정을 flutter에서 진행하고 이를 보여주는 화면은 next.js를 이용하고 있습니다만, next.js의 구체적인 구현은 다루지 않습니다. 결제확인 자동화 시스템이라고 하기엔 너무 소박한.. 그런 기능 개발기 ㅋㅋ 시작합니다. 개발 요건 기존의 결제확인 프로세스는 다음과 같았습니다. 유저가 상품을 선택한 후 결제하기를 선택한다. 계좌번호가 노출되고 유저가 해당 계좌에 금액을 이체한다. 담당자가 핸드폰을 이용해 계좌를 조회하고 금액을 확인하여 UI를 업데이트한다. 그중에 이번에는 3번 과정을 자동화해보려고 합니다. 일반적.. 2023. 11. 25.
[그래프큐엘] code-gen시에 the following anonymous operation is skipped 처리 Query name 일반적으로 그래프큐엘의 Query name(이하 쿼리이름)은 필수값이 아닌 선택값입니다. 따라서 쿼리이름은 단순히 쿼리를 식별하고 문서화하는데에 사용되면, 쿼리 동작에 직접적으로 영향을 미치치 않습니다. 실제로 쿼리를 확인해보면 첫번째줄에 "reservationByIdQuery"가 없어도 같은 값을 리턴해주는 것을 확인할 수 있습니다. 그래서 쿼리이름은 선택사항이며, 쿼리의 본문이 중요한 부분입니다. 하지만 쿼리이름을 사용하면 클라이언트 및 서버개발자가 코드를 읽는데 훨씬 수월하기에 대부분 쿼리이름을 사용하기를 권장하고 있습니다. graphql-codegen에서의 쿼리이름 위에서는 쿼리이름이 선택사항이라고 하였습니다. 하지만 실제로 쿼리이름이 없는 상태로 code generator를 .. 2023. 11. 5.
[역사판타지] 이성계가 한반도를 팔아치움 - 담배맛동산 작품 소개 여말선초. 모든 백성을 데리고 아메리카로 대이주? “이것은 해볼 만하다!” “불가능!” 미친 짓이라는 것을 아는 김승후는 반대를 외쳤지만, 현대인 김승후와 고려인 이성계의 사고방식은 차원이 달랐다. “가능.” 장르 : 역사판타지 진행 상황 : 총 300화 ( 본편:300, 외전:0) / 완 작가 소개 작가 : 담배맛동산 작가의 다른 작품 : 2023.01.10 - [도서 리뷰/역사] - [역사판타지] 비트타는 수양대군 - 담배맛동산 ★★★★☆ 특징 [회빙환][조선시대][이성계][유튜버][또라이주인공][유교탈레반][완] 리뷰 작가님의 이전작품 비트타는 수양대군도 참 재밌게 읽었는데. 이번 작품도 어김없이 재밌었습니다. 단군할아버지의 위치선정에 불만인 현대인 주인공이 고려말로 들어가 이성계와 함께.. 2023. 11. 4.
[개발회고] 23년 10월 회고 개발 이번 달은 빡센 개발을 한 달이었다. 그리고 그래프큐엘과 프리즈마를 통해 풀스택 개발자에 가까워지도록 노력한 달이기도 하다. 코딩시간 | 98.4시간 이번달 바빴다. 코딩시간은 100시간 아래이지만 마지막주에 해외여행가느라 화-금을 해외여행가느라 코드앞에 있지를 못했다. 이번달에는 flutter, dart가 거의 빠져버렸다. 기존에 했던 사이드플젝이 유지보수단계로 넘어갔으며, 틈틈히 센트리로그만 보고 있는데 아직까진 크리티컬한 이슈가 없는 것처럼 보인다. 2,3주차에 코딩을 많이했는데 4주 놀러가기전에 일을 마무리하고 가려고 많이 달렸다. 4일만에 출근했는데... 여행간지모르고 재택하는줄로만 알았던 동료들이 있는게 웃음포인트..ㅋㅋㅋ 새로운 기술 | graphql, prisma graphql(그래프.. 2023. 10. 31.
[개발회고] 23년 9월 회고 개발 이번 달은 무난한 개발을 하는 달이었다. 저번 달에 클린아키텍쳐와 디자인시스템으로 고민이 많았는데.. 이 고민을 토대로 나름의 구조를 가져가고 있다. 가장 신경쓰느 부분은 코어, 비즈니스, UI레이어를 최대한 분리하면서 개발하는 것이었다. 코어 기능을 만들고 여러 프로젝트에 공유하기 위해 모노레포, 서브모듈 등을 학습하고 있다. 맨 처음부터 구조를 잡고 들어가면 좋겠지만, 시간부족으로 하나의 레포에 폴더단위로 코드를 작성하고 있다. 코어영역이 잡히게 되면 특정기술을 이용해서 잘 처리해야겠다는 생각을 했다. 이때를 대비하기 위해 설정으로 alias를 잡아놓았다. 나중에는 이부분은 갈아치우면 될듯하여 마음이 편하다. 코딩시간 | 106.3시간 몇달만에 다시 월간 코딩 시간이 100시간을 넘었다.ㅋㅋㅋ .. 2023. 10. 9.
[플러터] 비디오 랜더링 이슈 수정기(video-player,dispose) 들어가며 이번 글에서는 플러터에서 20개의 비디오를 재생하면서 발생한 오류를 추적하여 개선을 한 경험에 대한 글입니다. 플러터의 video player부터 사용하는 패키지의 디테일한 설정 및 사용법을 다루진 않습니다. 대략적인 사용법과 이런 점이 문제여서 이렇게 바꿨다의 수준으로만 설명합니다. 에러부터 살펴보자 웹이나 앱 개발자들은 서버개발자와 달리 에러를 추적하기기 쉽지 않습니다. 또한 에러 발생한 것은 알아도 유저의 디바이스나 여러 외부환경에 의해서 달라질 수 있는 만큼 외부 에러추적 서비스를 이용하는 경우가 많은데요. 제가 만들어놓은 앱도 Sentry를 사용하고 있었습니다. 그런중에 어느 순간 반복적으로 특정 에러가 대한 리포트가 오기 시작하고, 실제 유저의 QA문의가 들어와서 해당 이슈를 파헤쳐보.. 2023. 9. 24.
[개발회고] 23년 8월 회고 개발 이번 달은 클린아키텍쳐와 디자인시스템에 대한 고민이 많았던 달이다. 온라인 에디터를 개발하고 있는 상황에서, 점점 복잡해지는 로직, 많이지는 요구사항 생각거리가 한두가지가 아니다. 이럴때 딴딴한 테스트코드와 더 좋은 아키텍쳐가 있으면 어땠을까라는 아쉬움이 많이 드는 달이었다. 조만간 새로운 프로젝트에 들어가는데 이때는 시작부터 빡세게 아키텍쳐를 고민하고 개발해야할듯하다. 이러한 고민을 팀장님께 말씀드렸더니, "그동안 하고 싶은 말이 많았는데, 직접 경험하기 전까지 내가 하는 소리는 잔소리라고 생각할까봐 가만히 뒀어" "개발자는 경험해봐야해, 안타깝지만 꼭 피를 봐야 다음부터 예방하는 족속이지" 이미 피를 본 이상 예방책을 빡세게 세우는 개발자가 될 수 밖에 없는듯하다. 몇달만에 가졌던 여유있는 커피.. 2023. 9. 6.
[Web worker] 웹워커 간단 사용기 들어가며 이번 글은 web worker(이하 웹 워커)에서 postMessage에 대한 에러를 확인하고 이를 수정하는 방법론? 에 대한 글입니다. 이 글에선 웹 워커의 간단한 동작,worker와의 통신, react에서 사용할 때 주의해야 할 점을 다룹니다. Web worker란 web.dev 문서를 잡고하면 웹 워커는 웹 애플리케이션에서 백그라운드 스크립트를 생성하기 위한 API입니다. 이 말보다는 저는 웹 워커는 자바스크립트에 없는 동시성을 주는 브라우저의 기능이다라고 설명합니다. 자바스크립트의 한계 웹 워커는 자바스크립트의 언어 자체가 가진 문제점으로 인해 만들어졌습니다. 자바스크립트는 단일 스레드 환경으로 여러 가지 스크립트를 동시에 실행할 수 없습니다. 그래서 비동기 코드를 작성하거나 setTim.. 2023. 9. 4.
[디자인] 사실은 이것도 디자인입니다 - 김성연(우디) 이 책의 특징 만화책 크기의 작은 책, 만화처럼 술술 읽히지만 내용은 철학책처럼 사유하게 하는 책, 철학책만큼 사유하게 하지만 또 만화책처럼 재밌는 책 이 책의 저자 작가인 김성연(우디)님은 내가 이전에 읽었던 사용자를 사로잡는 UX/UI 실전 가이드의 저자셨다. 책을 많이 안 읽는 나에게 같은 저자의 다른 책이라니.. 얼마나 좋은 인연 혹은 우연인가.. 이 책을 통해 배운 점 김춘수 시인의 시 "꽃"에는 다음과 같은 구절이 나온다. 내가 그의 이름을 불러주기 전에는 그는 다만 하나의 몸짓에 지나지 않았다. 내가 그의 이름을 불러주었을 때, 그는 나에게로 와서 꽃이 되었다. 디자인도 비슷하다. 이것을 디자인이라고 생각하지 전까진 인식하지 못한다. 저게 디자인이라고 하니깐 이제야 이해가 되고 보이는 게 디.. 2023. 8. 18.
[Audio] 오디오를 눈으로 보는 2가지 방법(peaks와 wavesurfer) 들어가며 이번 글에서는 오디오를 그리는 방법에 대해 알아보고 간단한 구현 방법을 설명합니다. 그다음으로는 라이브러리 Wavesurfer에 대해 간단히 소개하고 알아보도록 하겠습니다. 다루는 내용은 아래와 같습니다. 오디오를 그리는 방법 Wavesurfer를 다루는 방법 v6 -> v7로 바뀌면서 달라진 점 오디오를 그리는 방법 일단 오디오를 다루는 회사에서 근무하고 있는 저에게 오디오를 그리는 기능은 필연적이었습니다. 그래서 처음에는 직접 waveform를 그렸습니다. 그리는 방법은 생각보다 간단한데요. 직접 구현하기 직접 구현하는 방법은 Canvas를 이용하는 방법입니다. ( 다른 라이브러리도 같습니다만) 데이터 가져오기 로컬에 있는 파일이던 서버에 있는 파일이던 일단 데이터를 가져오는 것부터 시작합니.. 2023. 8. 13.
[무협판타지] 일타강사 백사부 - 간짜장 작품 소개 혈교 최고의 무공교관, 시골 무관의 사부로 환생하다. 장르 : 무협판타지 진행 상황 : 총 658화 ( 본편:658, 외전:0) / 완 작가 소개 작가 : 간짜장 작가의 다른 작품 : 회귀자의 은퇴 라이프 특징 [회빙환][아카데미물][교수물][개그물][킬링타임][완] 리뷰 전생에서 혈교에서 냉혹한 강사로 살고 있던 주인공이 각성 후에는 정파의 강사가 되어가면서 성장해 가는 내용을 다룬 소설입니다.소설 전반적으로 가벼운 문체로 진행되지만 이따금 혈마와 전생 전 이야기들을 다룰 때는 진중해지는 소설입니다.그럼 리뷰 시작합니다. 완벽한 킬링타임 요새 유행하는 소재인 아카데미물 + 교수물을 무협세계관에 적용된 소설입니다.그래서 그런지 막힘없이 술술 읽어집니다.이 소설의 방향성은 크게 3가지로 나눌 수.. 2023. 8. 4.
[개발회고] 23년 7월 회고 개발 이번달은 퍼블리셔와 관련된 공부를 많이 했던 달이다. 어떤 식으로 해야 디자이너의 시안을 좀 더 정확히, 그리고 빠르게 구현할 수 있을까에 대한 고민의 발로이다. 피그마의 개발자모드를 디자이너에게 설명하기도 했고, 내가 최근에 잘 읽었던 도서를 선물하기도 했다. 그리고 나 또한 디자인관련된 책을 추천받아서 읽고 있다. 이게 개발카테고리에 있는 것이 이상해보일지 몰라도, 디자인은 프론트엔드 개발을 하다 보면 마주칠 수밖에 없는 분야이기도 하다. 특히나 스타트업일수록 개발자가 기획, 디자인을 해야할때도 종종 있어서 얼른 이쪽 분야의 익숙해졌으면 좋겠다. 이번달 개발블로그은 5개를 썼다. 다른 동료가 내 글을 어디선가 읽고 잘 읽고 있다고 말을 해줬다. 참 기분 좋은 일이다. 코딩시간 | 85.5시간 전.. 2023. 8. 1.
[개발잡담] 디아블로4와 함께 알아보는 스파게티 코드 들어가며 최근에 디아블로 4 레딧을 보다가 상당히 어이없는 글을 발견했습니다. 오픈월드 게임인 디아블로 4에서 유저끼리 만나는 순간 과부하가 걸린다는 것인데요. 이게 대체 무슨 말도 안되는 소리인가 싶으면서도 블라자드(디아블로4 개발사)의 유명한 스파게티 코드에 대해 살펴보러 가보겠습니다. 스파게티 코드란? 여기서 스파게티 코드를 설명하기엔 짧으니 위키백과 링크로 대체하겠습니다. 스파게티 코드 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 스파게티 면발 스파게티 코드(spaghetti code)는 컴퓨터 프로그램의 소스 코드가 복잡하게 얽힌 모습을 스파게티의 면발에 비유한 표현이다. 스파게티 코드는 정상 ko.wikipedia.org 디아블로 4 스파게티 코드 게임을 하다보면 게임.. 2023. 7. 27.
[유튜브] url로 영상의 정보를 가져오는 기능 만들기 들어가며 이번 글에서는 유튜브 링크를 기반으로 해당 영상의 meta 정보를 가져와 활용하는 예제를 살펴보겠습니다. 최근 업무에서 유튜브 링크로 실제 데이터를 가져오기 전에 브라우저 단에서 10분짜리 영상인지를 판별하는 로직이 필요했습니다. 서버에서 10분 이상인 영상의 경우 처리할 수 없다는 에러코드가 나옵니다. 하지만 모든 업로드 프로세스가 마무리되고 난후에 날아오는 에러코드이기에 UX적으로 불편했습니다. 그래서 이번에는 유튜브 링크로 바로 meta를 가져와 유저에게 알려주는 기능을 개발하게 되었습니다. 유튜브 링크로 바로 meta를 가져와 유저에게 알려주는 기능 본문에 들어가기 전에 완성된 기능을 보고 가겠습니다. 기능 구현 일단 해당 기능을 구현하기 전에 라이브러리가 있나 살펴보았습니다. 여러 가지.. 2023. 7. 25.
[Phoenix] Phoenix LiveView 간단 리뷰 들어가며 이번 글에서는 Phoenix LiveView(이하 라이브뷰)를 다뤄보면서 느꼈던 장단점을 리액트와 비교하면서 느낀 점을 적어보도록 하겠습니다. 리액트는 4년차, 라이브뷰는 이제 막 사용해 본 뉴비입장으로 쓴 글이니 참고 바랍니다. Phoenix LiveView란 Phoenix liveview의 공식 설명을 살펴보고 가겠습니다. Phoenix LiveView enables rich, real-time user experiences with server-rendered HTML. - https://github.com/phoenixframework/phoenix_live_view 풍부하고, 실시간의 유저 경험을 지원하는 서버에서 랜더링 된 HTML이라고 되어있습니다. 이것만 보면 그냥 html를 랜더.. 2023. 7. 23.
[프론트엔드] 더 나은 웹 개발을 위한 가이드 - 고승원 이 책의 특징 매우 간결하고 핵심만을 요약한 책입니다. 책 제목 그대로 웹 개발을 위한 가이드문서이지, 모든 것을 다룬 내용이 아니기 때문입니다. 현재 빠르게 발전하고 복잡해져 가는 프론트엔드 환경에서 필요한 기초지식을 매우 다양하고 친절한 예시를 통해 설명하고 있습니다. 이 책의 저자 고승원씨라는 이름이 너무 익숙해서 찾아보니 내가 애독하는 책 "러닝 타입스크립트"의 번역자셨다. 아무튼 책 번역 수준도 매우 좋다고 느끼면서 읽고 있는데 기대할 만한 요소가 아닐까 싶다. 이 책의 특징 이 책은 퍼블리셔를 꿈꾸는 디자이너, 또는 주니어 프론트 개발자에게 선물해 주기 딱 좋은 책이다. 책 제목 그대로 웹 개발을 위한 가이드문서이기 때문이다. 복잡하고 빠르게 발전하는 프론트엔드 생태계에 좋은 기초를 다지기에는.. 2023. 7. 19.
[대체역사] 삼국지에서 살아남기 - 다작 김절필 작품 소개 빙의했는데 서주 호족 아들이다. 아, 그런데 사흘 전에 조숭이 죽었다고? 하하하하. 일단 튀자! 장르 : 역사판타지, 삼국지 진행 상황 : 총 433화 ( 본편:433, 외전:0) / 완 작가 소개 작가 : 다작김절필 작가의 다른 작품 : 포수로 승승장구, 삼국지-정훈전 특징 [삼국지][빙의물][전쟁물][천하통일][인재수집][기술발전][완] 리뷰 요새 삼국지물 중에 추천을 많이 받아서 쌓아뒀다가 출퇴근시간에 틈틈히 읽어 완독한 소설 리뷰 시작하겠습니다.최근에 본 삼국지물중에서 하차한 것들도 많았지만 오랜만에 완독한 것이라 반갑네요.그럼 리뷰 시작하겠습니다. 현실적인 주인공 작품소개에서도 알 수 있든이 현대인이 서주 호족 서준으로 빙의합니다.그래서 그런지 후한말의 사상과 자유로운 주인공이 탄생했.. 2023. 7. 16.
[Phoenix] 피닉스 프로젝트에 tailwind 자동완성 추가하기 들어가며 최근에 시작한 사이드프로젝트에서 엘릭서 +피닉스 + 라이브뷰를 조합하여 프로젝트를 진행해보기로 했습니다. 저는 그중에 tailwind css를 이용한 퍼블리싱을 맡게 되었는데요. 이번 글에서는 vsc상에서 tailwind css의 자동완성과 하이라이팅을 위한 셋팅법을 소개해드리고자 합니다. 여기에선 익스텐션 1개와 vsc의 setting.json에 추가할 값으로 원하는 목표를 달성해보겠습니다. 코드 하이라이팅 아직 여러가지를 써본것이 아니라 어떤것을 추천하기엔 어렵지만 가장 기본적인 익스텐션은 Phoenix Framework입니다. 설명란에도 친절하게 Syntax highlighting support for Phoenix templates. 라고 되어있습니다. Phoenix Framework -.. 2023. 7. 15.

티스토리툴바