FE

| 서론 안녕하세요, 팡일입니다.프로젝트를 진행하면서 서버 데이터 호출 로직이 점점 복잡해져, API 모듈 구조를 정리하려고 했습니다. 그런데 구조를 손본 직후, 화면이 하얘지고 콘솔에는 courses.ts 404가 터졌습니다.“파일 하나만 만들면 …

| 서론 안녕하세요, 팡일입니다. React Router v6에서 중첩 라우트(nested routes)를 사용하다 보면 index 라우트를 자연스럽게 사용하게 됩니다. 저 역시 메시지 기능을 구현하면서 /message 아래에 여러 하위 페이지를 두…

| 서론 안녕하세요, 팡일입니다. 오늘은 React + Vite + TS 환경과 Firebase Hosting 그리고 Github Action을 구축하는 방법에 대해서 공유 드리려고 합니다. Vercel로 CI/CD를 구축하는 방법도 공유드린 적이 …

| 서론 안녕하세요, 팡일입니다. 지난 포스팅에서는 useQuery와 캐시 생명주기를 중심으로, 서버 데이터를 ‘읽어오는(Read)’ 방식에 대해 깊이 있게 살펴보았습니다. 이번 포스팅에서는 그 데이터를 ‘변경하는(Change)’ 작업, 즉 생성(C…

| 서론 안녕하세요, 팡일입니다! 이번 포스팅에서는 TanStack Query(이하 React Query)의 가장 핵심적인 훅인 useQuery를 깊이 있게 살펴보려고 합니다. 단순히 “데이터를 가져오는 방법”을 넘어서, React Query가 내부…

| 서론 JavaScript를 사용하다 보면 “문법은 아는데, 막상 문제를 풀거나 코드를 짜려면 손이 안 움직이는 순간”이 자주 온다.특히 코딩테스트나 알고리즘 문제, 혹은 실무에서 데이터를 가공할 때 배열, 문자열, 객체, Set/Map, 정렬 같…

| 인트로 안녕하세요, 팡일입니다. 이전 포스팅에서는 프로젝트에서 이미지 로딩 구조를 개선하며 성능을 정량적으로 측정하고 검증한 과정을 정리해보았습니다. 이번에는 그 연장선상에서, 초기 로딩 성능에 직접적인 영향을 주는 코드 스플리팅(Code Spl…

| 인트로 안녕하세요, 팡일입니다. 프론트엔드 프로젝트에서 이미지를 사용하는 방식은 여러 가지가 있는데, 이번 프로젝트에서는 public 폴더에 이미지를 위치시키고 경로 문자열로 참조하는 방식을 사용하고 있었습니다. 기능 구현에는 문제가 없었지만, …

| 인트로 안녕하세요, 팡일입니다. 오늘은 프로젝트에서 외부 링크를 새 탭으로 열기 위해 사용한 target="_blank" 속성으로 인해 마주했던 경고에 대한 포스팅을 기록해보려고 합니다. Using target="_blank" without re…

| 서론 안녕하세요! 팡일입니다. 이번 글에서는 Flutter로 앱을 개발하면서 탭 전환 방식을 스와이프 기반으로 개선한 과정을 소개해드리려고 합니다. 기존에는 하단 탭 버튼을 눌러야만 화면이 전환되었지만, 많은 사용자들은 이미 다양한 앱에서 좌우 …

| 서론 안녕하세요, 팡일입니다. Flutter 프로젝트를 진행하다 보면 가장 먼저 커스터마이징하고 싶은 요소 중 하나가 앱 아이콘입니다. 최근 Blridge 프로젝트의 iOS 아이콘을 변경하면서 예상하지 못한 검정 테두리 문제를 겪게 되었고, 이를…

| 서론 – 도메인도 샀는데 왜 미리보기가 안 뜨지? 안녕하세요 팡일입니다. 드디어 re-log 프로젝트의 공식 도메인을 구매했습니다! 구매한 도메인을 무사히 연결한 뒤에, 프로젝트 re-log를 배포하고 나서 SNS에 공유 기능을 눌러봤습니다. 카…