오피스아워
오피스아워 (프론트엔드 코치님과 질의응답 및 프젝 코드리뷰) 시간에
진행한 질문과 답변을 기록합니다.
1. 시맨틱 웹 태그로 마크업
Q. 시맨틱 웹으로 마크업하는 게 좋을까요?
- 시맨틱 웹을 권장한다. -> SEO(검색 엔진 최적화)
- div로만 작성되어있으면 다른 사람들이 코드를 봤을 때 한눈에 파악하기 힘들다.
2. 파일 구조 관리
- 한 페이지에서 관리되는 게 적고 연습용이다 -> js 한 파일 안에서
- 자주 사용하는 헤더 등은 컴포넌트화해서 관리하기
- CSS -> reset CSS 쓰기
프로젝트 개발 시 조언
보통 현업에서는 아래 순서로 프로젝트가 진행된다.
기획→ 디자인→ 백 → 프론트
하지만 백과 동시에 개발을 시작하는 경우
- 백엔드와 데이터 스키마를 먼저 맞추기
-> 백에서 어떤 이름으로 보내줄건지 api 주소 정하기 - 작업 시 먼저 얘기해보고 작업하기
를 지켜주면 더 원활한 개발이 될 수 있을 것이다.
현업에서는 MSW 사용하여 백이 늦어도 나중에 변경만 해주면 된다.
그리고 js 코드 작성 시 오픈 소스 코드 같은 것을 참고하는 경우,
복붙만 하지 말고
→ 참고 후 본인의 코드로 짜보기, 가져다 쓴 후 코드의 이해를 통해 내 것으로 만들기
Frontend-developer