현직자와의 Q & A

🔴 FrontEnd 관련 개발 관련

질문:
레이아웃을 css로 짤때, 깔끔한 코드를 짜기 위해서 참고할만한 자료가 있을까요?

리뷰는 GPT를 이용하시고 하나씩 꼼꼼하게 보시려면 '다양한 예제로 배우는 CSS 설계 실전 가이드' 책 한 권을 권합니다. 다만 FE가 아니신데 여기에 얼마나 리소스를 쏟으실 수 있는지 스스로 판단을 해보시면 좋습니다.

• 책은 도서관에서 빌려보세요.
• 초급자 책은 추천 목록에 없습니다.
• 자신없는 과목에 책을 집필해보세요. 밀도있는 개발자가 됩니다.

html =>
시멘틱함을 유지(div를 최소화)
코드의 분리(html 요소 안에 js, css 없도록)
접근성을 고려한 마크업
emmet 문법 table>(tr>td5)3
책 추천: 책 추천 없음

CSS =>
중복을 일부러 허락하고, 애러가 일부러 안나게 한 것(개발 의도)
따라서 처음부터 그런 의도가 있지 않은 Sass를 사용하면 깔끔합니다.
의도적인 훈련(tailwind, bootstrap을 일부러 사용하지 않고)
실제 화면 구현을 여러번
반응형
책 추천: 다양한 예제로 배우는 CSS 설계 실전 가이드(권장, 비권장 등) + CSS 완벽 가이드

JS =>
React나 Vue를 사용하지 않은 SPA 만들기
책 추천: 프레임워크 없는 프론트앤드 개발 + 자바스크립트 딥다이브