코드의 심플 디자인에 대해서 코드에 있어서 심플 디자인이란 무엇일까?2주 전쯤, 처음으로 인프런에서 진행하는 `Simple Design` 밋업에 참가했어요. 이전부터 관심사에 있는 테크 밋업에 대해서는 모두 신청했었는데 질문에 대해서 너무 자세히 적지 않아서 그랬는지 신청하는 모든 밋업에 참석하지 못했답니다. 하지만 이번에는 레거시 코드에 대해서 개선하는 방법과 깔끔한 코드의 본질이란 무엇인가에 대한 주제로 강의를 진행한다고 나와있어 관심사에 있는 레거시 그리고 깔끔한 코드라는 키워드가 와닿아 열심히 질문을 작성해 밋업에 당첨됐고 강의를 들으러 갈 수 있었어요. 인프런이 생각보다 회사에서 가까이 있어 놀랐어요. 판교역 근처에 있는 줄 알았는데 판교역 근처는 아니고 스타트업캠퍼스라는 건물에 위치하고 있었습니다. 제가 도착하니 이미 강..

2025. 5. 1.

개발

2025 오픈소스 컨트리뷰션 아카데미 시작 2025 OSSCA(오픈소스 컨트리뷰션 아카데미) 시작이번 연도에도 오픈소스 컨트리뷰션 아카데미에 참여하게 됐어요. 작년에는 O-RAN Software Community AL/ML Framework 오픈 소스에 컨트리뷰터로서 기여하는 경험을 가졌는데 아쉽게도 작년 9월에 결혼이라는 빅빅빅 이슈로 인해 꾸준히 참여하지 못해 마스터까지는 진행하지 못해 아쉬웠어요. 그래도 한 달 동안 오픈소스에 기여하기 위해서 어떻게 해야 하는지에 대한 경험을 할 수 있어서 매우 뜻깊은 시간이었던 것 같습니다. 이번에 진행하게 되는 오픈소스 컨트리뷰션은 제가 TypeScript 나 Next.js에 대해 학습을 할 때, 강의자이셨던 캡틴 판교님이 멘토로 진행하고 계셔요. 이번 연도 오픈소스 컨트리뷰션은 지원 안 하려고 했지만,..

2025. 4. 20.

일상

디프만 16기 런칭데이에 참여 후기 디프만 런칭데이 ?오랜만에 일상 카테고리에 글을 작성하게 됐습니다 😀제가 다니고 있는 회사의 부사수였던 분이 디프만 16기 회장 직을 맡아 진행하시면서 관리하고 있는 기수들의 프로젝트들을소개하는 런칭데이를 열게 돼어 지인 추천(?)으로 조용히 참여하게 됐습니다. 저는 IT 동아리에 작년부터 관심이 많았습니다 현업에서 할 수 있는 프로젝트는 업무 특성상 한계(기술 스택)가 많아 새로운 서비스를 개발하고 싶어 나름 많은 도전을 했습니다. 아직까지 유의미한 결과는 못 내고 있는 상황이지만 이번 년도에는 꼭 ~ 좋은 IT 동아리에 들어가 다양한 분들과 좋은 환경에서 개발하고 싶은 마음이 있습니다.디프만 런칭데이 !오후 2시부터 디프만 런칭데이가 진행 됐어요. 생각보다 훨씬 많은 인원에 당황했는데 이렇게 많은 ..

2025. 4. 8.

일상

웹 접근성을 위한 role과 aria-label의 차이점과 활용법 최근에 진행 중인 신규 프로젝트에서 웹 접근성을 고려하여 개발을 진행하였다. 하지만 웹 접근성 가운데 고려할 수 있는 스크린 리더를 위한 처리는 자세히 알지 못하였기에 스크린 리더를 고려할 수 있는 `role`과 `aira-label` 속성에 대해서 고민하게 되었고 `role`과 `aria-label`에 차이점과 활용법을 알아보려고 한다.  role , aria-label?속성역할주요 용도role요소의 역할(목적)을 지정스크린리더가 요소를 어떻게 해석할 지 결정aira-label사용자에게 제공할 설명을 추가의미 없는 아이콘이나 비표시 텍스트에 설명 부여 핵심 차이점`role`은 요소의 기능을 정의한다.`aria-label`은 사용자가 들을 수 있는 설명을 추가한다role 속성의 활용법`role` 속성은 ..

2025. 4. 4.

개발

ProseMirror 가이드 톹아보기 이전 글에서는 동시 편집을 지원하기 위한 프로토콜인 WebRTC와 WebSocket에 대해서 차이와 동작 방식을 짧게나마 알아봤다. 이번에는 WYSIWYG 리치 텍스트 에디터를 만들기 위한 도구와 개념들을 제공하는 ProseMirror를 알아보려고 한다. ProseMirror Guide ProseMirror Guidestrong "strong text with " em "emphasis"prosemirror.net ProseMirror는 현재 사내에서 사용하고 있는 협업 툴인 Jira에서도 텍스트 에디터로 사용되고 있다. 또한 예전부터 관심 있는 동시편집에 있어서 ProseMirror가 매우 좋은 성능을 발휘하고 있다고 알고 있어서  ProseMirror를 이 기회에 분석해야 겠다고 생각해 가이드 문서를..

2025. 3. 31.

개발

WebRTC 와 WebSocket의 차이 알아보기 요즘 회사에서 새로운 웹 에디터를 개발하려고 준비중이다.관련 기술을 학습해야하는 시간이 왔는데 웹 에디터에 동시 편집을 지원하기 위한 대표적인 프로토콜 방법인WebRTC와 WebSocket에 대해서 장/단점을 비교하고 동작방식에 대해서 알아보려고 한다. WebRTC (Web Real-Time Communication)란?WebRTC(Web Real-Time Communication)는 브라우저 간(P2P) 직접 실시간 데이터 통신을 가능하게 하는 기술주로 오디오/비디오 스트리밍, 실시간 파일 전송 등에 사용기본 개념: P2P 연결을 통해 클라이언트끼리 직접 데이터를 교환함.특징:낮은 지연시간 (Low Latency) → 서버를 거치지 않고 직접 통신오디오/비디오 스트리밍 지원 → 실시간 화상 채팅, 라이..

2025. 3. 28.

개발