나만의 룰이 필요한 이유
필자가 프로넨드 관련 일을 하다보니 매번 중요한 선택을 해야 하는 상황을 만나게 됩니다.
그때마다 중심과 룰이 없다면 고민에 많은 시간이 필요 합니다.
그래서 몇가지 룰을 정해놓고 일을 해봤더니 마음과 몸이 훨씬 편안해 졌습니다.
그래서 필자와 같이 공부했던 크루가 정리한 룰 몇가지를 레퍼런스로 제공합니다.
여러분도 이룰 룰을 가지고 일을 한다면 기본기가 단단하 프로넨드 개발자가 되지 않을까 기대해 봅니다.
My coding rules 10
더 쉽고, 간결하게
복잡한 코드는 나 뿐만 아니라 다른 개발자들의 접근을 늦춘다. 간단하게 작성하면 접근이 용이하고 버그가 줄어들고 디버깅 시간도 줄어들 수 있다.
일관성 유지
모든 요소들이 일관된 가이드라인에 따라 디자인이 되어야 한다. 컨트롤 타워를 잘 계획하고 구상하여 처음에 변화를 최소화 해야 나를 포함 사용자가 익숙해지고 쉽게 인식할 수 있다.
기본적인 기능구현이 우선시
화려한 디자인도 중요하지만 무엇보다 기능적인 요소가 모두 실현이 되어야 그 본래 웹사이트의 역할을 소화한다고 생각한다. 기본적인 기능구현이 우선시 되면서 디자인도 같이 구현해야 한다.
작은 것부터 실현하자.
당장 보이는 것에 급급하지 말고 내가 할 수 있는 지식과 정보를 활용해 할 수 있는 것부터 차근차근 그리고 깊게 접근해 가야 후일에 더 배울 수 있고 응용할 수 있다.
가끔은 하늘을 보자.
할 일은 많고 나는 해내야 한다. 열심히 하는 것도 좋지만 건강한 내 몸을 유지하고 더 일할 수 있게 잠시라도 하늘을 보며 여유를 가지고 스트레칭을 하자.
협업을 위해 공통된 룰을 숙지하고 지킨다.
협업을 위해서는 공통적으로 사용할 언어를 통일해야하고, 폰트 크기나 클래스명에 대한 것을 룰을 만들어 협업자에게 공유하고 숙지하여 여러 사람이 작업에 참여하더라도 일관성 있는 코드를 짤 수 있도록합니다.
데드 라인을 지키는 것은 그 무엇보다 중요하다.
아무리 탄탄하고 예쁘게 만들어도 데드 라인을 지키는 것 보다 중요한 일은 없습니다. 탄탄한 코딩과 데드 라인을 우선적으로 생각할 것.
기본적인 뼈대부터 세우고 시작하자.
코딩에는 일관성이 필요한데, 그 일관성은 기본적인 article과 class명들을 모두 정해준 후, article을 채워 주었을 때 가장 잘 발휘 됩니다. html을 모두 채운 후에 css로 꾸며주고. js로 기능을 넣어주는 일련의 프로세스 또한 같은 이치입니다.
필요할 때는 적절히 주석을 달아주자.
영어로만 이뤄진 코드가 길어질 때는 눈이 피로해지고 집중력이 저하됩니다.한글로 된 주석을 적절히 달아 뒀을 때 훨씬 눈에 띄고 집중 할 수 있으므로 중요한 부분에는 주석을 달아주도록 합니다.
명확한 레퍼런스를 가지자.
명확한 레퍼런스가 없는 코딩을 하게 되면 코딩을 하면서 내용이 바뀌는 경우도, 레이아웃이 마음에 들지 않는 경우가 생길 수 있습니다. 마음에 드는 레퍼런스나 디자인을 선정해서 그에 맞게 순차적으로 코딩합니다.

'New' 카테고리의 다른 글
| 파일질라-다운로드-인스톨 (0) | 2026.03.27 |
|---|---|
| My UI/UX Design rules 10 (0) | 2026.03.27 |
| CSS transition-timing-function (0) | 2026.03.27 |
| javascript:void(0); (0) | 2026.03.26 |
| 내 첫 홈페이지 만들어서 배포하기 (0) | 2026.03.26 |