들어가며블라이(BLAI)는 블로그 콘텐츠 분석 서비스로, 네이버 블로그 마케터들에게 네이버 블로그 상위노출 알고리즘에 알맞게 자기 글을 개선하기 위한 '형태소 분석, 비속어 검출, 이미지 분석' 기능 등을 제공한다. 이를 위해 Nest.js 백엔드와 Python 크롤링 및 분석 엔진이 협력하여 해당 처리를 진행한다. 이 글에서는 두 시스템 간 통신을 위해

웹에서 애니메이션을 만들다 보면 “어떤 애니메이션은 왜 부드럽고, 어떤 건 버벅이지?”라는 궁금증이 생길 때가 있다. 그리고 약간 복잡한 애니메이션을 재생할 때 'will-change'라는 css속성을 넣으면 좀 빨라진다는 조언을 들은 적이 있는가? 나는 있다.. 클로드가 여러번 제안해주더라..일단 will-change가 GPU 활성화를 시키는 속성이라고만

들어가며..최근 회사에서 내 리소스는 Blai 개발에 120% 쓰이고 있었고, ANTTIME은 솔직히 방치되어 있었다. 토큰스왑 페이지만 간간히 개선하고 본 앱은 업데이트 거리가 별로 없었기 때문이다. 그러다가 지지난주에 본 앱에 유지보수성 업데이트로 React Native 버전업을 진행하게 되었고, 이 업데이트로 RN New Architecture와 새로

들어가며SEO(검색 엔진 최적화)의 중요성은 그 어느때보다 강조되고 있다. React에서 Next.js로 기술스택을 이전하는 주요한 이유도 SEO일테다. 하지만 막상 SEO를 제대로 관리구현하려면 "뭘 어떻게 설정해야 하지?"라는 막연함이 있다. 이 글에서는 실제 운영 중인 Nex layout.tsxt.js 프로젝트의 SEO 설정을 A부터 Z까지 뜯어보며,

TypeORM으로 개발하면서 엔티티를 정의할 때, 나는 주로 이렇게 작성했다:@Entity() export class Post { @Column() title: string; @Column() content: string; @Column() likes: number; @Column() isPublished: bo

개인 블로그를 운영하다가 갑자기 사이트가 다운되는 경험을 했다. 에러 코드는 402 Payment Required. Vercel의 Free 플랜 트래픽 한도를 초과했다는 메시지였다. 분명 방문자가 그렇게 많지 않은 작은 블로그인데, 도대체 무슨 일이 있었던 걸까...사건의 발단10월 말, 내 블로그는 "This deployment is temporarily

SQL 문제: 2005년 5월 29일 ~ 30일 사이에 반납된 영화의 아이디와 이름을 구하시오.테이블 구조는 아래와 같았다. 각기 모든 테이블은 기본키를 가지고 있고, 필름 - 인벤토리(중간테이블) - 렌탈인벤토리는 필름과 렌탈을 이어주는 중간테이블이다. (N:N관계를 만들어줌)1. 테이블을 모두 JOIN 후 GROUP BY로 중복제거처음 내가 낸 답은 정

문제: 아래 Routes에서 DynamicRoutes를 엘레강스하게 추출하려면?import { Equal, Expect } from '../../helper'; type Routes = '/users' | '/users/:id' | '/products' | '/products/:id'; type DynamicRoutes = unknown; type t

작성중

문제:이 블로그 About페이지에서 내 전화번호는 로그인 후 확인할 수 있게 해놓았다. 그런데 로그인해도 전화번호가 안 보인다.. (개발 환경에선 제대로 로드된다.)로그인 안 해도 페이지 접근은 되나 로그인 하면 보안 처리된 정보를 볼 수 있는 페이지를 만드는 방법:1. HttpOnly를 쓰는 경우, 서버 컴포넌트에서 acc

요즘 퇴근 후 유니티 강의를 듣고 있다. 일단 2D 게임 튜토리얼을 모은 강의들을 듣고 있는데,가장 최근 만들고 있는 건 똥피하기 게임이다. 현재 좌우 방향키 전환 시 플레이어가 움직이는 스크립트를 만들었는데 강의에서는 별다른 설명없이 Unity API를 쓰더라. (대충 "transform은 캐릭터를 움직이는 거에요." 정도로

보통 현대 개발 프레임워크들은 init 시 최상단 루트에 하나의 package.json을 가지고 있다.이렇듯 나에겐 '항상 최상단에 pacakge.json 하나'가 관습화되어있었는데, 최근 모노레포 프로젝트를 진행하면서 한 워크스페이스에 여러개의 패키지(각기 package.json을 가지고 있음)가 있는 구조를 체험하고 npm pacakge에 대해 더 알아