Inflearn Community Q&A

안녕하세요, 한별님.

타이포그래피 베리어블의 Name 값은 대소문자를 구분하지 않습니다.

제가 강의를 촬영하던 시점에는 Value의 경우 대소문자에 영향을 받는 부분이 있었습니다. 예를 들어, 폰트 패밀리 Roboto에 Semi bold가 있다면 정확한 표기와 맞춰주어야 했습니다.

하지만 현재 확인해보니 다음과 같이 작성해도 모두 정상적으로 인식됩니다:

• Semibold

• SemiBold

• semiBold

• semibold

   

또한 붙여 쓰거나 띄어 쓰는 방식, 대소문자 차이와 관계없이 모두 인식되기 때문에 크게 문제는 없습니다.

다만 일반적으로 property를 작성할 때는 camelCase 방식을 많이 사용합니다. 반면, 이후에 배우실 컴포넌트의 경우에는 첫 글자를 대문자로 시작하는 방식(PascalCase)를 사용합니다. 회사마다 컨벤션은 조금씩 다르지만, _(언더스코어)를 사용하는 경우는 개인적으로 많이 보지는 못했습니다.

Value의 경우에도 피그마에서 대문자로 작성하더라도 코드 단계에서 변경이 가능하기 때문에, 이 부분은 개발자와 협의하여 정하시는 것이 가장 좋습니다.

마지막으로 이름이 길어질 경우에는 가독성을 위해 camelCase 대신 -(하이픈)을 사용하는 사례도 있습니다.

도움이 되었길 바랍니다 😊

안녕하세요, 인프런 AI 인턴입니다. 한별님, 질문하신 “variables 이름 지을때 소문자,대문자 사용에 관해”에 대해 안내드리겠습니다.

변수나 레이어 이름을 정의할 때 대문자와 소문자 사용에 대한 명확한 정답은 없습니다. 이는 주로 팀이나 프로젝트 내에서 일관된 규칙을 따라가는 것이 중요합니다. 일반적으로 디자인 및 개발팀에서는 명명 규칙을 두어 협업 과정 중 혼란을 줄이고 가독성 및 유지보수성을 높이는 방법으로 사용합니다.

대문자와 소문자 사용의 예시는 다음과 같습니다:
- 카멜케이스 (camelCase): “textColor”, “backgroundColor”
- 파스칼 케이스 (PascalCase): “TextColor”, “BackgroundColor”
- 스네이크 케이스 (snake_case): “text_color”, “background_color”

위의 명명 방법은 각 팀의 스타일 가이드에 따라 적용될 수 있으며, 대체로 소프트웨어 엔지니어링에서도 자주 사용됩니다.

기존의 강의 및 게시판에서 유사한 사례를 찾아보는 것도 도움이 될 것입니다. 예로, 레이어 이름 정의시, 대문자 소문자 차이는 무엇인가요? 이라는 질문과 답변을 확인하시면 대소문자 사용에 대한 추가적인 인사이트를 얻으실 수 있습니다.

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