명왕성의 공전기록

오늘은 예전에 만들어둔 싸이월드 사이트를 새로 만드는 복습을 하다가, 전에는 완성하지 못했던 로또번호 생성기를 완벽히 만들어보기로 했다. 해야 할 것 중복 없는 랜덤 번호 생성하기 오름 차순 정렬하기 HTML 에 띄우기 중복 없는 랜덤 번호 생성 const lottoArr = [] function lottoRender () { for(let i = 0 ; i < 6 ; i++){ const lottoNum = Math.floor((Math.random()*45)+1) if(lottoArr.includes(lottoNum) == false){ lottoArr.push(lottoNum) } else { console.log("중복값 생성되었음") i-- } } } lottoRender() 먼저 로또번호를 생..

어제 풀던 문제를 다시 돌아본다 문제 내용은 이렇다 '임의의 문자열을 입력받아, 문자열에 각 단어가 몇 번 등장하는지 기록한 객체를 리턴하라.' * 대소문자는 구분하지 않아야 하며, 단어가 존재하지 않는 경우 빈 객체를 리턴. * trim 메서드의 사용은 금지. function wordFinder(str) { // 여기에 코드를 작성하세요 let sssAtr = str.toLowerCase().split(" ") console.log(sssAtr) let sameArr = [] for(let i=0; i { return 다음누산값; }, 초기누산값); reduce 메서드는 위와 같은 형태를 띄며, forEach / map 과 같은 메서드처럼 배열을 순회한다. 다만, forEach / map 과는 달리 특..

API 어떤 프로그램에서 제공하는 기능을 사용자가 활용할 수 있도록 만들어둔 인터페이스 Geolocaiton API 받아오기 mdn web docs 에 따르면, 위와 같은 정보가 수록되어있음 어떤 코드가 어떻게 동작하는지는 알 수 없지만, 위도와 경도를 가져오는 코드 같음 const accessToGeo = function (position) { const positionObj = { latitude : position.coords.latitude, longitude : position.coords.longitude, } weatherSearch(positionObj) } // latitude 위도 // longitude 경도 geolocation API const askForLocation = func..

잠깐 HTML, ul태그와 ol태그의 차이 ul Unordered List ol Order List 종속 태그로는 둘다 li 태그 사용 DOM(document object model) 브라우저가 HTML 문서를 파싱하는 과정에서 생겨나는 객체 아래처럼 나무와 비슷하게 생긴 모양 때문에 트리 구조라고 함 그리고 각각의 나뭇잎처럼 생긴 요소들은 노드라고 함 그리고 이 노드들은 객체 형태를 띔 onkeydown() 키보드가 눌릴 때마다 실행시켜줌 -- const keyCodeCheck = function () { console.log(window.event.keyCode === 13) if(window.event.keyCode === 13){ const inputValue = document.querySele..

Sprint 13 배열 안 객체를 활용하여, 원하는 값 가공하기 해당 문제는 students 라는 객체를 가지고 시작함 객체 students 는 name, korean, math, english, science 각각의 데이터를 가짐 예시 const students = [ { name: '김세준', korean: 88, math: 94, english: 78, science: 79, } stage 1 해당 학생이 가지고 있는 과목의 평균을 구하고, name / score 라는 key를 가진 객체를 도출하라. 이를 해결하기 위해, 내가 해야하는 것 for문을 활용하여 "과목 수" 구하기 각 학생들의 "성적 총합" 구하기 구한 "총합"을 과목 수로 나누어 return 하기 for문을 활용하여 "과목 수" 구하..

for문 for(정의; 조건; 증감){ 출력을 원하는 코드 } for(let = 0; i obj.property Bracket notation -> obj["property"] 객체에서 property를 호출하는 방법에 대해 다시 언급하고 넘어감 console.log(documentObj.days) console.log(documentObj["days"]) console.log(remainingObj.remainingDays) console.log(remainingObj["remainingDays"]) 완성한 for문 for(let i = 0; i

함수 사용 - 함수를 호출하는 방법, 함수 선언 종류 따로 js 파일을 생성하지 않고, 태그 내에 태그를 생성하여 작성해도 작동 가능 명령어 return 함수를 종료 / 함수를 반환하는 역할을 함 (함수 안에 갖혀 있는 것을 꺼내온다고 생각하면 편함) const sum = function () { let result = 10 + 10; return result console.log("함수 종료") } 예를 들어 위와 같은 함수를 실행시켰다고 가정한 경우, 함수는 result 값만 반환한 후에, "함수 종료"는 출력하지 않고 종료됨 함수의 선언 방식 함수 표현식 const sum = function () { let result = 10 + 10; return result } 함수 선언문 function s..

JS : 웹페이지를 동적으로 조작 const == 상수 변수 의미 / 재할당 불가, 재선언 불가 변수명은 동사로 아닌 명사로 사용하는 것이 일반적 자바스크립트 예약어는 변수명으로 사용하지 않도록 조심할 것 데이터 타입 문자열 : " " 나 ' ' 로 정의 / 숫자, 알파벳, 공백 등 모두 텍스트화 가능 숫자 : 숫자 타입 데이터는 모든 연산 가능 문자 연산 : 더하기만 가능, 다른 연산 시도시 NaN 반환 숫자 연산 : 모든 연산이 가능, 문자와 혼합 연산시 NaN 반환 배열 배열 : 여러 개의 데이터를 순서와 함께 저장하는 창고 대괄호 [] 로 생성 각각의 요소는 쉼표로 구분 요소 : 배열 안에 있는 각 데이터를 부르는 명칭 인덱스 : 배열 내 위칫값을 의미 배열 메서드 메서드 : 어떠한 기능을 가지고..