Photorage

프로젝트 요약 사진 기반의 SNS가 넘쳐나는데, 다른 SNS 서비스들과 다르게 "앨범" 이라는 개념을 조금 더 강하게 도입하고자 함. 기존 SNS의 복잡한 기능들 대신 일상/여행의 앨범이라는 개념만으로 구현. 친구들끼리의 추억, 가족들끼리의 추억을 담은 앨범으로 시작

공부 배경 내가 ICT 인턴을 진행하는 기업의 서비스는 90%가 Vanila TypeScript로 이루어져있고, 요새 새로 추가하는 신규 기능 같은 경우는 React를 통해 개발을 진행하고 있다. 나는 입사 당시만해도 React를 전혀 몰랐기 때문에 아무런 감흥도 없었

지난 글 1-1. React CRA가 최선이고 최고일까?에 이어지는 글입니다. 나는 CRA를 안쓰고 싶었으며, 빠른 빌드 도구인 esbuild 존재를 알았기 때문에 CRA 없이 React + TypeScript의 개발환경을 세팅하는 방법을 우선 알아보았다. 패키지

1.에서 CRA가 아닌 Vite를 사용하기로 했다. 이번엔 바이트를 이용하여 프로젝트를 생성 하고 사용하고자 하는 추가 개발 도구들(스토리북 등)을 설치 해보자. yarn create vite [프로젝트 명] --template react-ts 사용 시 ![](ht

이번엔 Vite를 이용하여 프로젝트를 생성 하고 사용하고자 하는 추가 개발 도구들(스토리북 등)을 설치 해보자. 그 전에 앞서 npm 이나 yarn 이 설치가 되어있지 않은 분들은 그것을 먼저 설치 하도록 하자. 참고 링크 - https://heropy.bl

지난 포스팅에서 프로젝트를 Vite로 만들고 스토리북까지 추가해봤다. 이번에는 리액트로 만들 웹을 AWS의 EC2 제품을 이용하여 배포하는 인프라를 구축 해보겠다. 글 제목이 React + Spring이라 헷갈릴 수도 있을 것 같다. 정확히 우리 프로젝트는 MSA로

VS Code를 이용하면 각 파일을 import 해줄 때 우리는 종종 아래와 같은 형식을 사용한다. ex) import Button from '../../../src/components/Button' 이는 상대경로로 현재 import 하는 파일의 디렉토리 기준