Scientia Conditorium

[혼공단] 혼자 공부하는 자바스크립트 / 혼공단 11기 - 2주차 본문

서평/IT-책

[혼공단] 혼자 공부하는 자바스크립트 / 혼공단 11기 - 2주차

크썸 2024. 1. 8. 00:20

[기본 미션] p.139의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기


숫자 입력 창

실행 결과

 

<!DOCTYPE html>
<html>
<head>
    <title><</title>
    <script>
        const input = prompt('10~20 사이의 숫자', 12);
        
        if ((input > 10) && (input < 20))
        {
            console.log('조건에 맞습니다');
        }
        else
        {
            console.log('조건에 맞지 않습니다');
        }

    </script>
</head>
<body>
    
</body>
</html>

 

논리연산자 && 기호를 입력하면 해결할 수 있습니다.

미션은 비쥬얼 코드에서 실행한 결과를 보여달라고 했지만, 앞선 챕터에서 구글 크롬창에서 실행한 이력이 있었기 때문에 이를 활용하여 구글 로그창 출력 결과로 대체하였습니다.

 

[선택 미션] p.152의 <태어난 연도를 입력받아 띠 출력하기> 예제 실행하여 본인의 띠 출력한 화면 캡처하기

 

<!DOCTYPE html>
<html>
<head>
    <title><</title>
    <script>
        const rawInput = prompt('태어난 해를 입력해주세요.', '');
        const year = Number(rawInput);
        const e = year % 12;

        let result;
        if (e === 0) { result = '원숭이' }
        else if (e === 1) { result = '닭' }
        else if (e === 2) { result = '개' }
        else if (e === 3) { result = '돼지' }
        else if (e === 4) { result = '쥐' }
        else if (e === 5) { result = '소' }
        else if (e === 6) { result = '호랑이' }
        else if (e === 7) { result = '토끼' }
        else if (e === 8) { result = '용' }
        else if (e === 9) { result = '뱀' }
        else if (e === 10) { result = '말' }
        else if (e === 11) { result = '양' }
        alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
    </script>
</head>
<body>
    
</body>
</html>

 

뒤쪽 챕터에서 이 코드를 수정할 것 같기는 하지만 우선은 책에 적힌대로 if-else문을 활용하여 실행.


 

2주차 간략 소감

실행 모듈만 다를뿐 언어에 큰 차이점을 아직까지는 못 느끼고 있다. 거의 모든 언어의 어머니격인 C/C++를 주로 다루었기 때문에 그런 느낌이 드는 것 같다. 이번 2주차 선택 미션 진행하는 중 책 내용에 굉장히 공감되는 말이 적혀있었다.

 

프로그래밍 초보자들이 코드를 작성할 때 '코드가 이렇게 지저분하게 만들어질리 없어' 하는 생각에 잘 작성하다가 포기하는 경우가 많습니다. 초보자 단계에서 중요한 것은 일단 무언가를 만드는 것입니다. 코드가 지저분해지는 것은 큰 문제가 아니며 실무에서도 조건문을 이렇게 덕지덕지 연결하는 경우가 많습니다.

 

그렇다. 초보자들은 뭔가 코드가 길어지고 지저분해지면 실수하고 있다고 느끼는데 전혀 그렇지 않다. 모든 코드는 처음엔 지저분하고 난잡하다. 처음부터 완벽한 코드를 작성하고 있다면 당신의 연봉은 지구에서 가장 높은 연봉을 받고 있을 것이다. 이런 실수는 코딩 문제 푸는 사이트에서 자주 볼 수 있는데, 초보자들은 문제풀이 코드가 짧으면 짧을수록 완벽하다고 '착각' 한다. 일단 잘 작동하게 만드는게 먼저이면 그 다음 수정과 개선을 통해 완벽하게 바꾸면 된다. 리팩토링이라는 말은 괜히 나온게 아니다.