[인프런] Javascript 입문 - 연습문제3-1

* 이 글은 인프런에서 제공하는 호눅스님의 유료 강의 '쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스 레벨1'를 듣고 공부하며 정리한 글입니다. 강의 내용에 더해, 제가 필기하고 구글링한 내용이 정리되어 있습니다. 초보인 제가 이해한 대로 정리했기 때문에, 부정확한 내용이 있을 수 있음을 감안해 주시길 바랍니다. 강의를 듣고 내용을 정리한 글이기 때문에 문제가 되지 않는다는 인프런 측 답변을 받은 적이 있으나(https://bibi6666667.tistory.com/37), 저작권상 문제가 된다면 보호 모드(비공개)로 전환하겠습니다.

 

연습문제 3 - 소수 출력하기

1 - 10000 사이의 소수를 화면에 출력하는 프로그램을 작성해 봅시다.

• HTML + JS로 작성할 것
• 객체와 메소드를 사용해 볼 것
• 최대한 예쁘게 만들어 볼 것

구현할 객체와 메소드 예시

 

numbers = {}; // 객체
numbers.all = []; // 속성)숫자 배열
numbers.prime = []; // 속성)소수 배열
numbers.isPrime = function(number); // 메서드)number가 소수인지 판단
numbers.addPrime = function(number); //  메서드)number를 소수 배열에 추가?
numbers.getAllPrimes = function();  // 메서드)소수 전체 가져오기
numbers.addAll = function(max_num); // 메서드)1부터 max_num까지의 숫자를 추가

답안 예시

https://github.com/honux77/js-playground/blob/master/week2/prime2.html

---

한 시간정도 고민하다가 그냥 답을 봐 버렸다.

소수 찾기 프로그램은 이미 만들어 보았는데도 왜 이렇게 어려울까? ㅠㅠ

- 아마 기존과 달리 객체와 메소드를 사용해야 해서 더 헷갈린 것 같다.
객체를 사용한 코드를 제대로 본 적도 없는데 구현하려니 더 막막했다.
거기에 힌트까지 보니 이게 뭔가.. 하다가 시간만 가 버렸다.

- 최대한 예쁘게 html,JS를 사용해 만들라는 조건이 있는데 
바닐라자바스크립트에서 웹문서에 출력하는 건 document.write밖에 사용한 적이 없다.ㅠ
답을 보니 .innerHTML 같은 새로운 내장함수? 들이 나오더라. 막막..

- 이틀 동안 쉬다 오니 머리가 잘 안 돌아간다. ㅋㅋㅠㅠ..
앞으로는 쉬는 날에도 코딩을 조금이라도 해야겠다. (뇌 굳음 방지용)

내일 복습하면서 다시 해 보고 답안 코드를 잘 이해해야겠다!