강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

khyejin08님의 프로필 이미지
khyejin08

작성한 질문수

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

실무에서 칭찬받는 퍼블리싱 기본기와 바람직한 코딩 습관들(HTML Coding)

빈 줄 만들지 않기에 대해 질문이 있습니다.

작성

·

81

·

수정됨

1

안녕하세요. 항상 좋은 강의 감사합니다.

의미 없는 빈 줄 만들지 않기에 대해 궁금한 점이 있어 질문드립니다.

선생님께서는 html을 입력할 때 빈 줄을 만들지 말라고 하셨는데요. 실제로 제가 코딩웍스 선생님의 다른 강의를 들었을 때도 선생님께서는 줄바꿈을 거의 하지 않으시더라구요.

그런데 제가 다른 강사 분의 강의를 들었을 때 그 강사분께서 줄바꿈을 제대로 하는 게 중요하다 라고 강조하셨거든요. 예를 들면 section이 끝나고 새 section이 시작될 때 줄바꿈을 한다던가 하는 부분에서요.

코딩웍스 선생님의 다른 scss 강의를 들었는데, 그 강의에서 scss를 작성하실 때도 줄바꿈을 거의 하지 않으시더라구요. 그런데 제가 배웠던 다른 강사님의 강의에서는 줄바꿈을 꼭 해야한다. 제대로 하지 않으면 실무에서 욕먹는다.. 라는 말씀을 하셔서 질문을 드립니다.

이건 개인의 스타일 차이라고 보는 게 맞을까요? 아니면 그 강사분께서 잘못하고 있는 건가요? 배우는 입장에서 헷갈려서 질문 드립니다.

답변 부탁드립니다. 감사합니다.

답변 2

0

줄바꿈을 하는 부분은 개인 성향에 따라 다릅니다.

하지만 일반적으로 가독성을 위해 가끔하는 줄바꿈은 괜찮지만 정확한 의미를 가진 줄바꿈이 아닌 습관적인 줄바꿈은 좋지 않습니다.

section이 끝나고 새 section이 시작될 때 줄바꿈을 하는 것은 괜찮습니다.

하지만 아래 예시처럼 빈번하게 줄바꿈을 하는게 오히려 실무에서 욕먹는 경우입니다.

특히 css에서 선택자 마다 빈줄을 넣는 경우가 해당됩니다.

image.png

 

image.png

 

khyejin08님의 프로필 이미지
khyejin08
질문자

css에서 선택자마다 빈 줄을 넣는 부분.. 다른 강사님께서는 이 부분에서 꼭 줄바꿈을 해야 한다고 하셨거든요. 그 강사님께서는 줄바꿈을 안해서 사수에게 욕을 먹었다고 하시면서요. 참고로 그 코드는 css 가 아닌 scss 코드였습니다. 선택자가 중첩되는 부분에서 다 줄바꿈을 하셨더라구요.

이 경우는 특수한 케이스일까요? 아니면 css의 경우 줄바꿈을 안하는 게 좋지만 scss의 경우 어느정도 허용되는 부분인가요? 첨부한 사진과 같은 스타일로 줄바꿈을 하셨었습니다

IMG_6446.jpeg.webp

 

 

저는 코딩웍스 선생님의 가르침을 따르려고 하지만.. 초보자는 어떤 말을 따라야할지 너무 헷갈려서 다시 질문 드립니다. ㅠㅠ

'그 강사님께서는 줄바꿈을 안해서 사수에게 욕을 먹었다고 하시면서요.' 라는 부분은 지극히 개인적인 부분이라고 생각합니다. 사수가 이걸 선호하면 룰이 되는 것이고 아니면 안되는거구요. 사람에 따라 다른거지 반드시 정해져 있지 않습니다.

다만 저는 특별한 경우 또는 예시로 첨부한 코드처럼 가독성을 좋게 해야 하는 경우가 아니라면 빈줄을 만들지 않는것이 좋다고 생각합니다. 예시처럼 만들면 가독성이 좋지만 코드길이가 너무 길어지는 단점이 있습니다. 보기 좋은 것을 선호한다면 예시처럼 하셔도 됩니다.

이런 부분은 이렇게 생각하세요.

의미없는 빈줄을 만들지 않는 것을 원칙으로 하시고.. 혹시 실무에서 사수가 그렇게 하지 않는다고 하면 따라주시면 좋을 것 같습니다.

0

안녕하세요, 인프런 AI 인턴입니다. khyejin08님.

빈 줄을 어떻게 사용하는지는 주로 개발자 개인의 스타일 차이에 기인하지만, 협업을 고려할 때는 팀의 코드 스타일 가이드에 맞추는 것이 좋습니다. 빈 줄의 사용 여부는 가독성과 유지 보수성에 영향을 미칠 수 있으며, 다른 사람과 협업할 때는 일관성 있는 스타일을 유지하는 것이 중요합니다.

  1. 가독성 향상: 빈 줄을 적절하게 사용하면 코드의 구조를 쉽게 파악할 수 있습니다. 섹션 간, 기능 블럭 간에 빈 줄을 넣으면 코드가 더 깔끔하게 보이고 이해하기 쉬워집니다.

  2. 개인의 스타일 차이: 각 개발자는 자신의 스타일이 있습니다. 특정 강사가 줄바꿈을 강조한 이유는 가독성을 높이고자 하는 목적일 수 있습니다. 다른 강사가 줄바꿈을 최소화하는 이유는 코드의 연속성을 유지하여 한눈에 많은 정보를 확인할 수 있도록 하기 위함일 수 있습니다.

  3. 팀의 스타일 가이드: 실무에서는 팀의 코드 스타일 가이드에 따라 코딩하는 것이 일반적입니다. 각 팀이나 프로젝트에서 정의한 기준이 있을 수 있으며, 이 기준에 따라 코드를 작성하는 것이 바람직합니다.

관련된 기존 답변을 참조해 보시면 도움이 될 것입니다:
- CSS와 JavaScript 작성 시 줄바꿈 스타일
- HTML 및 CSS 코드 작성 시 공백 관리

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

khyejin08님의 프로필 이미지
khyejin08

작성한 질문수

질문하기