📌 프론트엔드 개발 규칙
- 디자인을 그대로 구현하는 것을 원칙으로 한다. 바꾸고 싶은 디자인이 있다면, 디자인을 먼저 변경한 후 코드에 반영한다.
- 레진 웹 접근성 가이드라인을 따른다.
px
대신 rem
을 사용한다. (px
은 브라우저에 설정된 글꼴 크기에 따라 변화하지 않는다는 단점이 있으며, 저시력 사용자가 내용을 빠르게 인지하기 어렵다.)
- 다크 모드를 고려하여 용도별로 색상 이름을 CSS 변수에 지정한다.
기술 스택과 선택한 이유
기술 스택과 선택한 이유
💡 팁
- VSCode 플러그인 ESLint를 사용하면 코드 작성 단계에서 컨벤션이나 문법이 잘못되었음을 미리 알 수 있습니다.
- 크롬 익스텐션 Visbug를 사용하면 디자인을 쉽게 디버깅할 수 있습니다.
- 백엔드 프로젝트 IntelliJ 설정 방법
- 백엔드 프로젝트 메일 설정
- Chat Server 실행 방법
- 메인 서버 터미널에서 실행하는 법
에러 로그 및 해결 방법
- 언마운트된 컴포넌트의 상태를 업데이트할 수 없다는 경고
- 테스트 코드 네트워크 에러