project

📌EC2(Elastic Compute Cloud)란? EC2란 AWS 에서 제공하는 클라우드 컴퓨팅 서비스로, 아마존이 사용자들에게 독립된 컴퓨터를 임대해주는 서비스라고 볼 수 있다. EC2를 사용해 가상 서버를 구축하고, 보안 및 네트워킹을 구성해 보다 빠르게 애플리케이션을 개발하고 배포할 수 있다. 인스턴스 유형, 운영체제, 소프트웨어 패키지 등을 선택할 수 있으며, 메모리, CPU, 스토리지, 부팅 파티션 크기 등을 선택할 수 있는 유연한 클라우드 호스팅 서비스이다. 1. AWS EC2 AWS에 접속하여 서비스 > EC2에 들어온 뒤 인스턴스 시작 버튼을 클릭한다. EC2 인스턴스란 가상 컴퓨팅 환경으로 가상 머신을 생성하고 실행하는데 사용된다. 무료로 이용이 가능한 AWS Linux를 선택한다. ..

번개마켓 프로젝트에서는 next.js를 사용했다. 그렇다면 왜 next.js인가? 저번 팀 프로젝트에서는 프론트엔드에서 많이 쓰이는 기술이 React이기 때문에 해당 라이브러리를 이용한 프로젝트를 하고 싶었고, 해당 기술의 숙련도를 익히고 심화적으로 증진시키기 위함이 주 목적이었다. 사람들이 많이 이용하기 때문에, 혹은 취업하고 싶은 기업이 해당 경험을 우대해주기 때문과 같은 이유로 기술이나 툴을 선택한 것이 가장 주된 이유지만, 이번에는 기획, 설계, 구현까지 혼자 진행하는 프로젝트이기때문에 사용하는 렌더링 방식에 대해 명확히 알고 넘어가야겠다고 생각했다. 우선 Next.js를 사용하는 가장 큰 이유는, SEO(Search Engine Optimization)를 위한 Server-Side Renderi..

이번 프로젝트에서 S3, CloudFront, Route53을 이용하여 정적 웹 호스팅을 하게 되어 정리해놓고자 한다. S3, CloudFront, Route53은 각각 무엇인가? Amazon S3 Amazon S3의 'S3'는 Simple Storage Service의 약자로, 이 서비스가 사용자에게 간단하고 사용하기 쉬운 스토리지 서비스를 제공한다는 의미를 담고 있다. 데이터는 버킷이라고 불리는 리소스에 객체로 저장되며, 정적 웹사이트 호스팅을 지원한다. 여기서 말하는 정적 웹사이트는 동작이나 변화가 없는 웹사이트가 아니라 HTML, CSS, JS 파일이 항상 동일한 리소스인 것을 의미한다. 이에 대해서 너무나도 잘 설명해놓은 블로그가 있어 아래 링크로 첨부한다. S3의 정적 웹사이트 호스팅이란? S..

이전 프로젝트에서는 react-hook-form만 사용했는데, 이번에는 yup까지 같이 사용하게 됐다. 이전 프로젝트를 진행할때 현업에 종사하시는 멘토님께서 실무를 할때 react-hook-form과 yup을 같이 사용한다고 했기에 좋은 경험이 될거라 생각했다. react-hook-form을 사용하는 이유 이전까지 모든 state를 직접 만들고, onchange함수도 일일히 만들어 바인딩해주는 등 노가다성 코딩을 했다. 이부분을 폼 라이브러리를 사용하면 더이상 노가다성 코딩을 하지 않아도 되며 굉장히 간편하다. 이전에 사용하던 onchange를 만들어 setState를 해주고 바인딩 하는 방법은 state가 변화할때마다 렌더링이 되기때문에 불필요한 렌더링이 지속적으로 일어나 굉장히 비효율적이었다. 또한 ..