분류 전체보기

이전 글에서 ipTIME 공유기를 이용하여 간이 NAS를 구성하는 방법에 대해 소개했었다. 이전 글에 이어서, 이번 글에서는 ipTIME 공유기를 이용하여 클라우드 서비스를 만드는 방법에 대해 소개하고자 한다. ipTIME 클라우드 서비스는 NAS의 특정 폴더와 내 PC의 특정 폴더를 자동으로 동기화 시켜주는 역할을 한다. (마치 MS의 원드라이브와 같이 특정 폴더가 일정 주기마다 동기화되는 것이다.) 글을 시작하기에 앞서, 이전에 진행했던 설정은 스킵하고 넘어갈 예정이다. ipTIME 공유기로 NAS 서비스는 구성했다고 가정하고 시작한다. NAS 구성부터 진행해야 한다면 아래 글을 먼저 확인한 후 이 글을 진행하도록 하자. IT장비 | 공유기를 이용한 간이 NAS 구성 (with. ipTIME AX30..

이 글은 리액트에서 Firebase로 이메일-패스워드 로그인을 구현하는 방법에 대해 정리한 글이다. 소셜로그인 구현은 다른 글로 차후에 작성할 예정이다. Firebase 계정이 있다고 가정하고 글을 시작한다. 계정이 없다면 아래 링크(Firebase 홈페이지)에서 구글계정으로 계정을 활성화하고 시작하면 된다. https://firebase.google.com/?hl=ko Firebase | Google’s Mobile and Web App Development Platform 개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요. firebase.google.com Firebase 프로젝트 추가 Firebase 로그..

이 글은 Vite를 이용하여 생성한 리액트 프로젝트에서 상대 경로를 절대 경로로 대체하는 방법에 대해 소개한다. 상대 경로를 사용하든, 절대 경로를 사용하든 동작에는 문제가 없지만, 프로젝트의 규모가 커질수록 상대 경로의 깊이가 깊어지기 때문에 경로가 복잡해진다는 문제가 발생할 수 있다. 이러한 문제를 해결하기 위해 상대 경로를 절대 경로로 대체하는 방법에 대해 알아보고자 한다. 상대 경로를 절대 경로로 대체하기 tsconfig.json 파일과 vite.config.ts 파일을 수정하여 상대 경로를 절대 경로로 대체할 수 있다. vite.config.ts 파일 수정 vite.config.ts 파일은 아무것도 수정하지 않았다면, 아래와 같이 구성되어 있다. import { defineConfig } fro..

이 글에서는 react-router-dom을 사용하여 리액트에서 페이지 이동을 처리하는 방법에 대한 포스팅이다. 이 글에서 사용한 react-router-dom의 버전은 v6( v6.21.3 )이다. 라우팅이란? 라우팅(routing)은 어떤 네트워크 안에서 통신 데이터를 보낼 때, 최적의 경로를 선택하는 과정을 의미한다. 여기서 최적의 경로는 주어진 데이터를 가장 짧은 거리로 또는 가장 적은 시간 안에 전송할 수 있는 경로이다. 웹에서 혹은 앱에서 라우팅의 의미는 사용자가 원하는 URL에 따라 알맞은 화면(페이지)을 보여주는 것이라고 생각할 수 있다. 리액트에서 SPA(Single Page Application)를 구현하기 위해 라우팅을 사용하게 되며, 라우팅을 구축하기 위해서는 크게 React Rou..

이 글은 ipTIME 공유기를 이용하여 간이 NAS를 구성하는 방법에 대해 정리하였다. 간이 NAS를 사용해 데이터를 공유하거나, NAS를 구성하기 전 체험하고 싶을 때 이 방법을 사용하면 유용하지 않을까 싶다. 본격적으로 데이터를 저장하고 보관하는 용도로 사용하기엔 안정성이 떨어지지 않을까 생각된다. (이건 단순히 필자의 생각일 뿐이다...) 준비물 NAS를 구성하기 위해 간이 NAS를 지원하는 공유기와 저장 장치(USB or 외장하드)를 준비해야 한다. 필자가 준비한 공유기는 ipTIME AX3000M 모델이며, 저장 장치는 다이소에서 구할 수 있는 SanDisk 32GB 모델이다. (USB는 예전에 집에서 사용하다가 이제는 굴러다니는 삼성전자 D3 Station 모델로 변경할 예정이다. 스틱형 US..