코드 디자인 기법이란 무엇이며 어떻게 사용합니까?

안녕하세요 여러분, 잘 지내고 안전하기를 바랍니다.

오늘 저는 프로그래머에게 훌륭한 기술이 될 수 있다고 생각하지만 튜토리얼에서 거의 언급되지 않는 것에 대해 이야기하고 싶습니다. 그래서 가능성은 매우 낮습니다. 워크플로의 일부가 됩니다. 이 기술은 고무 오리 디버깅 기술에서 영감을 받았습니다.

코드 설계:

Writing at least minimal steps required to solve a problem or developing a feature before starting to write the program, is Designing the code in my observation.By Code design, I don't mean Pseudo Code.
Figma/XD/Sketch와 같은 디자인 도구에서 디자인을 만들지 않고 CSS/HTML로 웹사이트 코딩을 시작한다고 상상해 보십시오. 당신은 동의할 것입니다. 우리는 모든 코딩 후에 품질이 좋지 않은 디자인을 생각해 낼 가능성이 가장 높으며 또한 그것을 하는 데 꽤 오랜 시간이 걸릴 것입니다. 그런 식으로 웹 사이트를 디자인할 때 여러 가지를 생각해야 하기 때문입니다.

문제 해결/기능 개발(일반적으로 백엔드 개발)에도 동일하게 적용할 수 있습니다. 기능 개발에 필요한 최소한의 단계를 작성/설계할 수 있다면 많은 도움이 됩니다.

다음은 코드 디자인의 몇 가지 이점입니다.

그것은 우리를 궤도에 유지합니다

문제를 여러 부분으로 나누는 데 도움이 되므로 코딩하는 동안 당면한 작업에만 집중합니다

.

그것은 우리가 매우 명확하게 생각하는 데 도움이 됩니다.

디버깅에 매우 유용합니다. 이 기술을 적용하면 디버깅에 1/3의 시간을 할애하게 됩니다.

기능 개발의 코드 디자인

숫자를 계산할 수 있는 프로그램을 만들어야 한다고 가정해 보겠습니다.

Goal: 
We need to write a program that can multiply the two numbers, Add them, subtract them.

Steps:
* Create multiply method
* Create subtract method
* Create add method

이 몇 줄만 작성하면 많은 도움이 될 것입니다.

디버깅의 코드 디자인

최근에 코드에서 문제를 수정하는 데 어려움을 겪고 있었습니다. 문제를 서면으로 설명하자마자 내가 필요한 것, 해야 할 일 등 매우 명확했습니다. 작성하는 것만으로도 도움이 되었습니다. , 최소 20시간 동안 고민했던 문제를 30분 만에 해결했습니다.

Goal:
* We want to update the URL as soon as someone goes to the next page on the pagination
* When a user clicks on the back button, he should be redirected to the previous page from pagination instead of the entirely different web Page.

Steps:
* When a user clicks on Next Page
* Change the URL and reload the page

여기서 우리가 하는 일은 우리에게 설명하는 것뿐입니다.

If you cannot explain it simply, you don't understand it well enough - Albert Einstein

나는 그것이 매우 간단한 트릭처럼 보이고 별로 유용하지 않은 것처럼 보이지만 적어도 1주일 동안 그것을 시도하고 결과를 비교하는 것이 좋습니다.

이 기술을 위한 제안 도구: SimpleNote, Drafts(Mac만 해당)