자바스크립트 코드작성에 대해 질문있습니다.

Question

안녕하세요 현재 프론트엔드의 자바스크립트 인강을 들으면서 기초를 공부중인데 변수~함수등 기본적인 문법을 배우고 어떤 실습을 하는데 여기서 궁금한점이 있습니다.

// 랜덤번호 지정 (컴퓨터쪽)
// 유저가 번호를 입력한다. 그리고 go라는 버튼 클릭
// 만약에 유저가 랜덤번호를 맞추면 맞췄습니다.
// 만약에 유저가 랜덤번호를 틀리면 틀렸습니다.
// 랜덤번호 < 유저 down
// 랜덤번호 > 유저 up
// Reset을 누르면 게임이 리셋된다.
// 5번의 기회를 다 사용하면 게임이 끝난다. (더 이상 추측불가, 버튼이 disable(클릭안됨))
// 유저가 1~100 범위 밖에 숫자를 입력하면 알려준다. 기회를 깍지 않는다.
// 유저가 입력한 숫자를 또 입력하면 알려준다. 기회를 깍지 않는다.

let compuerNum = 0; // 랜덤번호 저장할 변수 작성

function pickRandomNum() {
compuerNum = Math.random();
console.log(compuerNum);
}
pickRandomNum()

이런 코드가 있는데 궁금한점이,

1. 위 코드에서 랜덤번호를 저정할 변수를 만들었는데 저 코드를 혼자 작성해본다고 했을때 저걸 변수에 우선 담아야 겠다. 뭐 이런 생각조차 나지 않더라구요. 어떻게 하면 쉽게 할수 있을지 궁금하고,

2. 두번째로 밑에 함수를 사용했는데 함수는 재사용, 관련된것끼리 묶어놓는다 이정도로 알고있습니다.
   1번 질문과 마찬가지로 이부분은 함수를 사용하면 되겠다 이런 생각도 나지 않는데 혼자서도 코드를 잘 짜는 방법이 있다면 알려주시면 너무 감사드리겠습니다.

문법은 어느정도 이해는 하는데 혼자 코드를 작성을 할려고 하니 너무 막막하더라구요. 초보자가 그래도  조금이라도 코드를 혼자 작성할 정도로 공부를 한다면 어떤식으로 공부를 하면 되는지 선배님들의 조언부탁드리겠습니다.

권민수 · Accepted Answer

지금은 경험이 많이 없고 배우는 단계니깐 어떻게 코드를 작성해야할지 막막하고 답답한 것이 정상이라고 생각해요. 이 부분은 계속 경험을 쌓아가다 보면 자연스럽게 좋아질 부분입니다. 너무 걱정하지 마세요.

질문 주신 부분들도 모두 경험이 쌓이다보면 해결될 부분이라고 생각합니다. 우선 프로그램은 요구사항대로 돌아가기만 하면 됩니다. 처음부터 완벽하게 짤 필요 없어요. 단순하게 요구사항을 구현하려면 어떻게 해야될까 생각해보시면 됩니다.

우선 요구사항에 따르면 컴퓨터쪽 랜덤번호를 지정한 후, 이 값을 사용자가 입력한 값과 비교해야겠죠? 그렇다면 두 수를 저장할 각각의 변수가 필요하다고 볼 수 있습니다. 값을 어딘가에 저장을 해둬야 비교할 수 있으니깐요.

힘수의 경우에는 말씀해주신대로 재사용, 관련된 것 끼리 묶어놓는다도 맞구요, 위 케이스에서는 가독성을 높이기 위해 사용됐다고 생각됩니다. 단순히 comptuerNum = Math.random(); 이라는 코드가 있는 것보다, pickRandomNum이라는 사람이 읽고 이해하기 쉬운 함수명으로 사용되면 가독성이 올라가니깐요.

하지만 처음부터 함수를 분리해서 개발하지 않으셔도 됩니다. 위 예시의 경우 요구사항이 잘 분리되어 작성되어 있기 때문에 요구사항을 따라서 한단계씩 차근차근 돌아가는 프로그램을 작성해보시고, 거기서 끝내지않고 코드를 한번 더 살펴보며 중복되는 부분이 있는지, 가독성이 떨어지는 부분이 있는지 보고 그때 함수를 분리하셔도 늦지 않아요.

그냥 코딩을 할때도 마찬가지로 너무 예쁘게 짜는것에 집중하지 마시고, 우선 프로그램을 돌아가게 코드를 작성한 뒤 어떻게 개선하면 좋을지 천천히 생각해보시는 것을 추천드려요. 이렇게 생각해보는 과정에서 다른 사람들은 어떻게 코드를 작성했는지, 왜 그렇게 작성했는지 살펴보는 것도 좋구요.

Tetz · Answer

이미 하나 배우신 겁니다!

저희가 언어를 배울 때에도 모든 것을 스스로 생각해내서 언어를 배우는게 아니라, 기존의 것을 보고 듣고 반복 숙달하면서 익히게 됩니다. 그렇게 하다보면 처음에는 말을 못하다가 어느 순간 자연 스럽게 말을 하게 되는 것이죠.

코딩을 한다는 것도 하나의 컴퓨터 언어를 배우시는 것이니 만큼 나는 이걸 왜 생각해내지 못할까? 하는 부분에 너무 초점을 맞추지 마시고 아 하나 또 배웠구나 하면서 점차 반복 숙달해 나가시면 됩니다. 그렇게 연습 하시다 보면 어느 순간 자연 스럽게 코딩하고 계시게 될거라 생각합니다. 화이팅!