YG - 96년생 , 강아지 있음, 개발자 희망

SVG 스프라이트와 개별 SVG 아이콘 사용에 관한 개발 이야기들어가며개발 과정에서 우리는 종종 당연하게 여기는 패턴이나 방식들이 있습니다. 그 중 하나가 아이콘을 효율적으로 관리하기 위한 '스프라이트(Sprite)' 기법인데요. 최근 SNS 연동 기능을 구현하면서 이 접근 방식에 대해 다시 한번 생각해보게 되었습니다. 문제 상황: 아이콘 관리SNS 로그인 기능을 개발하면서 다양한 서비스의 로고들을 한 페이지에서 불러와야 했습니다. 네이버, 인스타, 틱톡, 페이스북 등 약 10개의 로고를 효율적으로 처리해야 했죠. 처음 고민했던 것은 무엇보다 '네트워크 요청 수를 줄이는 것'이었습니다. 첫 접근: PNG 스프라이트전통적인 웹 최적화 기법으로, 여러 이미지를 하나의 큰 이미지 파일로 합친 후 CSS의 ba..

회원 데이터 관리 시스템 개선: soft delete 패턴 도입기안녕하세요! 오늘은 SNS 어시스턴트 서비스의 회원 데이터 관리 시스템을 개선한 경험을 공유하려고 합니다. 특히 회원 탈퇴 처리 방식을 하드 삭제(hard delete)에서 소프트 삭제(soft delete)로 전환한 과정과 그 이유에 대해 설명드리겠습니다. 전에는 하드삭제와 소프트삭제가 어떻게 사용될 수 있는지 잘 몰랐는데 이번 기회에 활용하는 방법을 알게 되어 좋았습니다. 기존 시스템의 문제점기존에 저희 서비스는 회원 탈퇴 요청 시 데이터베이스에서 해당 사용자의 모든 데이터를 완전히 삭제하는 방식을 사용했습니다. 이 방식은 간단하고 직관적이었지만, 다음과 같은 문제점들이 발견되었습니다:프리미엄 이용권 남용: 탈퇴 후 재가입 시 다시 하루..

네이버 블로그 이웃 신청 자동 정리 기능으로 시간 절약하기!안녕하세요, 블로그 활동하시는 분들! 오늘은 네이버 블로그 운영자라면 누구나 한 번쯤 마주치는 불편함을 해결해주는 유용한 기능을 소개해드릴게요. 바로 '수락 안 된 이웃 신청'을 효율적으로 정리해주는 SNS 어시스턴트의 '네이버 이웃 정리 도우미' 기능입니다! 이웃 신청 관리, 왜 불편할까요?네이버 블로그를 활발히 운영하다 보면 이웃 신청이 쌓이기 마련이죠. 특히 수락되지 않은 이웃 신청은 시간이 지나면서 계속 누적됩니다. 이런 상황에서:이웃 5,000명 제한에 가까워지면 새 이웃을 맺기 어려워요오래된 신청들을 정리하려면 관리자 페이지의 맨 마지막까지 가야 함한 페이지에 30개씩만 표시되어 100개 이상이면 여러 번 반복 작업 필요클릭 → ..

네이버 블로그 답방 자동화로 블로그 활동 시간 절약하는 방법!안녕하세요, 블로그 운영하시는 분들! 오늘은 블로거라면 누구나 공감할 시간 소모적인 작업, '답방'을 효율적으로 관리할 수 있는 방법을 소개해드릴게요. 네이버 블로그에서 댓글과 방문은 소통의 기본이지만, 일일이 확인하고 방문하는 과정이 너무 번거롭죠?이런 과정을 자동화할 수 있는 SNS 어시스턴트의 '네이버 블로그 답방 자동화' 기능을 소개합니다! 블로그 답방, 왜 힘들까요?블로그 운영자라면 공감하실 거예요. 내 글에 댓글을 남겨준 이웃들에게 답방을 하려면:내 글에 달린 모든 댓글 확인하기댓글 작성자의 블로그 방문하기최신 글 찾아 읽기댓글 작성하기좋아요 누르기이 과정을 수십 개의 댓글에 대해 반복한다면 정말 시간 낭비죠! 수십개의 게시..

네이버 블로그 이웃 자동 추가! 하루 100명 손쉽게 늘리는 법안녕하세요, 블로그 운영하시는 분들! 오늘은 블로그 운영의 핵심인 '이웃 늘리기'를 효율적으로 할 수 있는 방법을 소개해드릴게요. 네이버 블로그에서 이웃을 늘리는 것은 방문자 증가와 소통 활성화에 정말 중요하지만, 일일이 수작업으로 하기엔 너무 시간이 많이 들죠? SNS 어시스턴트로 이웃 자동 추가하기 SNS 어시스턴트의 네이버 블로그 이웃 자동 추가 기능을 사용하면 하루 100명까지 이웃을 효율적으로 늘릴 수 있어요! 수작업으로 하면 1시간 이상 걸리는 작업을 자동화할 수 있답니다. 어떻게 작동하나요? 🤔네이버 이웃 늘리기 기능설정한 검색 키워드로 블로그를 검색합니다검색된 블로그 중 아직 이웃이 아닌 블로거들에게 자동으로 이웃 추가 ..

들어가며최근 React Native로 프론트엔드 면접 준비 서비스를 개발하면서 음성 인식 기능을 구현해야 했다. 사용자가 면접 질문에 대한 답변을 음성으로 녹음하면 이를 텍스트로 변환하는 기능이 필요했는데, 이 과정에서 겪은 시행착오와 해결책을 공유하고자 한다.Google Speech-to-Text의 한계처음에는 Google Cloud의 Speech-to-Text API를 사용했다. 한국어 인식률이 좋다고 알려져 있고, 대규모 서비스에서 검증된 API라 선택했지만 곧 문제점을 발견했다.Google STT는 일상 대화에 최적화되어 있다 보니 개발 용어나 기술 관련 단어를 제대로 인식하지 못했다. 예를 들면:useState → 뉴스 스테이트로 인식됨useReducer → 전혀 다른 단어로 인식됨SSR → 정..

리액트 네이티브 Expo에서 Apollo GraphQL 토큰 관리 문제 해결하기문제 상황리액트 네이티브 Expo 환경에서 GraphQL Apollo 클라이언트를 사용하는 중, 액세스 토큰과 리프레시 토큰 처리에서 문제가 발생했습니다. 기존에는 getItemAsync와 같은 비동기 함수를 사용해 토큰을 스토리지에서 가져오고 있었는데, 이로 인해 첫 요청 시 Authorization 헤더가 비어있는 상태로 요청이 전송되는 문제가 있었습니다.원인 분석 문제의 핵심은 비동기적으로 토큰을 가져오는 과정에서 발생했습니다. 백엔드 로그를 확인해보니, 요청이 두 번 발생하는데:첫 번째 요청: 토큰이 없이 전송됨두 번째 요청: 토큰이 포함되어 전송됨이는 getItemAsync의 비동기 특성 때문에, 토큰을 가져오기 전에..

Gmail SMTP로 무료 이메일 인증 구현하기안녕하세요, 개발자 여러분! 오늘은 제가 최근에 구현한 Gmail SMTP를 활용한 무료 이메일 인증 시스템에 대해 공유하려고 합니다. 메일건(Mailgun)같은 서비스는 월 $15부터 시작해서 간단한 인증 기능에 사용하기엔 부담스러운 가격이더라고요. 그래서 완전 무료로 사용할 수 있는 Gmail SMTP를 활용한 방법을 찾아보게 되었습니다.왜 Gmail SMTP인가?완전 무료하루 500건까지 이메일 전송 가능 (개인 계정 기준)대부분의 개발자가 이미 Gmail 계정을 가지고 있음높은 배달 성공률준비물Gmail 계정2단계 인증이 활성화된 Google 계정NestJS 프로젝트 (다른 프레임워크도 비슷하게 적용 가능)Nodemailer 패키지1. Gmail SM..