[목적지향적 개발] 23-06-01 (목)

 

목적지향적 개발

1. 미개발되어있는 부분 체크

• 피그마와 대조해서 문제점 체크하고 나열하기
• 회원가입 테스트 해보기
• 로그인 테스트 해보기

2. 일반적으로 프론트엔드 개발시 단계별로 체크리스트가 어떻게 되는가?

1. 요구사항 분석 및 설계 단계:
   • 기능 및 요구사항을 이해하고 문서화했는지 확인
   • UI/UX 디자인 및 웹페이지 구조를 설계했는지 확인
2. 프로젝트 설정 단계:
   • 적절한 개발 환경을 설정하였는지 확인 (IDE, 패키지 관리자 등)
   • 필요한 라이브러리와 프레임워크를 선택하고 설치했는지 확인
3. 마크업 및 스타일링 단계:
   • HTML 구조를 작성하고 시맨틱한 마크업을 준수했는지 확인
   • CSS 스타일을 적용하고 레이아웃 및 디자인 요소를 구현했는지 확인
   • 반응형 디자인을 위한 미디어 쿼리 등을 적용했는지 확인
4. 자바스크립트 개발 단계:
   • 필요한 기능을 구현하기 위한 자바스크립트 코드를 작성했는지 확인
   • 코드의 가독성과 유지보수성을 고려하여 적절한 패턴을 사용했는지 확인
   • 버그를 최소화하기 위한 테스트 및 디버깅을 수행했는지 확인
5. 데이터 통합 및 API 연동 단계:
   • 필요한 데이터를 가져오기 위한 API 요청을 구현했는지 확인
   • 데이터의 유효성 검사 및 오류 처리를 수행했는지 확인
   • 서버와의 데이터 통신을 위한 적절한 프로토콜과 방식을 사용했는지 확인
6. 테스트 및 디버깅 단계:
   • 다양한 브라우저 및 장치에서의 테스트를 수행했는지 확인
   • 버그를 발견하고 수정하기 위한 디버깅을 수행했는지 확인
   • 성능 향상을 위한 최적화 작업을 수행했는지 확인
7. 배포 단계:
   • 프론트엔드 코드를 번들링하고 압축하는 등의 작업을 수행했는지 확인
   • 적절한 호스팅 및 배포 환경을 설정하고 웹사이트를 배포했는지 확인
   • 배포된 웹사이트의 안정성과 성능을 확인하기 위한 테스트를 수행했는지 확인

 

현재 프로젝트 단계에서, 안되어있는 부분들을 체크해야한다. 현재 부족한 부분은 마크업, 스타일링 완성도가 약간 떨어지고, SEO에 대한 부분이 아직 개발되지 않았다.

3. GSAP

이번에 GSAP을 잘 사용해보기 익숙하지 않은 기술은 작으나 크나 상관없이 반드시 러닝커브가 있다. 초반에 포기 하지 않고 꾸준히 학습해나가면 언젠가는 나의 것이 된다.