프론트엔드 최적화 기법에 대해 다시 공부하던 중, 리스트 가상화 기법에도 이분 탐색 알고리즘이 들어간다는 것을 알게 되었다. 학교 공부와 실제 개발은 다를 것이라고 생각했었는데... 이번에 정처기 공부를 하면서도 느낀 건데, 디자인 패턴/네트워크 CS/알고리즘 등의 이론을 실제 개발에 잘 접목시키는 줄 아는 사람이 진짜 잘하는 개발자인 것 같다. 내가 생각하는 AI 시대에 개발자가 키워야 할 역량은 자신의 분야에서 전문성을 잃지 않는 것이다. 그래서 나는 ... 좀 느릴지라도! 내가 놓쳤던 것들은 다시 열심히 공부해 봐야겠다는 생각이 들었다 🔥 아무튼.. 각설하고! 이번에 공부한 리스트 가상화에 대한 내용을 정리해 보려 한다. 1. 리스트 가상화란?대량의 리스트 데이터를 렌더링할 때, 화면(viewp..

데보션 활동을 돌이켜보니 정말 많은 세미나, 행사에 참여할 기회도 많이 주어졌던 것 같다. 이번에 작성할 글은 그 중 5월에 진행되었던 Kafka 한국사용자 모임 밋업이다. 2024년 5월 23일 SKT타워 4층 Supex홀에서 진행된 KAFKA MEETUP은 Kafka 한국 사용자 모임에 계신 분들께서 카프카 사용 경험, 인사이트 등을 발표 형식으로 공유하는 방식이었다. 크게 두 개의 발표가 있었는데, 자세한 진행 스케줄은 아래 사진에서 볼 수 있다.❶ 이커머스 환경에서의 카프카 클러스터 구축기 (심재민님) ❷ Kafka에서 protobuf 사용하기 (이동진님)    강연을 들으며 정리했던 내용은 여기 노션 링크로 첨부해 두고, 블로그에서는 느낀점 위주로 작성하려고 한다. ❶ 이커머스 환경에서의 카프카..

데보션은 데보션 영과 데보션 프로로 구성되어 있는데, 행사 때마다 프로 분들과 많이 교류할 수 있는 기회를 주신다는 게 참 좋은 것 같다.이번에 적을 활동은 데보션 프로 분을 인터뷰 하는 '데보션 전문가를 만나다!' 전문가 인터뷰 후기이다. 데보션 영 4명 + 프로님 이렇게 인터뷰가 진행되었는데, 우리는 SK 플래닛에서 iOS 개발자로 근무하고 계시는 이주화 프로님을 인터뷰하게 되었다.  인터뷰 자세한 내용은 데보션 인사이드를 보면 될 것 같고! 나는 그 중 내가 했던 질문들 위주로 기억에 남는 이야기 몇 개만 적어두려고 한다  [1] 앱 개발의 미래나는 사실 앱 개발의 미래가 제일 궁금했다. 불과 몇 개월 전까지만 해도 프론트엔드로 갈지, 안드로이드로 갈지 정말 고민이 많았던 시기였다. 실제로 내 블로..

데보션 영 활동은 도서 구매비, SKT 본사 스터디룸 이용 가능 등 정말 대학생들에게 필요한 혜택이 많아서 정말 좋았다.이번에 작성할 후기는 조별 프로젝트 다음으로 제일 자주 만났던 도서 스터디 후기이다!   우리가 선정한 도서는 '모던 리액트 Deep Dive'라는 책이었다 정말 유명하고 프론트엔드 필독서라고 많이 들어서 너무 설레였다 (하지막 막상 책을 보고는 좀 당황했다 ㅎㅎ 너무 무거워서 절대 밖에는 못 들고 나갈...) JS, 리액트, 가상 DOM의 원리부터 SSR, ESLint, 개발자도구까지! 수박 겉핥기 식으로 넘어갔던 부분들을 이제야 진짜로 짚어보는 느낌이 들었다. 그리고 1회독을 하고 난 지금도 나는 아직 제대로 이해하지는 못했다고 생각해서, 다음에 다시 혼자 2회독을 해볼 예정이다. ..

지난 3월에 진행했던 구름톤 유니브 벚꽃톤에서 대상을 수상했었는데, 그때 수상팀 대상으로 구름톤 유니브 in Jeju에 참여할 수 있는 기회가 주어졌다. 무려 5~6개월이나 지난... 엄청난 뒷북이지만 이번 제주도에서 생각하지 못했던 부분에서 많이 배워서 이번에는 기록으로 꼭 남겨두고자 글을 작성한다. 1. 구름톤 유니브 2기 벚꽃톤 대상 회고벚꽃톤은 2024년 3월 23일~24일 용인에 있는 카카오 AI 캠퍼스에서 진행되었다. 우리는 #ESG #사회 문제 해결 #디지털 약자 문제 해결 키워드에 중점을 두어, 소상공인의 마케팅을 돕는 AI 마케팅 동반자 '소동'을 개발했다."모든 것이 스마트폰으로 가능한" "디지털 전환은 모두에게 이로운 전환이었을까?" 과거에는 전단지만 돌리면 끝났던 마케팅이 이제는 어..

지난 포스트에서 Github+Jira를 연결하고 Issue까지 연동하는 작업을 완료했다.아래 사진 상으로 1, 5를 자동화한 셈인데 여기에 3, 4번도 개선할 수 있는 방법이 있을까 생각하던 중Husky를 이용하여 커밋을 컨벤션에 맞게 수정할 수 있다는 것을 알게 되었다.   그래서 이번 포스트에서는 Husky를 이용해 커밋 메시지에 Jira Ticket Number를 넣도록 설정해 보려고 한다.  ✅ Husky란?- Husky는 git hooks 를 적용하게 해주는 라이브러리로, - Git Repo에서 특정 이벤트가 발생하면 자동으로 스크립트를 실행해 준다 - ex. commit, merge, push 발생 전  Husky 설치 및 세팅1. Husky 설치npm install husky jira-pre..

지난 포스트에서는 Github Actions를 이용해 이슈 등록을 자동화하는 방법에 대해 알아보았고,이번 포스트에서는 [2. 이슈 닫기]에 대해 작성하려고 한다.  [1. 이슈 등록][2. 이슈 닫기]1. Github Issue 등록2. Github Actions - Issue open 트리거3. Jira Issue 자동 생성4. Jira 생성된 Issue의 Ticket Number로 브랜치 자동 생성1. Github Issue 닫기2. Github Actions - Issue close 트리거3. Jira Issue 상태 변경  [2. 이슈  완료]이슈 등록처럼 완료도 Closed가 트리거되었을 때, Jira의 이슈 상태 변경 API를 이용하면 된다! (아주 간단 😆) (.github/workflow..

지난 포스트에서 Jira를 도입하면서 아래와 같은 Issue 관리의 불편함🔥을 느꼈다. (기존에 Github에서 관리하던 Issue를 Jira에서만 관리하기에... ) 1. 이슈 생성 & 완료는 Jira에서 진행2. 작업한 이슈들은 Jira에만 기록됨 (Github에서 확인 X) 그래서 Github Actions를 이용해 이슈 생성 & 완료를 자동화하는 방법에 대해 찾아보았고,이번 포스트에서는 [1. 이슈 등록]에 대해 작성하려고 한다.  전반적인 Flow는 아래와 같다.[1. 이슈 등록][2. 이슈 닫기]1. Github Issue 등록2. Github Actions - Issue open 트리거3. Jira Issue 자동 생성4. Jira 생성된 Issue의 Ticket Number로 브랜치 자동..

Jira와 Github를 편리하게 사용하기 위해 기본 초기 세팅을 진행했다. 여러 블로그를 읽어본 결과, 전반적인 동작 원리는 아래와 같았다. Github에서 Jira Ticket Number를 기반으로 작업하면, Jira에서 이를 계속 트래킹  생각보다 연결도 간단해서 해당 글을 참고하여 후딱 레포 연결을 진행했다. 연결은 어렵지 않은데 권한 이슈 때문에 시간을 좀 많이 사용했다... Jira와 Github를 내가 만든 것이 아니었기에...내가 마주한 이슈는 아래 두 개였다!  🔥 Trouble Shooting 1) Jira에 Github For Jira 설치하기 - Jira 관리자에게 요청앱 설치를 했는데, Jira 관리자가 내가 아니라서 그런지 Request sent만 뜨고 ... 앱 설치가 되지..

Background이번에 프로젝트를 진행하면서 Jira를 사용하게 되었다.항상 노션에 스프린트 별 계획만 세우고 세부 진행은 깃허브 이슈를 파서 개발자끼리 진행하였기에기획과 디자이너 측은 회의 때 진행상황 공유를 통해서만 알 수 있다는 불편함이 존재했다.  Jira는 Github와 연동도 된다고 해서 초기에 세팅만 해두면,- 💻개발자들은 기존에 작업하던대로 Github에서 Issue를 파고 업무를 진행하고- ✏️기획/디자이너는 지라에서 편리하게 진행 상황을 트래킹할 수 있다! (Commit, PR 내용이 연동되므로) 실제 회사나 프로젝트에서도 많이들 사용한다고 해서,이번 프로젝트는 3개월 정도 장기로 진행하기에 초기 세팅 기간을 잡아 Jira를 도입해 보기로 결정했다!    Jira란?Jira란 애자일..