rhanziy

App Center 지원 종료그동안 App Center의 API 서버를 통해 code-push를 사용해왔던 유저들에게 절망적인 소식이 있다. Visual Studio App Center가 2025년 3월 31일에 종료된다고 발표한 것... 현재 맡고있는 서비스도 appcenter cli를 통해 편리하게 앱의 소소한 개선사항을 반영하곤 했는데 이제 코드푸시를 태우려면 2가지 방법 중 택 1을 해야한다.1. 자체 서버 구축 혹은 MS Codepush Standalone 직접 설치 및 운영 (무료, 서버비 별도)App Center 의존성 없이 CodePush 번들과 업데이트 정보를 서버를 구축해 직접 생성하고 업로드하기 혹은 마이크로소프트의 클라우드 컴퓨팅 서비스 Azure를 통해 App Center를 대신하..

처음 만난 코드트리글또에서 코드트리와 협업하여 한 달 동안 체험할 수 있는 기회를 제공받았다. 코드트리는 리트코드, 프로그래머스, 백준같이 코딩 테스트를 준비하고 역량을 향상시킬 수 있게 도와주는 플랫폼이라고 한다. 마침 준비중이던 코딩테스트 기초 공부를 어디서부터 시작해야되나 막막하던 상황이여서 냉큼 신청했다! 코드트리는 베타 기능이지만 실력 진단 후 맞춤형 학습 코스가 준비되어 있어서 기초를 체계적으로 다지기 좋은 플랫폼이라는 생각이 들었다. 추가적으로 만족스러웠던 부분은 하루하루 성취감을 느낄 수 있게 나의 일일 목표를 설정할 수 있는 점이였다. 나는 이번 글또10기X코드트리 블로그 챌린지에 참여하며 디스코드를 통해 데일리 체크인과 병행해 학습을 해보았는데, 꾸준히 연속 체크인을 기록하며 학구열을 ..

~글을 읽는 분들에게 전하는 혼잣말~저는 수포자 입니다.ㅠㅠ 수학은 제가 가장 먼저 포기한 과목이었지만, 개발자가 된 후 이 선택이 이렇게 큰 후회로 남을 줄은 몰랐습니다. 중학교 2학년 때부터 수학을 멀리했던 저는 프론트엔드 개발자로 직종을 전환한 뒤에도 수학의 빈자리를 크게 느끼지 못했습니다. 실무에서 배워야 할 것들이 산더미였거든요.하지만 이직 준비를 위해 [코딩테스트]라는 넘을 마주한 순간, 제게 부족했던 수학적 사고 능력을 뼈저리게 느끼게 되었습니다. 처음에는 코딩 문법과 자료구조 개념이 생소해서 그런가 보다 했지만, 반복되는 좌절 끝에 깨달았죠. '근본적인 해결책은 수학과 친해지는 것이다.'그래서 수포자 스터디에 참여해 초등~고등학교를 아우르는 개념 보충용 수학 교재를 사서 풀어보고 있습니다...

이번 글은 로그인 기능을 추가하면서, 프로젝트 관리자 페이지에 접근할 사용자 수가 한정적이라는 점을 고려해, 최대한 간편하게 Supabase Auth를 활용해 인증 처리를 구현했다.특히, 처음으로 Next.js 프로젝트를 진행하다 보니, 서버에서 로그인 세션을 받아오고 이를 검증하는 절차가 꽤 까다롭게 느껴졌다.ㅎㅎSupabase Auth에서 제공하는 다양한 소셜 로그인 기능을 사용하지 않았는데, 그 이유는 프로젝트 자체가 정보 공유를 위한 정적 웹사이트였고, 관리자 계정만 필요했기 때문이다.따라서 Supabase 프로젝트에 사전에 지정된 관리자 계정을 추가한 뒤, 로그인 시 해당 계정을 기준으로 검증하는 방식으로 인증 흐름을 구현했다. 1. Create New User / NPM설치supabase 프로..

데이터 리스트 페이지를 만들고 나서 추가로 엑셀 다운로드 기능을 요청받았다.나는 xlsx-js-style 라이브러리를 사용했는데 과정을 정리하는 겸 작성하는 글..위 라이브러리를 사용한 이유는 `javascript를 사용해 스프레드시트에 스타일을 옵션을 추가`할 수 있는 장점이 있다고해서 선택했다.현재는 워크시트 디자인을 해놓진 않았지만 추후 스타일 변경을 고려해볼 예정,,지원되는 스타일 속성은 `alignment, border, fill, font, numFmt` 이고 설정이 꽤나 간편하다는 생각이 들었다. 🔽 공식 페이지에서 제공하는 코드import XLSX from 'xlsx-js-style';export default function Excel() { // STEP 1: 새로운 workbo..

정~말 오랜만에 글을 작성한다! 거의 한달만인 것 같네.. 그만큼 내 투지도 잠시 멈춰있었다고 볼 수 있겠다.어쩌다 충동적으로 다혜랑 이탈리아에 2주간(11.19 ~ 12.03) 여행을 다녀오게 되었는데, 그 후로 여독이 안풀린 상태인 것 같다.다혜는 힘쎈 블로거라 잠들기 전 하루 하루를 기록하던데 그 기세에 힘 입어 나도 글 좀 쓸걸!!!!ㅋㅋ 그냥 두서없이 작성하며 한해를 돌아봐야겠다. 2024년은 나에게 끊임없는 퀘스트가 주어진 해였다.☑️ 첫 스타트업 프로젝트☑️ 처음 혼자 다녀온 치앙마이☑️ 엄마랑 처음 간 해외, 대만 ☑️ 퇴사 후 실업급여쟁이로 신분 하락☑️ 계획에 없던 첫 유럽! 이탈리아☑️ 탄핵(?)써놓고보니 처음 경험한게 왜이렇게 많은거야!! 또 비행기를 참 많이도 탔다ㅋㅋㅋ exp는 ..

페이지네이션 라이브러리를 안쓰고 큰 흐름을 파악하고자 직접 구현해봤다. 의도한대로 동작은 되었는데 3번은 갈아 엎은듯. 하하. 페이지네이션이 이렇게 복잡한 것일 줄이야. 그래서 구현과정을 정리해보고자 제목을 [페이지네이션 구현기]로 정했다. 1차 시도 데이터 배열 slice처음에는 단순하게 데이터가 리스트가 담긴 배열을 현재페이지 * 보여줄 페이지 개수 ~ 다음페이지 * 보여줄 페이지 개수로 slice해서 보여줬었는데 데이터가 많아지면 비효율적이기때문에 일찌감치 리팩토링 했다.arr.slice((currentPage - 1) * itemCountPerPage, Math.min(currentPage * itemCountPerPage, totalItems) 2차 시도 searchParamsuseSearchP..

오픈그래프(Open Graph)웹페이지가 소셜 미디어에서 공유될 때 페이지의 제목, 이미지, 설명 등을 어떻게 보여줄지 제어하는 메타데이터 표준이다. 오픈 그래프 태그는 검색 엔진 최적화(SEO)에 직접적인 영향을 주기보다는, 소셜 미디어에서의 공유를 최적화함으로써 간접적인 SEO 효과를 기대할 수 있다. 보통 og태그라고도 하며, 이 글에서는 이미지 설정을 주로 다룰 예정. 최소 이미지 사이즈는 200px * 200px이며, 페이스북에서 사용되는 기본 사이즈는 1200px * 630px 이다. 오픈 그래프 이미지를 설정하는데에는 3가지 방법이 있다. 프로젝트의 규모에 따라 달라질 것 같으니 천천히 읽어보고 선택해보쟈. 레츠고 1. 경로로 설정하기오픈그래프 이미지에 허용되는 확장자는 다음과 같다. .jp..