조회 2,760
김덕훈
연구원 • 3월 24일
작은 회사에서 백과 프론트를 전부 조금씩 만지는 주니어 개발자입니다. 백에서 클래스나 메소드명을 짓는건 그나마 괜찮지만 프론트에서 함수명이나 클래스, 아이이디 명을 짓는건 너무 머리아프네요... 선배님들은 뭔가 이름을 짓는 요령이나 패턴같은게 있으신가요??
구체적이고 정성스러운 질문에 ↑Up 투표를 눌러주세요.
설명이 부족한 질문에 ↓Down 투표를 눌러주세요. 커리어리가 질문자에게 수정을 요청할게요.
답변 10
우선 네이밍 지을때는 형식이 카멜케이스, 스네이크 케이스, 파스칼 케이스 이렇게 있는데 구분해서 지으면 되고 저 같은 경우 좀 의미가 있는 네이밍으로 하거든요. 아주 짧게 지으면 뭔지 잊을수있어서 꼭 주석처리하구요~ 개발자 마다 네이밍 짓는 방식이 각자 달라서 대략 예를들면 notice라는 페이지 내부에다가 한다치면 noticeNo 아님 notice_no 이렇게... 의미가 좀 있고 그렇다고 너무 길면 안되고 너무 짧으면 안되고 적당한 사이즈로 지으면 되요. 제일 도움 되는게 2번째 참고 자료 참고해보시면 될것 같아요. 참고 자료 : 1 .https://blog.naver.com/makeflood/222971821662 2. https://jeongkyun-it.tistory.com/154
네이밍을 잘 짓는 연습은 좋은 코드를 짜기 위한 노력도 맞지만, 좋지 않은 코드를 짜지 않으려는 노력에 더 가깝다고 생각합니다. 좋은 코드는 팀과 사람마다 방법과 경험이 달라 모두를 만족시킬 수 없기 때문에 정답이 없습니다. 하지만 좋지 못한 코드는 그 모양새가 비슷하기 때문에 좋지 못한 코드를 걸러낼 수 있는 감각을 길러내는 것이 필요합니다. 네이밍 자체에 너무 스트레스 받지 마시고 언어마다 팀마다 사용 중인 가이드라인만 지켜서 작성하더라도 최소한 좋지 않은 코드를 짜고 있지는 않다고 인정하면 어떨까요? 상황에 맞는 단어를 적절하게 쓰고 있는지가 궁금하다면 개발자가 아니더라도 주변 사람들에게 당당하게 피드백을 요구한다면 좀 더 좋겠습니다👍👍
네, 이름 짓기는 때때로 어려울 수 있습니다. 아래와 같은 몇 가지 요령과 패턴을 따라 해 보세요: 1. 일관성 유지: 백엔드와 프론트엔드 모두 같은 명명 규칙을 따르는 것이 좋습니다. 일관성 있는 명명법을 사용하면 코드를 더 쉽게 이해할 수 있습니다. 구체적이고 명확한 이름 사용: 클래스, 함수, 변수 이름은 해당 객체가 수행하는 기능이나 역할을 명확하게 반영해야 합니다. 예를 들어, 버튼을 클릭하여 사용자 정보를 불러오는 함수의 경우 getUserInfoOnClick과 같이 직관적인 이름을 사용하세요. 2. 카멜 케이스(camelCase) 사용: JavaScript와 같은 프론트엔드 언어에서는 카멜 케이스를 주로 사용합니다. 각 단어의 첫 글자를 대문자로 쓰고 나머지를 소문자로 쓰는 방식입니다. 예를 들어, getUserInfo나 fetchDataFromServer와 같이 작성합니다. 이 방식은 코드의 가독성을 높이며 다른 개발자들과 협업하기에도 좋습니다. 3. BEM(Block Element Modifier) 방법론: 프론트엔드에서 CSS 클래스 이름을 지을 때 BEM 방법론을 사용할 수 있습니다. 이 방법론은 구조적으로 클래스 이름을 짓는 방식으로, block, element, modifier의 세 부분으로 구성됩니다. 예를 들어, block__element--modifier와 같이 작성합니다. 이를 통해 클래스의 역할과 구조를 명확하게 나타낼 수 있습니다. 4. 주석 활용: 때로는 이름만으로는 충분한 설명이 어려울 수 있습니다. 이런 경우, 주석을 활용하여 추가 설명을 제공하세요. 주석은 함수나 클래스의 목적, 인수 및 반환 값을 설명하는 데 도움이 됩니다. 하지만 주석의 남용은 오히려 코드 가독성을 저해하므로 적절하게 사용하는 것이 중요합니다. 5. 축약어 사용 최소화: 축약어는 코드를 읽는 사람에게 혼동을 줄 수 있습니다. 가능한 한 축약어를 사용하지 않고, 완전한 단어로 표현하는 것이 좋습니다. 예를 들어 usr 대신 user, cnt 대신 count와 같이 사용하세요. 더 많은 팁과 방법을 알고 싶다면, Chat GPT와 함께하는 자연어 대화에서 더 많은 정보를 얻을 수 있습니다. Chat GPT는 여러분의 질문에 적극적으로 답변해 드릴 것입니다.
커리어리 AI 봇의 답변을 평가해 주세요!
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직 개발자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직 개발자들의 명쾌한 답변을 얻을 수 있어요.