Robert C. Martin(Bob ??)? "The Clean Coder: A Code of Conduct for Professional Programmers"? ??? ???????. ? ?? ???? ?? ?? ??? ??? ???? ???? ????? ????? ?? ? ??? ???, ?? ? ??? ?????. ??? The Clean Coder? ???? ???? 2025

????? ??? ????? ?? ??? ?? ??????.

---

1. ???: ??? ?? ??

The Clean Coder? ??? ???? ???? ?????, ?? ????? ????? ?? ??? ????? ?????.

1.1. ??? ??? ??? ????

• ?? ??: ??, ?? ? ??? ?? ??? ?? ??? ??????. ??? ??? ?? ???? ??? ????.
• ???? ?????: ?? ???? ???? ???? ?? ?? ??? ???? ???. ?? ?????? ???? ??? ?????.

1.2. ????? ?? ??

??? ????? ?????. ??? ???? ???? ??? ??? ??, ??, ??? ? ?? ?? ???? ??? ????? ???.

---

2. ?? ???: ????? ?? ??

? ??? ???? ??: "??? ??? ??? ????." ??? ?? ??(??? ??? ??)? ?? ?? ??? ? ??? ????? ???.

2.1. ????? ???

???? ????? ????? ??? ???? ???. ???? ???? ??? ??? ??? ????? ?? "???" ???? ?? ??? ????.

??:

const d = (x) => x % 2 ? 'odd' : 'even'; // Confusing intent

??? ???:

const getOddOrEven = (number) => number % 2 === 0 ? 'even' : 'odd';

2.2. ?? ??

• ?? ? ?? ??? ??? ???? ???? ???.
• ??(fetchMovies,calculateTotal)?? ??? ???? ??(userList, movieDetails)?? ??? ?????.

2.3. ???? ??? ?? ??

??? ? ?? ?? ??? ???. Bob ??? ???? ??? 5~10?? ??? ??? ?? ?????.

??:

function renderMovieCard(movie) {
  // fetch data, format, render JSX in one place
}

??:

?? fetchMovieDetails, formatMovieData ? renderMovieCard? ?? ?? ??? ????.

---

3. ???? ??(?? ?? ??)

?? ???? ??? ??? ??? ??? ???.

3.1. ?? ??, ?? ? ???

• ????: ???/UI? ?????.
• ??: ??? ?? ?? ?? ????
? ??? ??? ??? ??????.
• ???: ???? CSS ??, ???? ?? CSS(?: Tailwind) ?? ??? ?? ??? ??????.

3.2. ?: ???? ??? ????

??(??? ??? ??, ??? ? ???):

const d = (x) => x % 2 ? 'odd' : 'even'; // Confusing intent

---

4. ??????: ?? ??? ?? ??

The Clean Coder?? ??? ?? ???? ?? ??? ??? ??? ??? ???.

4.1. ??? ???? ??? ???

? ?? ?? ?? ?? ??? ????? ??? ???. ?:

• ?? ??? ???? ??? ??? ?????.
• "?? ??"? ??? ??? ????.

??(???? ???):

const getOddOrEven = (number) => number % 2 === 0 ? 'even' : 'odd';

??(?? ? ?? ??):

function renderMovieCard(movie) {
  // fetch data, format, render JSX in one place
}

---

5. ???: ???

The Clean Coder??? ???? ?? ????, ???? ?? ??? ??? ?????? ?? ?????.

5.1. ??? ??

??? ??? ?? ?????.

• 80% ?? ??? ?? ??.
• ?? ??? ?? E2E ???? ?? ?? ??? ??? ??????.

5.2. ?? ?? ??? ??

?? ???? ?? ?? ??? ??? ??? ?? ??? ?????.

?? ???:

function MovieCard({ movie }) {
  const isBlockbuster = movie.revenue > 1000000;
  return (
    <div>



<p>Good (Separation of concerns):<br>
</p>

<pre class="brush:php;toolbar:false">// hooks/useIsBlockbuster.js
export const useIsBlockbuster = (revenue) => revenue > 1000000;

// components/MovieCard.js
import { useIsBlockbuster } from '../hooks/useIsBlockbuster';
import styles from './MovieCard.module.css';

function MovieCard({ movie }) {
  const isBlockbuster = useIsBlockbuster(movie.revenue);
  return <div className={isBlockbuster ? styles.blockbuster : styles.movie}>{movie.title}</div>;
}

5.3. ??? ???

• CI/CD ?????(?: GitHub Actions, CircleCI)? ???? ???? ??????.
• ?? ???? ???? ?? ??? ??? ?????.

---

6. ???? ??

? ??? ?? ??? ???? ?????. ?? ????? ????? ?????.

6.1. ???? ????

• ??, ?? ?? ??? ?? ??? ????? ????? ?????.
• ?????? ?? ??: "?????? ?? ??? ??? ???? ?????."

6.2. ??? ??? ??? ????

• React Server Components, Edge Rendering ? AI ?? UX
? ?? ?? ????? ???? ?? ?? ??? ?????.

---

7. ????? ???

????? ???? ?? ? ??? ?? ???? ?? ?????. ???? ?? ??? ???? The Clean Coder

? ??? ????.

7.1. ?? ??

??? ? ?? ???? ???? ????.

7.2. ??? ??? ????

???? ???? '???'?? ??? ?? ????. ?? ??? ???? ???? ?????.

---

8. ??? ??: ??? ??????

?? ?????? ????????. ?? ????, ?? ???, ??? ???? ???? ??? ?????.

8.1. ??? ?? ?????

?? ??? ????? ?????.
??? ?? ?? ??? ??? ?????.

8.2. ?? ??

?? ?? ??? ????? ?????. ??? ??? ??? ?????.

---

9. ?????? ?? ????

Clean Coder

???? ??? ???? ?????? ??? ?? ??? ????? ???.

9.1. ?? ??? UI ??

• ?????? ??? ???? Redux Toolkit ?? Zustand
? ?????.
?? ???? ?? ??(?: ?? ??)? ????? ??? ?? ??? ?? ?????? ?????.

9.2. ??? ?? ??

???(?: API ?? ???)? ?????? ?? ???? ?????. ??? ?? ??? ???? ?????.

---

10. ??? ??? ???

The Clean Coder

? ??? ???? ???? ?? ????? ????.

• ?? ???? ?? ?:
  • ??? C. ??? "Clean Architecture"
  • Douglas Crockford? "JavaScript: The Good Parts"
  • ?? ???? "????"
• ??: ????? ??? ????? ????? ?? ??? ?????.

---

?? ??

2025? ??? ????? ???? ??? ???, ??? ?? ??, ???? ??? ?? ????? ????? ?? ?????. ??? ??? ?? ???? ??? ??? ?? ??? ??? ???? ?? ??? ?? ?????. ??? ??? ??? ?? ???? ??? ???? ?????!

? ??? ??? ? ???? ??? ? ??? ?? ? ?? ????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!