중복된 클래스명을 주의하자

오늘도 어제와 같이 팀원들과 함께 미니프로젝트를 진행 했다.
내가 맡은 페이지를 구현중에 어제부터 해당요소의 스타일이 적용 되지 않아서 망연자실 하고 있었다.

태그와 스타일이 먹히지 않아서 상위선택자에 문제있는지 찾아봤지만 해답을 찾지 못했다. 하지만 계속 들여다보니 문제는 html 파일에 있었다.

그거슨 바로 index.css에 있는 링크방식에서 동일한 이름의 클래스가 잡혀있어져서 잡히지 않은것이였다.
그래서 해당 클래스명을 바꾼 후 다시 실행 해보니 드디어 위에 사진처럼 해결이 되었다.

독학을 했을때는 html파일을 여러개 만들어서 구현해보지 않아서 클래스명을 막지은감이 없지않아 있었지만 앞으로는 더더욱 주의해야 할 것 같다!

코드컨벤션?

오늘 리액트매니저님과 면담을 진행했다.
독학을 하다가 팀이랑 같이 학습하고 팀플을 하게 되면 실력이 많이 늘 것이라고 하셨다.
그러면서 매니저님께서 코드컨벤션 이라는 용어를 얘기해 주셨고 코딩컨벤션이 무엇인지에 대해서 알게 되었고 협업을 할때 이게 얼마나 중요한지 알게 되었다.

코드컨벤션의 필요성
나 같이 독학을 한사람들은 코드 컨벤션의 필요성을 못 느꼈을 것이다.
팀 프로젝트를 할때에는 내가 작성한 코드를 다른사람들이 쉽게 이해할 수 있게 가독성 있는 코드가 중요하다, 그래서 사전에 작성할 코드스타일을 통일을 시켜야 한다.

예를 들어 변수 작성시에는 카멜 표기법으로, 클래스나 메소드명은 파스칼표기법을 따른다.
주석을 최소화 하고 주석 설정시 A방법과 B방법중 A방법으로 코드를 작성 했을때의 그 이유를 주석으로 남겨서 최소화 시키는 것이 있다.
쉽게 읽히는 코드를 작성하기 위해서는 알맞은 문법에 맞게 변수나 메서드명을 설정해 줘야 한다.

코드컨벤션을 통해서 정해진 규칙이 있기 때문에

• 모든사람들이 코드를 이해하기 쉽고 편리하다.
• 유지보수 비용을 줄일 수 있다.
• 가독성이 좋다.

이번 미니프로젝트때는 지키지 못했지만 다음 팀프로젝트때는 꼭 코드컨벤션을 고려해서 팀원분들과 함께 개발을 해보고 싶다.