프로젝트 (57) 썸네일형 리스트형 [나만의 명언집] 기능 구현 정리본 ③ [이전 포스트] 기능 구현 모음집 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 포스트의 목적 및 참고사항 각 포스트의 순서는 '기능 개요 → 구현 과정 → 마무리(혹은 회고)' 형식으로 진행됩니다. 더보기 - 해당 포스트는 나만의 명언집 프로젝트를 만들면서 구현한 기능을 어떤 과정을 거쳐서 만들어졌는지를 기록하는 문서로서 역할을 합니다. - 해당 포스트 이전에는 기능구현 정리본① 에서 작성되었지만, 크기가 커짐에 따라 기능.. [나만의 명언집 만들기 프로젝트] 기능 구현 모음집 ① 오늘의 명언 포스트 목적 - 해당 포스트는 프로젝트 진행 시 구현한 기능 중 일부를 정리한 모음집 입니다. - 포스트 순서는 기능 구현 개요 → 구현 과정 → 마무리(혹은 회고) 순으로 진행됩니다. - 해당 포스트의 언어체는 '~였다.' 형식으로 작성됩니다. [기능구현] 좋아요 기능 (기능 추가 이유 및 목적) 프로젝트를 진행하면서 좋아요 기능을 추가할 예정은 없었지만, 향후 사이트가 확장하여 보다 많은 명언 데이터를 가지게 되고, 어느 정도 활성화 되는 경우 어떤 데이터를 가지고 사용자에게 도움이 되는 정보를 제공할 수 있을지 고민하였다. (결론) 이에 조회수와 좋아요를 기반으로 추천 명언을 보여주는 것이 제일 우선이 되어야 하는 기본이라 판단하여 해당 기능을 추가하기로 하였고, 이에 대한 기능구현 과.. [나만의 명언집 프로젝트] 트러블 슈팅 모음집 ② | 7 ~ 13 들어가기 전해당 포스트는 프로젝트를 진행하는 중 경험한 문제를 최대한 정리해두는 포스트 입니다. 이 글이 우연히라도 누군가의 도움이 되는 개선책이 담겨 있다면 좋겠습니다. 참고로, 해당 포스트는 트러블 슈팅①(https://duklook.tistory.com/417) 에 이어서 작성됩니다. 전반적으로 빌드나 서버 측 환경에서 경험한 문제들이 모여진 것 같습니다. [빌드 에러] 실시간 명언 및 오늘의 명언의 정적 빌드 문제※ 이 부분은 트러블 슈팅 1 에서 다룬 정적 페이지와 동적 페이지 빌드에 대한 부분에 관한 처리를 다루는 이슈 입니다. NextJS 는 개발 환경에서는 정적 페이지를 생성하지 않지만, 배포를 위해 빌드하게 되면, 정적/동적 페이지가 별도로 구분되어 빌드가 되는데, 동적으로 자동 빌드가.. [나만의명언집 프로젝트] 트리블 슈팅 모음집 ① | 1 ~ 6 들어가기 전아주 사소한 문제일지도 모르나 직면했던 일부 이슈들을 하나씩 정리한 포스트 입니다. 개인의 참고용 및 히스토리로 남기기 위한 목적으로 작성되었습니다. NextJS 를 사용했기에 프론트엔드와 백엔드 간의 구분이 모호하여 이를 별도로 구분해서 정리할까 고민했으나, 결국 하나의 프레임워크 내에서 발생하는 일이므로 이를 구분하지 않고 정리하는 것이 문서의 흐름에 좋을 듯하여, 구분없이 목차별로 정리하였습니다. 전체적으로 1,2,3 가지의 파트가 있으며, 정리한 수에 비해 비중있는 트러블 슈팅이 많이 없을 수 있습니다. 돌아보면 부끄러운 기록이 되겠지만, 이번 프로젝트는 저에게 있어서는 감회가 남달랐던 경험이었기에 다른 프로젝트에 비해 최대한 상세히 정리하며 넘어가볼까 합니다. 그럼 시작하겠습니.. 이전 1 ··· 4 5 6 7 8 다음
