분류 전체보기50 TDD (테스트 주도 개발)란? 프로그래밍을 할 때, 코드를 작성하기 전에 먼저 테스트를 작성하는 방법론이 바로 TDD, 즉 테스트 주도 개발이다.TDD는 크게 세 가지 단계로 이루어져 있다. 1. 테스트 작성먼저 프로그램이 어떻게 동작해야 하는지에 대한 테스트를 작성한다. 예를 들어, 어떤 함수가 2와 3을 더해서 5를 반환해야 한다고 생각해보자. 그렇다면 이 함수가 2와 3을 입력받았을 때 5를 반환하는지 확인하는 테스트를 작성한다. 이 단계에서는 당연히 테스트가 실패한다. 왜냐하면 아직 해당 기능을 구현하지 않았기 때문이다. 2. 코드 작성테스트를 통과할 수 있는 최소한의 코드를 작성한다. 위의 예시에서 2와 3을 더해서 5를 반환하는 함수를 만든다. 이 단계의 목표는 테스트를 통과하는 것이다. 따라서 아주 간단하게 구현해도 된다.. 2024. 7. 21. 팀 프로젝트 시작 시 주제 설정기한 및 의사소통 문서, 도구 결정한다.기획 / 와이어프레임 디자인코드 컨벤션 맞추기개발 담당 분리개발 시작 2024. 7. 16. supabase - ssr 수업내용 정리 원래 평소에 하던 프로젝트에서는슈퍼베이스를 쓸 때 슈퍼베이스는 브라우저에서 돌아가고 있었다.그래서 브라우저에서 데이터페칭을 편하게 할 수 있었던 이유는 슈파베이스가 authentication 같은 것도 포함하고 있었기 때문이다.근데 이제 서버사이드에서는 요청을 주는 이 사람이로그인을 한 사람인지 안한 사람인지 그걸 직접적으로 알기가 어렵다.그래서 그거를 Next.js의 서버에도 브라우저에서 지금 로그인한 상태인지를 전달할 수 있는가. 그거를 어떻게 하면 Next.js의 서버에도 브라우저에서 지금 로그인한 상태인지를 전달할 수 있는가. 이제 같이 알아보도록 하자. 기존 브라우저에서 initiallization 하는 방식. 근데 이 방법이 아니라 조금 다르게 설치를 해야한다.아래를 참고하자. Setting.. 2024. 7. 15. Next.js 404 에러 페이지 만들기 Next.js 팀 프로젝트를 진행 중에 404 페이지를 만들게되었다. 내 생각엔 뭔가 프레임워크니까loading.tsx처럼 파일명만 Next.js에서 제공하는대로 쓰면 (예를들어 404.tsx)404 페이지가 뜨도록 갖춰져 있지 않을까 싶어서 검색해보게 되었다. 내 생각이 정답이었다...!! 다만 방식이 2가지여서 여러 시도끝에 적용할 수 있었다. Next.js에서 404 페이지 만드는 방법Next.js는 매우 강력하고 유연한 프레임워크로, 404 페이지를 커스터마이징하여 사용자 경험을 향상시킬 수 있다.Next.js에서 404 페이지를 만드는 방법과 함께 예상치 못한 오류를 처리하는 방법을 작성해보겠다. 1. 404 페이지 만들기Next.js에서는 pages 디렉토리에 404.js 파일을 추가하여 커스.. 2024. 7. 13. 이전 1 2 3 4 5 6 ··· 13 다음
