*🔐Study Keyword :

Replit 놓친 개념 총 Recep✅: keyword word(🔑, 🗝️), point words: 🔓

1-10번

1. JavaScript 소개

• HTML, CSS로만 이루어진 정적인 웹페이지가 JavaScript(=웹 페이지와 상호작용하도록 만들어진 언어)를 만나 동적으로 동작한다.
• 브라우저에서 사용자의 행동을 처리하고, 데이터도 저장하고, 네트워크 응답과 요청을 처리하는 역할을 합니다.

1.alert( ) 함수 (알림창 띄우기)

• alert() 함수는 사용자에게 안내하고 싶은 텍스트를 보여준다.
• EX> 로그인 창에서 비밀번호가 틀렸을 시 "비밀번호가 틀렸습니다" 라는 텍스트로 알림창을 보여줄 수 있다.

2.console.log() 함수 (콘솔창 로그 찍기)

• console.log( ) 함수는 개발자가 확인하고 싶은 내용을 출력하는 함수이다.
  => 두 함수는 JavaScript에서 이미 정의된, 즉 약속된 단어들인 약속어(Reserved Words) 라고 불린다.

2. 주석(Commenting)

• 주석(Commenting)은 코드를 작성하긴 했지만 브라우저에서 해당 코드를 실행시키지 말고 무시하라는 뜻으로 쓰인다.

• 주석을 쓰는 이유는

1. 특정 코드가 필요 없어졌는데, 혹시 몰라서 남겨놓고 싶을 때
2. 다음 사람에게 인수인계 해야해서 코드에 설명해 놓을 때
3. 코드를 볼 때마다 이해가 잘 안 돼서 한글로 설명해 놓을 때

1. //

• slash 두 개로 시작한 코드 한 줄만 주석으로
  인식한다.

2. /* 여러줄 */,

• 여러 줄을 한 번에 주석처리하려면 /* 주석 처리하고 싶은 내용 */ 로 끝낸다.
  => 주석, 변수명, 함수명을 작성하는 것도 결국에는 소통을 위해 개발자들이 신경써야 하는 것들 중 하나로 잘 활용하자.

3. Variables

• 변수(variable)는 컴퓨터가 많은 데이터를 기억하기 위해 사용한다.

• JavaScript에서 변수를 생성하기 위해 선언 하고 선언 한 변수에 값을 할당하여 값을 저장한다.
• 변수 명 작성 시, 의미가 추측 가능한 변수명을 지어야하며 고려해할 사항은 다음과 간다.

1. 다른 개발자, 먼 훗날의 자신이 코드를 쉽게 이해할 수 있는가? (코드의 가독성을 고려)
2. 커뮤니케이션에 들어갈 리소스를 줄여 개발의 효율이 높였는가?

• let 키워드를 사용하면 변수 값을 수정O const 키워드를 사용한 변수 값은 수정X
  => 변수에 값을 할당 뒤 앞으로 수정할 일이 없으면 const를 사용, 변수 값이 한 번이라도 수정될 예정이라면 let을 쓰자.

4. Funtion(함수) - 기본

• 함수는 하나의 특정한 작업을 수행하도록 설계된 독립적인 블록입니다.
• 함수의 정의는 함수가 어떤 동작을 하게 될지를 정의만 해둔 것이며 함수의 호출은 함수를 불러 함수 내부를 실행시키는 것이다.

5. Funtion(함수) - 데이터 반환

• 모든 함수는 return(반환)을 하며 항상 데이터를 반환하기에 그 결과를 변수에 저장, 다른 로직에 재사용할 수도 있다.
• 함수 내부에 return 키워드를 생략할 수도 시엔 undefined 라는 값을 반환한다.
• 매개변수(parameter)는 함수 정의시 외부로부터 들어오는 값을 담아 함수 내부에서 사용하도록 하는 변수의 역할을 수행하고 인자(argument)는 함수 호출시 파라미터 자리에 들어갈 구체적인 값을 뜻한다.

6. Math Expressions

1>++연산자, 2>연산자++ 차이

• 1>newNum 변수에 num 변수를 할당해서 newNum에 1이 할당되고
  2> num++; 가 실행되어 변수 num이 2가 된다.

<script>
let num = 1;
let newNum = num++;
console.log(num); // 2
console.log(newNum); // 1
</script>

<script>
let num = 1;
let newNum = ++num;
console.log(newNum); // 2
</script>

• newNum에도 2를 할당하고 싶으면 아래 같이 ++num을 해줘야한다.

<script>
num =3
while(--num>0){
console.log(num)
}
// 2 1  --num
// 2 1 0  num--
</script>

• 컴퓨터의 수학식 계산법도 우선순위를 주기 위해 ()를 감싸주면 우선적으로 연산한다.

7. 텍스트 문자열의 연결

• 텍스트 문자열의 연결 중에 주의할 점은
  String + Number은 String과 Number형을 더하면 항상 String형으로 변환된다.

8. if문

• if문(조건문) "만약에 ~하면 ~한다"가 컴퓨터 언어로 변환된 것으로

9. 비교 연산자

• 비교 연산자는 연산자 양쪽에 있는 두
  값, 즉 좌항과 우항을 비교하는 연산자이다.
• 비교 연산자의 종류에는 동치 연산자(==, ===, !=, !==)와 관계 연산자(>, <, >=, <=)가 있다.
• 비교연산자가 있을 땐 비교연산자 기준으로 왼쪽/오른쪽 나눠서 코드를 실행하게 됩니다.
• 일치 연산자(===)는 값과 타입이 같은지를 비교하는 동등 비교 연산자(equality operator)이며
• 동등 연산자(==)는 느슨한 비교연산자로 오직 값만 비교하는 연산자이다.

10. 논리연산자

• 조건은 다른데 같은 결과를 리턴하는 경우에
  또는(or) 논리 연산자는 ||로 어떤 조건 하나만 충족하면 참이며 모두 충족해야 참인 그리고(and) 논리 연산자는 &&이다.
  -if (age > 65 || age < 21 && res === "한국")
  
  컴퓨터 언어는 왼쪽에서부터 해석하며 헷갈리는 걸 방지위해 항상 괄호로 묶어주는 습관을 들이면 좋다.
  if (age > 65 || (age < 21 && res === "한국"))

11-21번

11. Function(함수) - 데이터 받기

• 함수를 호출할 때 데이터를 전달하고, 전달받은 데이터를 사용하는데 함수에 사용한 데이터, 인자(argument) 전달할 수 가 있다.
• 주의할 건 함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 X
  ->인자(parameter)에는 실제로 어떤 데이터가 전달될지 호출할 때 결정한다.

12. Function(함수) - parameter, argument

• 함수를 정의 시 함수 선언식의 괄호()안에 적는 변수명이, 매개변수로 이는 함수 안쪽에서 변수와 같은 역할을 하며 함수가 호출 시 값을 전달받아 매개 변수에 값이 정의된다.
• 어떤 함출 시 호출문의 괄호 안에 값 또는 값이 정의된 변수를 인자라고 부르는데 함수에 매개변수를 넣으면 호출시 인자로 전달한 값을 매개변수를 통해 사용 가능하다.

13. Function(함수) - 여러 인자

• 함수에 인수가 한 개가 아닌 여러 개 전달할 수도 있다.

14. Function(함수) - 데이터 반환(2)

• 함수 내부에서 다른 함수 호출할 수 있다.
• 함수가 실행되는 시점은 함수를 호출하는 순간으로 function으로 함수를 선언하는 부분은 "이런 함수가 있다"고 선언해준 것으로 둘은 다르다.

15. Array (배열)

• 배열 자료구조를 이용하면 하나의 변수에 모든 데이터를 갖고 있을 수 있다

16. for 문

• 반복문과 배열을 자주 사용할 때 쓰는 반복 방식
• for 문, for..of, forEach 메서드 등

17. 배열 조작하기

• 배열 조작 시 사용하는 unshift, push, shift, pop도 좋지만 가능하면 최신 문법 스프레드 문법을 사용해보자

18. 데이터 타입

• ✔️ 기본 자료형 (Primitive) 인 여섯 가지 데이터 타입 String (문자열),Number (숫자),Boolean (true/false),Undefined,Null ,Symbol (ECMAScript 6 에 추가됨)
• ✔️ 별도로 Object(객체) 도 있음
• typeof null의 값은 object 이다.
• falsy인 값들 " " (빈문자열), 0, NaN, null, undefined 기억하자

19. String

• toUpperCase 와 toLowerCase 메소드

*💡conclusion

• 아는것도 다시보면 모르는게 보인다

#📑Study Source

1. replit