Front-End/1. JavaScript 기초

배열과 반복문, if를 이용하여 선택정렬을 만들다. 버블 정렬과는 반대로 인덱스 0(맨 앞)부터 맞춰나가는 정렬 방식이다. 오름차순으로 정렬해보겠다. 처음엔 인덱스 0 을 기준으로 올라가면서 비교해서 처음으로 인덱스 0보다 작은 수를 minNum에 대입해서 보관하고 기준 수를 temp에 보관하고 작은 수가 있던 자리에 기준 수를 배치하고, 기준 수가 있던 자리에 minNum을 배치하면 현재 과정에서 가장 앞자리에 비교하는 수 중에서 가장 작은 수가 배치된다. 그 다음 반복 과정은 맨 앞자리 0 인덱스가 고정되어있기 때문에 그 다음 앞자리 인덱스 1에 들어갈 가장 작은수를 찾아야한다. 기존에 있던 인덱스 1 자리 수를 기준 수로 생각하고 인덱스를 높여가며 비교해서 가장 작은수를 인덱스 1자리에 배치하고 가..

버블정렬을 만들다. 코드블럭 버블 정렬 방법을 직접 for문과 if문을 응용하여 만들기를 해보자. 더보기 버블 정렬: 인접한 두 인자끼리 서로 크기 비교를 하여 서로 위치를 바꾸는 과정으로 진행되는 정렬 방식 별 찍기 했을 때처럼 버블 정렬을 오름차순으로 정렬하는 방법을 리팩토링 방법으로 설명해 보겠다. 1. 배열 선언 및 변수 선언 let arr = [4, 3, 2, 1, 0] let lenArr = arr.length // 5 나중에 쓰일지 모르는 배열의 길이는 5 2 - 1 ) 1바퀴째 정렬단계 if(arr[0] > arr[1]){ 치환: 두 변수 값을 서로 바꾸는 것 임시변수를 만들어서 변수값이 사라지는 것을 방지한다. let temp = arr[0]; arr[0] = arr[1]; arr[1] ..

배열과 조건문을 사용해서 컴퓨터와 가위바위보 하다. 1. 컴퓨터가 먼저 가위바위보 중에 하나를 내게 만들기 let comChoice = ["가위", "바위", "보"] // 0 1 2 인덱스 번호 let ranNum = Math.floor(Math.random() * 3); // 0부터 2.99999까지의 난수를 정수화 console.log("컴퓨터: ", comChoice[ranNum]) // 컴퓨터가 무엇을 냈는지 콘솔창에 출력 컴퓨터의 가위바위보 배열을 만들어준다. 인덱스 번호로 접근해 보겠다. 앞에서 배운 난수를 만드는 방법으로 0 1 2 중 하나를 만들어 주고 ranNum 변수에 대입한다. 배열의 요소를 인덱스로 접근하는 방법을 사용해서 (배열[인덱스]) 컴퓨터가 가위 바위 보 중에 하나를 내도..

배열함수를 연습하다. 1. 배열 생성 let likeList = ["휴식", "강아지", "게임", "음악", "걷기"] // 리스트 선언 let을 사용해서 배열 선언하기. 2. 배열의 마지막 요소 제거 likeList.pop(); // 마지막 요소 제거 pop함수를 사용해서 마지막 요소를 제거한다. document.write(배열. pop())을 하면 마지막 요소가 출력된다. → pop함수는 제거하는 것도 맞지만 마지막 요소를 꺼낸다고 생각하면 도움이 된다. (파이썬과 같다.) 3. 배열의 마지막 요소에 "코딩" 추가 likeList.push("코딩") // 맨 뒤에 요소 추가 push함수를 사용해서 마지막 요소에 넣고 싶은 요소를 밀어 넣는다. 4. 배열 속 "코딩"이 존재하는 지 확인 likeLis..

배열을 활용하여 배열 내 최댓값을 구하다. 1. 첫번째 방법 배열의 길이를 구하는 이유는 배열의 길이와 반복 과정 횟수와 연관성이 있기 때문이다. maxNum 변수를 만드는 이유는 배열 내 요소들과 maxNum과 하나씩 다 비교하기 때문에 maxNum보다 큰 값만 maxNum 변수에 대입해서 결국 배열 내 가장 큰 수가 maxNum에 들어간다. 2. 두번째 방법 새로운 변수 maxNum2에 Math.max(배열) 함수를 대입하면 자동으로 최댓값이 들어간다.

JS의 배열을 배우다. 1. 배열의 선언 // 1. 배열의 선언 // let 배열이름 = []; // 주의사항. // undefined으로 선언하지 말 것. 변수 선언 때도 똑같음-> let 배열이름; let menuList = ["아메리카노", "카페라떼", "지우개"]; 배열 : 수많은 데이터 중에서 연관된 데이터를 하나에 담는 공간 배열에는 데이터를 구분할 수 있는 인덱스가 존재한다. 첫 번째가 0부터 시작한다. 2. 배열의 확인 및 요소 접근 // 2. 배열의 확인 console.log(menuList) // 3. 배열 내 특정 요소 접근 // 배열이름[인덱스번호] console.log(`${menuList[1]} 나왔습니다.`); 출력문에 배열이름을 넣으면 배열이 나온다 배열이름[인덱스번호] =..

while문 실습으로 컴퓨터가 만든 숫자 맞히기를 하다. 랜덤게임 1. 컴퓨터가 만드는 랜덤한 숫자 만들기 let randNum = parseInt(Math.random()*100) + 1 // 1 ~ 100 랜덤 숫자 생성 처음으로 나온 랜덤한 수를 만드는 방법이다. Math.random()은 0 ~ 1 사이에 랜덤한 소수가 나온다. 여기에 100을 곱하면 0 ~ 100 사이의 소수가 나온다. 정수화 시켜주고 1을 더하면 우리가 원하는 1 ~ 100까지의 자연수가 나온다. 2. 사용자에게 수를 입력 받기 사용자가 컴퓨터 수와 같지 않은 값을 입력했을 때 계속해서 입력창이 떠야하기 때문에 반복문 안에 입력문을 넣어야 한다. 3. 반복문 안의 조건문 if - else if 문 입력한 수가 정답보다 크면 입..

while 반복문 실습을 하다. 4의 배수일까 아닐까 사용자로부터 prompt로 숫자를 입력받고 parseInt로 정수화하고 Num 변수에 넣는다. while 조건식에 true를 넣어서 항상 반복문이 실행되게 한다. -> break 사용하겠다. while문 안에 if - else문으로 조건을 넣고 그 조건의 실행로직이 실행되면 break로 반복문을 나가게된다.