메로그

Pull Request 에서 승인 처리 이후, 코드 검사기능을 추가하여 PR 을 완료한 소스가 이상이 없는지를 체크하는 기능을 추가합니다.깃허브 프로젝트를 이용하면 github actions 기능을 이용해 많이들 사용하는데 그에 대한 가이드를 간략하게 정리합니다. PR RullSetsRullSets 기능을 이용해 특정 룰을 만들고 해당 룰에 대해 셋업을 해줍니다. 타겟이 되는 브랜치, 일반적으로 dev 라는 브랜치라고 가정하고 진행해보겠습니다.아래에 Require a pull request before merging 을 체크하고 아래 옵션을 체크해줍니다. 보면 승인을 2명 이상이 해줘야지만, 이제 PR 을 처리할 수 있게끔 하고, 머지기능도 일반, Squash, Rebase 등을 지원합니다.하지만, 그리..

운영하고 있는 서비스에서 새롭게 만들어진 콘텐츠가 구글 서치 콘솔에 등록했는데, 색인이 되지 않는 문제가 발생하고 있습니다.기존에 아무렇게나 올라오는 글에 비하면 퀄리티가 괜찮다고 판단하였는데, 색인이 등록되지않아 점검을 진행하였습니다. 크롤링 에이전트 변경기존에 상세페이지의 색인은 분명 Googlebot 데스크톱이었고 그거 기반으로 크롤링이 일어나고 있었습니다. 그런데, 구글에서 모바일 중심 색인 생성 권장으로 변경하면서, Googlebot 스마트폰으로 기본 에이전트가 변경되면서 발생하기 시작했습니다. 우선 현재 서비스의 문제는 웹 기반의 모바일 url 을 지원하는 것이었는데, 모바일인지 PC인지 판단하여 모바일인 경우 '/m/' url 을 붙여 리디렉션을 진행하였습니다. 그러다보니, Googlebot..

결론부터 말하면, 우리가 왜 존재하는지(미션), 어디로 나아갈지(비전)를 명확히 할 때, 팀원들이 더 큰 의미를 가지고 일할 수 있습니다.그래서 미션, 비전을 설정해야 하는 이유에 대해서 간략하게 소개해보겠습니다. 사업계획에서 미션과 비전을 설정해야 하는 이유팀에서 함께 일하다 보면, 우리가 단순히 일을 처리하고 목표를 달성하는 데 그치지 않고, 더 큰 그림을 그려야 할 순간이 옵니다.그 과정에서 미션과 비전을 설정하는 건 단순히 형식적인 요소가 아닙니다. 팀이 같은 방향을 바라보고, 의미 있는 결과를 만들기 위해 반드시 필요한 과정입니다.미션과 비전이 왜 중요한지, 그리고 이를 통해 우리가 어떤 방향성을 가질 수 있는지 이야기해 보겠습니다. 1. 미션(Mission): 지금 우리가 존재하는 이유미션은 ..

UX(User eXperience, 사용자 경험) 에 대해서는 프론트엔드 개발자, 디자이너뿐 아니라, 비즈니스를 다룰 때도 고려되어야 하는 부분 중 하나가 되었다. (UX 가 서비스 생명과 직결되는 경우가 많기 때문에)쉽게 말하면, 어? UX 알지~~ 라고 넘어가기만 하면 안되는 상황이 나온 것이다. UX 리서치그래서 이제 UX 리서치 라는 용어가 나오게 되었고 이제는 리서쳐로 해서 직무, 조직이 만들어지기 시작했다.이 UX 리서치는 UX 를 조사하는 것인데, 우리가 보이는 여러 서비스, 솔루션 등에서 어떤 식으로 유저 플로우가 움직이고 실제 사용자가 원하는 니즈 등을 파악하는 행위를 진행합니다.그렇게함으로써 서비스를 사용자에게 맞춤 형태로 제공함으로써 사용자의 리텐션을 증가시키고 더 큰 로드맵을 제시할..

티스토리에 작성한 글을 구글 서치 콘솔에 가서 상태를 확인하였는데, 페이지 색인이 생성되지 않음 + 페이지 가져오기 쪽 에러 메시지가 "리디렉션 오류" 라는 에러가 발생하였습니다. 그래서 해당 글이 왜? 리디렉션이 떴는지를 확인해보았습니다.원인그래서 크롤링에 사용된 에이전트를 보아하니 스마트폰으로 크롤링을 시도한 것을 확인했습니다.바로 티스토리로 가서 모바일 설정 옵션을 끄도록 하였습니다. 우선 위와 같이 모바일웹 자동 연결을 사용하지 않고 다시 색인 생성 요청을 시도했습니다. 결과생성되지 않던 색인이 정상적으로 생성되는 것을 확인할 수 있었습니다.

현 프로젝트에서 Nextjs14 를 사용하고 있었는데, Nextjs15 의 안정적 버전이 나와 이번에 마이그레이션을 진행했습니다. 우선적으로 크게 바뀐 것은 동기 API 들이 비동기로 변경되었고, page, layout 에서 사용되는 params 또한 비동기로 변경되었습니다.그래서 간단하게 변화 부분에 대한 내용과 새롭게 추가된 내용을 간략하게 정리하겠습니다.🚀 Next.js 15 업그레이드Next.js 15 버전이 출시되면서 많은 주요 변경 사항과 새로운 기능들이 추가되었습니다. React 19 지원과 비동기 API 변화 등 프로젝트에 큰 영향을 줄 요소들이 많으므로, 이번 포스팅에서는 Next.js 15 업그레이드에 필요한 가이드와 새 기능을 최대한 쉽게 설명드리겠습니다.1. Next.js 15 업..