아직 작성중인 글 입니다.

새로운 프로젝트를 마무리하던 도중 저에게 맡겨진 역할은 웹 페이지의 sitemap을 작성하는 것이었습니다. 따라서 오늘은 Next.js에서 sitemap을 작성하는 다양한 방법에 대해서 공부했던 내용과 현재 프로젝트에는 어떻게 적용했는지에 대해서 글을 써 보겠습니다. 이 글은 2024-06-24 에 업데이트 되었습니다. 이 글은 HTM...

새로운 프로젝트를 진행하면서 1달이라는 짧은 기간 내에 프로젝트를 완성해야 했기에 팀원들과의 논의 끝에, UI 개발을 최대한 신속하게 처리하고 더 중요한 기능 구현에 집중하기로 결정했습니다. 따라서, 빠른 UI구현을 위해 Shadcn UI의 사용을 결정하게 되었습니다. 이 글은 2024-04-30 에 업데이트 되었습니다. Shadcn UI ...

지난 React Native 시작하기 글에 이어서 오늘은 react-native 환경 설정 하는법을 알아 보겠습니다. React Native 환경 설정은 공식 문서를 보고 해도 되지만 공식 문서의 설명은 살짝 부족하였고 환경 설정을 할 때 자잘한 오류들을 해결한 과정을 설명하려 합니다. 이 글은 2024-04-27 에 업데이트 되었습니다. ...

지금까지 react를 공부하면서 여러 사이드 프로젝트를 찾고 있었는데 react로 개발하는 웹 프로젝트보다 react-native를 사용하여 개발하는 앱 프로젝트가 많아서 프로젝트 주제가 좋아도 “react-native는 앱 개발이다” 라는 생각이 고정관념으로 머릿속에 박혀 있었기 때문에 쉽게 다가가지 못했었습니다. 사실, 둘 다 react를 사용하...

팀 프로젝트를 진행 중에 로그인 기능을 구현하는 과정에서 쿠키를 사용하여 로그인 상태를 유지하는 과정을 진행하였습니다. 하지만 이 과정에서 쿠키 값을 가져오는 도중 올바른 값을 가져올 수 없는 현상이 발생하였기 때문에 오늘은 해당 문제와 해결과정을 공유하여 다음에 실수를 방지하려고 합니다. 이 글은 2024-06-25 에 업데이트 되었습니다. ...

팀 프로젝트를 진행하던 도중 Next.js에서는 React와는 다르게 페이지 단위 로딩을 쉽게 구현할 수 있는 사실을 공식 문서에서 확인할 수 있었습니다. 또한 에러 처리를 할 수 있는 코드도 React 와는 다르게 쉽게 작성할 수 있기 때문에 오늘은 에러처리와 로딩을 어떻게 사용하는지 간단한 사용법과 프로젝트를 만들어 보겠습니다. 이 글은 2...

팀 프로젝트 작업 중 기본적인 UI 구성이 완료되었으므로, 이제 API 연동을 시작하려고 합니다. 이전에는 axios와 같은 라이브러리를 사용했지만, 이번 프로젝트에서는 Next.js를 사용하고 있기 때문에, 공식 문서에서 권장하는 fetch를 사용하여 데이터를 가져오는 방법을 알아보겠습니다. 이 글은 2024-06-23 에 업데이트 되었습니다...

3번의 프로젝트 동안 Next.js 를 사용하고 있었지만 Next.js 의 렌더링 전략의 개념이 살짝 헷갈리는 부분이 있었습니다. 그래서 이번 글에서는 확실히 그 개념을 정리해 보겠습니다. 이 글은 2024-06-23 에 업데이트 되었습니다. 이 글은 HTML, CSS , JavaScript, TypeScript, React, Next...

개인 프로젝트에서 축구팀과 선수들의 순위를 구현하기 위해 테이블을 사용해야 했습니다. 그러나 여러 가지 기능이 있는 테이블을 직접 구현하는 데는 시간이 많이 걸릴 수 있습니다. 그래서 빠르고 효율적으로 다양한 기능을 제공하는 라이브러리를 찾던 중, tanstack-table을 발견하게 되었습니다. 오늘은 tanstack-table을 간단히 소개하고, ...