리서치이노션 지식위키리서치이노션 지식위키
  • Introduction
  • 코딩 스타일 가이드

    • 공통 스타일
    • 언어별 가이드
    • 코드 품질 및 규칙
    • 코드 리뷰 & 테스트
  • Front-End

    • HTML Layout
    • Javascript
    • Library
  • Back-End

    • Spring Boot
    • eGovFrame
  • 환경 구축

    • Window
    • Linux
    • Spring Framework
  • Figma 템플릿

    • 컴포넌트 시스템
    • 웹 서비스 스타일 가이드
    • 모바일 디자인 템플릿
  • HTML/CSS 템플릿

    • 기본 부트스트랩 템플릿
    • 관리자 테마 UI
  • 기타 자료

    • 디자인 시스템 문서
    • 공통 아이콘 폴더
  • 운영 사이트

    • GitLab (버전 관리)
    • Jenkins (배포 자동화)
    • SonarQube (정적 코드 분석)
    • Send API 문서 (Postman)
  • 접속 환경

    • VPN 연결
  • Introduction
  • 코딩 스타일 가이드

    • 공통 스타일
    • 언어별 가이드
    • 코드 품질 및 규칙
    • 코드 리뷰 & 테스트
  • Front-End

    • HTML Layout
    • Javascript
    • Library
  • Back-End

    • Spring Boot
    • eGovFrame
  • 환경 구축

    • Window
    • Linux
    • Spring Framework
  • Figma 템플릿

    • 컴포넌트 시스템
    • 웹 서비스 스타일 가이드
    • 모바일 디자인 템플릿
  • HTML/CSS 템플릿

    • 기본 부트스트랩 템플릿
    • 관리자 테마 UI
  • 기타 자료

    • 디자인 시스템 문서
    • 공통 아이콘 폴더
  • 운영 사이트

    • GitLab (버전 관리)
    • Jenkins (배포 자동화)
    • SonarQube (정적 코드 분석)
    • Send API 문서 (Postman)
  • 접속 환경

    • VPN 연결
  • 개발자 가이드

    • Front-End

      • HTML Layout

        • Introduction
      • JavaScript

        • Introduction
      • Library

        • Introduction

JavaScript 작성 가이드

JavaScript는 동적 동작을 처리하는 핵심 기술로, 유지보수성과 일관된 코딩 스타일이 중요합니다.


✅ 코딩 스타일 기준

  • let, const만 사용 (절대 var 사용 금지)
  • 세미콜론 사용 (;)
  • 화살표 함수 적극 사용
  • 단축 평가(??, ||, &&) 적극 활용
  • Lodash 등 유틸 라이브러리 적극 활용

💡 함수 예제 (이벤트 처리)

const init = () => {
  const button = document.querySelector('#submitBtn');
  if (!button) return;

  button.addEventListener('click', () => {
    console.log('제출됨');
  });
};

window.addEventListener('DOMContentLoaded', init);
GitLab에서 이 페이지 편집하기
최종 수정일: 25. 4. 24. 오후 1:44
기여자: 개발 2팀/현준호 프로