JavaScript 자습서:복사 및 붙여넣기

"I can follow the tutorial perfectly, but when I try to do it by myself, I have no idea I'm doing."

익숙하게 들리시나요?
개발자로서 가장 우울한 상황 중 하나입니다. 왜냐하면...뭐 하세요?프로젝트를 만드는 방법을 배우려고 노력하지만, 이 강좌는 당신에게 가르쳐야 합니다.소용없어.당신은 지금 무엇을 할 계획입니까?
너는 거의 정확한 길을 걸었다.너는 단지 문제를 해결하기 위해 약간의 도움을 필요로 할 뿐이다.
왜 당신은 교과서를 완전히 이해할 수 있다고 생각합니까?너는 다른 사람을 모방하고 있기 때문이다. 그 안에는 많은 가치가 있다.
이상적인 세계에서, 당신은 하루 종일 당신 곁에 앉아서, 당신에게 무엇을 해야 하는지 정확하게 알려줄 전문가가 있을 것이다. 그러나 이것은 매우 드문 사치이다.다행히도 너는 필요 없어.너 같은 사람이 수천 번이나 같은 질문을 했는데, 네가 해야 할 일은 답을 복제하는 것이다.
문제는 강좌를 통해 모든 내용을 복제할 수 있다는 것이다.너는 네가 코드를 작성해야 한다는 결정을 내릴 기회가 없다.반대로 코드를 복제하는 작은 부분에 집중해 더욱 광범위한 응용 프로그램에 조합해야 한다.

복사하여 붙여넣는 이유

프로그래머는 코드를 서로 복제할 때 절대 파렴치하다.우리는 항상 농담을 한다. 이것이 우리의 가장 중요한 기술이다.솔루션을 공유하고 복제하는 것은 개인과 지역사회로 성장하는 방식입니다.
액체 오류: 내부 오류
그럼에도 불구하고 초보자로서 코드를 복제하지 말아야 한다는 조언은 적지 않다.그들의 생각은 네가 표절을 통해 어떤 것도 배울 수 없다는 것이다.그러나 이 건의는 코드 복제의 실제 어려움을 무시했다.
코드를 복사하고 붙이는 것은 결코 쉽지 않을 것이다.만약 그렇다면, 프로그래머는 최저임금 노동자가 될 것이다.어떤 코드를 복제해야 하는지 아는 데는 많은 작업과 지식이 필요할 뿐, 그것을 어떻게 통합시키는지는 말할 것도 없다.
이 점에서 문제를 어떻게 해결하는지 배워야 한다. 코드를 복제하는 것은 학습 과정에서 지식의 공백을 메우는 완벽한 방법이다.

복사 및 붙여넣기를 사용하여 코딩하는 방법

우리가 시작하기 전에:.만약 당신의 코드가 할 일이 없다면, 코드를 작성하기가 매우 어려울 것이다.시간의 흐름에 따라 당신은 간단하게 시작하고 당신의 프로젝트에 대해 점점 더 웅대한 포부를 가지고 싶어 합니다.
복사와 붙여넣기를 사용하여 인코딩하는 것이 바로 이렇다.이것은 어려운 단계이다. 프로젝트를 완성하고 해체해야 한다.

당신은 당신의 프로젝트를 다른 부분으로 나눌 수 있습니까?너는 이 부분들을 한층 더 분리할 수 있니?

각 부분은 무엇을 합니까?

모든 행위는 어떤 행동을 취해야 합니까?너는 이 행동들을 더 작은 행동으로 나눌 수 있니?

이 단계는 결코 쉽지 않다.네가 이전에 문제를 만난 적이 없을 때, 어떤 행동을 취해야 할지 알기 매우 어렵다.목록이 완전하지 않거나 오류가 있을 수 있습니다.이것은 그리 대단한 것이 아니다. 만약 네가 가지고 있는 물건이 쓸모가 없다면, 너는 직접 목록을 업데이트할 수 있다.
이러한 행동을 통해 두 가지 황금의 법칙을 명심해야 한다.

동작이 구체적일수록 코드를 찾기 쉽다

복제된 코드 부분이 완전하지 않을수록 학습 효과가 좋다.이것이 바로 왜 교정이 작용하지 않는가이다.

동작을 코드로 바꾸기

구글로 목록의 모든 동작을 검색하기 전에 그 중 하나를 할 수 있는지 확인하는 데 시간을 들여라.이것은 네가 배운 지식을 검사하는 좋은 방법이다.네가 발전함에 따라, 너는 자신이 필요로 하는 복사본이 점점 적어지는 것을 발견할 수 있을 것이다.
너의 답안을 코드에 직접 써라.불완전한 부분은 중요하지 않다.에 주석을 추가하면 코드를 더 추가할 계획이 있음을 나타냅니다.

/**
* Function that changes fields based on a dropdown value
*/
function updateFields(event) {
    let value = 0; // TODO: Get the value from the dropdown

    if (value === 1) {
        // TODO: Set value of form field
    }
}

//TODO: Add event listener to dropdown

이제 남은 것은 네가 어떻게 해야 할지 모르는 많은 행동들이다. 이것은 네 프로젝트의 대부분일 수도 있고, 단지 하나의 절차일 수도 있다.어쨌든 지금은 구글에서 그것들을 찾을 때다.
코드 세션을 찾는 것은 놀라운 도전성이 있을 수 있다.코드 세션을 찾는 어려움은 검색에서 사용하는 단어에 달려 있습니다.답을 볼 때 사람들이 사용하는 다른 키워드를 검색하는 것이 가장 좋다.예를 들어, 나는 위의 코드 세션에서 dropdown 를 사용했지만, HTML에서는 <select> 로 표시했다.'선택'이라고 부르는 것은 더 관련된 결과를 되돌릴 수 있다.
마지막 질문: 다른 코드를 함께 놓을 수 없고, 그 코드가 작동하기를 기대할 수 없다.일반적으로, 복제된 코드를 변경해서 적합하게 해야 합니다.

/**
* Function that changes fields based on a dropdown value
*/
function updateFields(event) {
    let value = event.target.querySelector(':selected').text;

    if (value === 1) {
        document.querySelector('#lastname').value = '';
    }
}

let dropdown = document.querySelector('#dropdown');
dropdown.addEventListener('change', updateFields);

일단 당신의 프로젝트가 일을 시작하면, 당신은 이 단계를 완성하는 것을 고려할 수 있습니다.너는 지금부터 어떤 것도 멈추고 너의 성공에 완전히 만족할 수 있다.그러나 코드를 검사해서 개선할 점이 있는지 확인하는 것이 좋다.

너는 이미 성공했으니 지금 잘 해라

일단 네가 한 무더기의 코드를 복사해서 한데 붙이면, 아마도 엉망이 될 것이다.이상하지 않아. 너의 코드는 프랑켄슈타인의 괴물이야. 상관없는 부분으로 봉합되어 있어.
만약 당신의 프로젝트가 일회성이 아니라면, 다시 한 번 해 보세요. 당신이 할 수 있는 어떤 개선도 찾아보는 것은 좋은 생각입니다.변수 이름 바꾸기, 업데이트된 API 사용 등을 포함할 수 있습니다. 적어도 이렇게 해야 합니다.
이것은 코드를 너 자신으로 만들 수 있는 기회다.다시 방문하기로 결정하거나 투자조합의 일부가 된다면 제대로 보여줘야 한다.

다음 단계는 어떻게 해야 합니까

프로그래머로서의 성장은 반복되는 과정이다. 프로젝트를 완성한 후에 전문가가 되기를 기대할 수는 없다.하나의 투자 조합을 배우고 형성하다.
이곳의 비결은 프로젝트를 소규모로 유지하는 것이다. 그러면 당신이 시작한 일을 완성할 수 있고, 시종일관 시간을 내서 그것을 완성할 수 있다.프로젝트를 완성하는 것이 프로젝트를 시작하는 것보다 훨씬 어렵다. 이것은 고용주가 필요로 하는 귀중한 기능이다.
Are you stuck on JavaScript Tutorials? Sign up to my newsletter for more helpful articles to get you moving again