24.04.24 TIL

javaScript_week1 - 2

◼︎ 각종 es6 문법 소개

ECMAScript6(ES6)는 JavaScript의 버전 중 하나로 2015년에 발표되었으며, 이전 버전인 ES5에서 새로운 문법과 기능을 도입하여 JavaScript 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선되었음

1. let, const
   - let : 재할당 가능, 재선언 불가능
   - const : 재할당, 재선언 불가능, 초기값이 없으면 선언 불가능
2. 화살표 함수 (Arrow Function)

3. 삼항 연산자 (ternary operator)

4. 구조분해할당(Destructuring) : 배열[]이나객체{}의 속성을분해해서 그값을 변수에 담을수있게 해주는문법

5. 단축 속성명 (property shorthand) : 객체의 key와 value 값이 같다면, 생략 가능

6. 전개 구문 (Spread) : 배열이나 객체를 전개하는 문법. 구조분해할당과 함께 많이 사용

7. 나머지 매개변수(rest parameter)

8. 템플릿 리터럴 (Template literals) : 백틱(`) 과${}로 표현

9. named export vs default export 

 

 

 

---

알고리즘 강의 - 1일차

∙ 의사코드 : 컴퓨터 프로그램을 작성하기 전에 문제를 해결하기 위한 단계를 자연어로 기술하는 것

예시. 두 개의 수를 더하는 함수를 만들기

1. 사용자에게 첫 번째 숫자를 입력받는다.

2. 사용자에게 두 번째 숫자를 입력받는다.

3. 두 숫자를 더한다.

4. 결과를 출력한다.

이런식으로 머릿속 알고리즘이 정리가 되어야 코드를 이해하고, 풀 수 있다.

∙ UP & DOWN 게임 (라이브 문제내신거. 나중에..풀어보기ㅠ)

1. 프로그램이 1~100의 숫자 중 하나를 랜덤으로 정합니다.

2. 사용자는 이 숫자를 맞추어야 합니다! : 입력한 숫자보다 정답이 크면 → “UP” 아니면 → “DOWN”, 정답이면 → “CORRECT” 출력

3. 지금까지 숫자를 입력한 횟수를 알려줍니다.

1~100 중 랜덤 숫자 하나를 정하였습니다. 과연 당신이 맞출 수 있을까요?!
숫자 입력: 50
DOWN
숫자 입력:25
DOWN
숫자 입력:10
UP
숫자 입력:15
DOWN
숫자 입력:13
UP
숫자 입력:14
CORRECT
숫자 입력한 횟수: 6회

 

▸  의사코드 풀이

1. 1부터 100 사이의 숫자를 무작위로 하나 선택한 후 이를 정답으로 설정합니다.

2. "1~100 중 랜덤 숫자 하나를 정하였습니다. 과연 당신이 맞출 수 있을까요?!"라고 출력합니다.

3. 사용자에게 숫자 입력을 요청합니다.

4. 비교 과정

5-1. 입력 횟수를 기록합니다.

5-2. 사용자가 입력한 숫자 > '정답'이면 "DOWN"을 출력하고 다시 숫자 입력을 요청합니다.

5-3. 사용자가 입력한 숫자 < '정답'이면 "UP"을 출력하고 다시 숫자 입력을 요청합니다.

5-4. 사용자가 입력한 숫자가 '정답'과 같으면 "CORRECT"를 출력하고 시도한 횟수를 출력한 뒤 게임 종료!

 

▸  의사코드→실제코드로 옮긴 풀이

✔️랜덤으로 지정된 값에 대해 분기문으로 UP/DOWN 여부만 알려주면 됩니다! 참 쉽죠?!! 숫자 입력한 횟수는 반복문의 loop count와 동일합니다! 사용자 입력을 받는 부분의 경우보다 핵심 로직 자체에 집중해주세요! 

---

알고리즘 코드카타

‣ 몫 구하는 함수는 아직 강의에서 못봐서 검색해서 해봤는데, parseInt()과 Math.floor()의 차이가 궁금해졌다 👀

https://velog.io/@mnmm/js-parseint-mathfloor