JSDoc 레퍼런스 해부하기 - 1

2022. 8. 22.·🎨 프론트엔드 공부/JS & TS

참고 링크

https://jsdoc.app/

 

Use JSDoc: Index

Index Getting Started Getting Started with JSDoc 3 A quick-start to documenting JavaScript with JSDoc. Using namepaths with JSDoc 3 A guide to using namepaths with JSDoc 3. Command-line arguments to JSDoc About command-line arguments to JSDoc. Configuring

jsdoc.app

 

Getting Started with JSDoc 3

 

JSDoc 3 (최신버전) 이란?

- JavaScript를 위한 API 문서 생성기

- 소스코드에 직접 코멘트를 추가할 수 있음

- 소스코드를 스캔하고 HTML 문서 웹사이트를 생성해준다

 

상세

- JSDoc 주석은 소스코드 바로 직전에 위치해야 한다

- 각 주석은 JSDoc Parser가 인식할 수 있도록 /** 로 시작해서 */ 로 끝나야 한다

 

- 예시1 간단한 설명 : 무엇에 대한 설명인지 정의

 

/** This is a description of the foo function. */
function foo() {
}

 

- 예시2 @를 활용한 상세 설명

@constructor 태그를 통해 생성자 함수를 표시

@param {타입} 변수명 : 변수를 상세히 설명

 

/**
 * Represents a book.
 * @constructor
 * @param {string} title - The title of the book.
 * @param {string} author - The author of the book.
 */
function Book(title, author) {
}

 

웹사이트 생성

- JSDoc 3 tool을 활용해 소스코드로부터 HTML 웹사이트를 만들 수 있다

- default 템플릿이 기본적으로 적용되며 템플릿 수정도 가능하다

- `jsdoc 파일명` 커맨드 명령을 통해 out 디렉토리가 만들어지고, 이 안에서 HTML 파일을 확인할 수 있다

'🎨 프론트엔드 공부/JS & TS' 카테고리의 다른 글
  • 07 - 연산자
  • JSDoc 레퍼런스 해부하기 - 2
  • 06 - 데이터 타입
  • 05 - 표현식과 문
지식물원
지식물원
지식이 자라는 식물원!
  • 지식물원
    지식물원
    지식물원
  • 전체
    오늘
    어제
    • 분류 전체보기 (510)
      • 🎨 프론트엔드 공부 (247)
        • JS & TS (86)
        • HTML & CSS (22)
        • React & Next (49)
        • Vue & Nuxt (22)
        • 기타 (68)
      • 🤓 기술 학습 & 공부 기록 (116)
        • Node.js (0)
        • Python (37)
        • 백엔드 (0)
        • 딥러닝 (1)
        • 컴퓨터 일반 (72)
        • 개발 인프라 (6)
      • 👨‍💻 프로젝트 경험 (6)
        • Work (0)
        • Toy (6)
      • ⚙️ 개발 팁 & 노하우 (21)
        • 프론트엔드 (6)
        • 기타 (15)
      • ☕️ 커리어 & 인터뷰 준비 (88)
        • 코딩 테스트 (88)
      • 📰 기술 트렌드 & 생각 정리 (4)
      • 📚 기타 (25)
        • 마케팅 (15)
        • 비개발서적 (10)
  • 블로그 메뉴

    • 태그
  • 링크

  • 공지사항

    • 모바일 접속 시 코드 하이라이팅 깨질 때
  • 인기 글

  • hELLO· Designed By정상우.v4.10.3
지식물원
JSDoc 레퍼런스 해부하기 - 1
상단으로

티스토리툴바