Skip to content

๐Ÿšจ 9์กฐ Coding Conventions

Suwan edited this page Jul 28, 2023 · 1 revision

9์กฐ Coding-convention

๊ธฐ๋ณธ ๋„ค์ด๋ฐ ์ปจ๋ฒค์…˜


ํด๋” ๋„ค์ด๋ฐ์€ ์†Œ๋ฌธ์ž๋กœ๋งŒ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค

  • lib/dom, js/common

ํŒŒ์ผ ๋„ค์ด๋ฐ์€ ์นด๋ฉœ์ผ€์ด์Šค๋กœ๋งŒ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค

  • typeOf.js,bindEvent.js

์ด๋ฏธ์ง€ ํŒŒ์ผ๋“ค์€ ํ•ด๋‹น๋ธŒ๋žœ์น˜๋ช…๊ณผ + ์Šค๋„ค์ดํฌ์ผ€์ด์Šค๋กœ๋งŒ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค

  • main_image, category_image

HTML/CSS ํด๋ž˜์Šค ๋„ค์ด๋ฐ ์ปจ๋ฒค์…˜


HTML/CSS ํŒŒ์ผ ๋‚ด์—์„œ ํด๋ž˜์Šค๋ช…์€ ์ผ€๋ฐฅ์ผ€์ด์Šค๋กœ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค

  • kebab-case

Javascript ๋„ค์ด๋ฐ ์ปจ๋ฒค์…˜


Array

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜์ด๋ฆ„์— ๋ณต์ˆ˜๋กœ ํ‘œ๊ธฐํ•ด์•ผํ•œ๋‹ค
const **fruitNames** = ['apple', 'banana', 'cucumber'];

Boolean

  • Bolean๊ฐ’์€ ์ „๋ถ€ is~~์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค
const isOpen = true;

Functions

  • ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ ๊ด€๋ จ ํ•จ์ˆ˜๋Š” (handle~)๋กœ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค

  • ์–ด๋–ค ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ๊ณผ ๊ด€๋ จ๋œ ํ•จ์ˆ˜๋Š” (get~)๋กœ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค

  • ์–ด๋–ค ๊ฐ’์„ ์„ธํŒ…ํ•˜๋Š” ๊ฒƒ๊ณผ ๊ด€๋ จ๋œ ํ•จ์ˆ˜๋Š” (set~)๋กœ ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค

  • ํ•จ์ˆ˜ ์„ ์–ธ ๋ฐ ํ• ๋‹น์‹œ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋ฅผ ๊ธฐ๋ณธ์œผ๋กœ ํ•œ๋‹ค

  • ํ™”์‚ดํ‘œํ•จ์ˆ˜๋Š” ๋ช…์‹œ์ ์œผ๋กœ return ๋ช…์‹œํ•ด์•ผํ•œ๋‹ค

    const page = () => {
    	return ...
    }