프로젝트 (43) 썸네일형 리스트형 [나만의명언집] NextJS, Posgres 기반 앱을 EC2에 천천히 배포해보자(with WIndow 10 , PUTTY, PSCP, 아마존 리눅스) 포스트 목적해당 포스트는 나만의 명언집 프로젝트를 AWS EC2 에 배포하는 과정을 정리하는 것을 목적으로 합니다. 다양한 EC2 배포 포스트를 보았지만, 각 과정에서 해당 명령어의 설명이나 이러한 순서를 지키는 목적 등에 대한 언급이 거의 없었습니다. 이로 인해 왜 그 과정을 거치는지에 대한 이해도 없이 따라만 하기에 급급해질 것 같았기에 최대한 이를 공부하며 지니가자는 마음으로 부연 설명을 곳곳에 적으며 정리하였습니다. 따라서 빠르게 EC2 배포를 진행하고자 하시는 분들이라면 다른 분들의 포스트를 참고하시는 것을 권장합니다. Route 53 으로 도메인 발급받기 이미 도메인이 있다면, 이 과정은 건너 뛰어도 됩니다. 만일 새로 발급받아야 한다면, 이 과정을 따라가며 하나 발급받는 것도 좋을 것 같습니.. [나만의 명언집 프로젝트] 코드 리팩터링 정리본 포스트 목적 해당 포스트는 리팩토링 한 코드 중에서 참고할 만한 코드가 있는 경우에 간략하게 정리하는 용도로 활용됩니다. 해당 포스트는 최근 수정된 날짜를 기준으로 업로드 날짜가 갱신됩니다. [리팩터링] 불필요하게 긴 로직을 가진 SNS 공유 함수 해당 함수는 사용자가 [공유하기] 버튼을 클릭하는 경우 호출되며, 클릭한 아이콘 마다 서로 다른 SNS 의 공유 링크가 생성되어 해당 사이트의 브라우저로 연결된다. 해당 함수를 리팩터링하고자 했던 이유는 switch 문으로 인해 불필요한 공간 낭비가 발생한다고 판단되었고, 유지보수적인 측면에서도 향후 기능이 추가 되거나 했을 때, 좋지 못하다고 판단했기 때문이다. 기존코드 기존 코드는 switch 문으로 분기 처리하여 urlConcat 변수에 할당 후 wind.. [나만의 명언집] 기능 구현 정리본 ③ [이전 포스트] 기능 구현 모음집 2 [나만의 명언집 프로젝트] 기능 구현 정리본② 오늘의 명언 [이전글] 기능구현 정리본 ① [나만의 명언집 만들기 프로젝트] 기능 구현 정리본 ① 오늘의 명언 [기능구현] 좋아요 기능 좋아요 로직 - 사용자가 [좋아요] 아이콘 혹은 버튼을 클릭 duklook.tistory.com 오늘의 명언 포스트 목적 NextJS 14.1 버전을 사용하여 나만의 명언집을 만들어 보는 프로젝트 중에 구현한 기능 중 일부를 정리하는 포스트 입니다. 해당 정리본은 총 3개가 존재하며, 해당 포스트는 그중 세 번째 정리본입니다. 이제 포스트 작성 시 ~ 합니다. 체로 작성하려고 하지만, 현재 포스트는 이전까지 작성한 포스트와의 통일성을 맞추기 위해 ~한다, ~다 와 같은 형식으로 작성합니다.. [나만의 명언집 배포] NextJS(^14.1) - ② Amplify 배포 | 도메인 설정 해당 포스트는 이전 Amplify 배포 시리즈의 두 번째로 배포된 프로젝트의 도메인을 사용자가 지정하는 방법에 대해 정리합니다. [이전 포스트] Amplify 배포 배포 과정에 대한 부분은 이전 포스트를 참고해주시면 됩니다. [나만의 명언집 프로젝트] NextJS(^14.1) - ① AWS Amplify 배포 포스트 목적 해당 포스트는 NextJS14.1 버전의 나만의 명언집 프로젝트를 배포하기 위해 AWS Amplify 에 배포하는 과정을 정리한 포스트 입니다. 해당 배포 과정은 AWS 공식 사이트 와 외국 유튜버 Progra duklook.tistory.com 도메인 관리 에서 도메인 추가 클릭하기 우선 배포가 완료되고 나서, AWS Amplify 의 앱설정에 보이는 도메인 관리를 클릭하여 들어 갑니.. [나만의 명언집 배포] NextJS(^14.1) - ① AWS Amplify 배포 포스트 목적 해당 포스트는 NextJS14.1 버전의 나만의 명언집 프로젝트를 배포하기 위해 AWS Amplify 에 배포하는 과정을 정리한 포스트 입니다. 해당 배포 과정은 AWS 공식 사이트 와 외국 유튜버 Program With Erik(https://www.youtube.com/watch?v=3v3Mhql630g) 의 영상을 참고하여 이루어졌습니다. 해당 포스트는 시리즈 형식으로 최소 3개 내지 5개 정도의 포스트로 이어질 것 같습니다. 현재 포스트는 AWS Amplify 배포하기 부분으로, 다음 포스트는 구매한 도메인을 지정하는 방법에 대해 다룹니다. Amplify 시작하기 [aws 검색창]에 amplify 라고 검색 후 AWS Amplify 를 클릭 합니다. 그 후 [시작하기]를 클릭 합니다... [나만의 명언집 프로젝트] 테스트 코드 적용 정리본(계속 추가중) 오늘의 명언 포스트의 목적과 참고 사항 프로젝트를 진행하면서 진행한 단위 테스트 코드를 정리하여, 추후 참고하기 위한 용도로서 정리한다. 테스트를 공부하면서 정리해 나가는 것이기 때문에, 테스트의 완성도는 보장할 수 없으며, 최대한 참고문서를 정리하며 정리할 것이기 때문에, 혹시나 이 포스트를 읽는 분이 있다면 참고문서(링크) 위주로 확인하면 도움이 될 것이라 생각된다. 참고로 개발이 어느 정도 완료된 이후 테스트 코드를 추가 . 참고로, 모든 테스트의 흐름은... 다음 패턴을 따른다. Arrange: 테스트 환경을 설정하고 테스트할 데이터 준비. 테스트할 객체를 생성하고 초기화하며, 테스트 환경을 적절하게 설정. Act: 테스트 대상에 작용하는 작업을 수행. 테스트하려는 기능을 호출하거나 실행하고, 테.. [나만의 명언집 프로젝트] 기능 구현 정리본② 오늘의 명언 [이전글] 기능구현 정리본 ① [나만의 명언집 만들기 프로젝트] 기능 구현 정리본 ① 오늘의 명언 [기능구현] 좋아요 기능 좋아요 로직 - 사용자가 [좋아요] 아이콘 혹은 버튼을 클릭하면 사용자의 accessToken 과 해당 포스트 식별자(id) 를 서버 api 로 POST 요청한다. - 서버에서는 accessT duklook.tistory.com 포스트의 목적 및 참고사항 각 포스트의 순서는 '기능 개요 → 구현 과정 → 마무리(혹은 회고)' 형식으로 진행됩니다. 더보기 - 해당 포스트는 나만의 명언집 프로젝트를 만들면서 구현한 기능을 어떤 과정을 거쳐서 만들어졌는지를 기록하는 문서로서 역할을 합니다. - 해당 포스트 이전에는 기능구현 정리본① 에서 작성되었지만, 크기가 커짐에 따라 기능.. [나만의 명언집 만들기 프로젝트] 기능 구현 모음집 ① 오늘의 명언 포스트 목적 - 해당 포스트는 프로젝트 진행 시 구현한 기능 중 일부를 정리한 모음집 입니다. - 포스트 순서는 기능 구현 개요 → 구현 과정 → 마무리(혹은 회고) 순으로 진행됩니다. - 해당 포스트의 언어체는 '~였다.' 형식으로 작성됩니다. [기능구현] 좋아요 기능 (기능 추가 이유 및 목적) 프로젝트를 진행하면서 좋아요 기능을 추가할 예정은 없었지만, 향후 사이트가 확장하여 보다 많은 명언 데이터를 가지게 되고, 어느 정도 활성화 되는 경우 어떤 데이터를 가지고 사용자에게 도움이 되는 정보를 제공할 수 있을지 고민하였다. (결론) 이에 조회수와 좋아요를 기반으로 추천 명언을 보여주는 것이 제일 우선이 되어야 하는 기본이라 판단하여 해당 기능을 추가하기로 하였고, 이에 대한 기능구현 과.. 이전 1 2 3 4 5 6 다음
