메로그

이번 글은 Nextjs15 에서 폰트를 적용하는 방법에 대한 가이드를 하도록 하겠습니다.Pretendard 란현업에서 가장 많이 쓰이는 한글 폰트로 SIL 오픈 폰트 라이선스로 글꼴 단독 판매를 제외한 모든 상업적 행위 및 수정, 재배포가 가능합니다.  그래서 사용자들은 파일을 가져와서 커스텀하여 사용하기도 합니다.공공기관에서도 어느정도 표준으로 사용하고 있는 폰트로 신뢰가 있는 폰트입니다.다운로드해당 링크에서 github pretendard 파일을 다운받으시면 됩니다. web/variable 아래에 있는 woff2 를 가져와서 사용하시면 됩니다.폴더 구조fonts/pretendard 폴더를 만들어서 아래에 라이센스 파일과 woff2 파일을 넣어주시면 됩니다.셋팅app/layout.tsx 에 아래와 같이..

모바일 앱에서 웹뷰(WebView)를 사용할 때, 웹 페이지와 네이티브 앱 간의 데이터 교환이 필요할 수 있습니다. 이를 위해 JavaScript 브릿지를 활용하면 웹과 앱이 서로 데이터를 주고받을 수 있습니다. 이번 포스팅에서는 안드로이드 WebView에서 JavaScript 브릿지를 설정하고, 간단한 데이터 송수신 테스트를 수행하는 방법을 설명합니다.1. WebView에서 JavaScript 인터페이스 추가하기안드로이드에서 웹 페이지의 JavaScript와 통신하려면 JavascriptInterface를 이용해야 합니다. 아래는 WebView 설정과 브릿지 구현 코드입니다.MainActivity.ktpackage com.example.bridge_testimport android.annotation...

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 를 조사하는 것인데, 우리가 보이는 여러 서비스, 솔루션 등에서 어떤 식으로 유저 플로우가 움직이고 실제 사용자가 원하는 니즈 등을 파악하는 행위를 진행합니다.그렇게함으로써 서비스를 사용자에게 맞춤 형태로 제공함으로써 사용자의 리텐션을 증가시키고 더 큰 로드맵을 제시할..