-
[스파르타코딩클럽] Javascript 문법종합반 1~ 2주차프로그래밍 언어/JavaScript 2023. 6. 12. 15:43
1주차
1 주차는 기본적인 내용과 반복문 및 조건문에 대한 내용으로 강의자료를 참고하면서 복기시키면 될 법한 내용이 주를 이루고 있다.
- 삼항연산자
let x = 10; let result = (x > 5) ? "크다" : "작다"; console.log(result); // "크다"
- 타입연산자
console.log(typeof 123); // "number" console.log(typeof "123"); // "string" console.log(typeof true); // "boolean" console.log(typeof undefined); // "undefined" console.log(typeof null); // "object" console.log(typeof {}); // "object" console.log(typeof []); // "object" console.log(typeof function(){}); // "function"
2주차
Q 궁금한내용!
호이스팅이란 무엇일까??
https://hanamon.kr/javascript-%ED%98%B8%EC%9D%B4%EC%8A%A4%ED%8C%85%EC%9D%B4%EB%9E%80-hoisting/
호이스팅이란 변수와 함수의 선언이 맨 위로 끌어올려지는 것 같은 현상을 말하는 것으로 선언하는 것이 실행하기 전에 완료가 되서 함수를 실행하는 로직 뒤에 변수가 선언이 되어도 로직이 정상적으로 실행 될 수 있다.(단, var키워드로 선언 된 것만 된다고 한다) let, cosnt, class 등등 호이스팅이 안일어나는 것이 아니라 let은 undefined로 초기화 되는 반면 나머지는 초기화 되지 않고 선언만 메모리에 저장되기 때문에 참조를 할 수가 없어서 에러가 나는 것이다.
함수선언문은 호이스팅 되지만 함수표현식은 호이스팅 되지 않는다.
실행컨텍스트란??
추구에 자세히 알아볼 수 있다. 일단은 환경이라고만 알고 있자.
리액트 공부하면서 살짝 헷갈렸던 내용 이거보고 좀 도움 되라
let user = {name: "nbc", age: 30}; let {name, age} = user; // let name = user.name; // let age = user.age;
단축속성명
키와 밸류가 같은 이름을 가지고 있을 때 객체지만 배열과 비슷한 모습으로 나타낼 수 있다.
const name = "nbc" const age = "30" const obj = { name, age: newAge } const obj = { name, age }
화살표함수는 this를 바인드 하지 않는다
이터레이터란 무엇일까??
반복되는 무언가라고 보면 될 듯 for or 이거 일번적인 배열에도 되는 거 보니 상관 없을 듯 하다
찾아보니 next 와 done을 가진 녀석이라는데 나중에 시간 날 때 좀 읽어 봐야지
map의 경우 key와 value값을 페어로 가지는 이터레이터를 만드는 것으로 생각을 하고 주요 메서드와 프로퍼티를 기억해 두자 for or는 이터레이터에 사용할 수 있는 대표적인 반복문형태인데 map에서 사용가능하니 기억해 두자
set의 경우 반복된 거 없애고 출력하는데 특화되어있다고 보면 됨 1,2,3,1,2,3 이거 set에다 돌리면 1,2,3만 나오는 그런
set도 주요 메서드 있으니 기억 잘 해두고 나중에 써먹어야지
1~2주차 숙제하면서 추가적으로 구글링 했던 내용
논리연산자 !가 붙을 수 있는 경우 참과 거짓을 반환하는 경우에 쓰면 거의 다 됨 변수 앞에 붙여도 되고 boolen 타입 앞에는 무조건 되고
문자열끼리 비교했을 때 더 큰것은 무엇인가 (feat 아스키코드 생각)
문자열 소문자 대문자화시키기
string = "nyworld" string.toLowerCase(); string.toUpperCase();
문자열을 앞에 붙였다가 정렬시키고 나중에 빼버리는 간단한 방법 좋은 방법인 듯 이과정에서 문자 빼는 메서드와 추가하는 메서드 생각하기 replace 와 push 그리고 +연산자를 기억하고 나중에 다시 풀어보자~~
'프로그래밍 언어 > JavaScript' 카테고리의 다른 글
[Javascript] strict mode (0) 2024.01.18 [Javascript] Blocking / Non-Blocking vs Sync / Async (0) 2024.01.17 [CS Study] 화살표 함수와 일반 함수 (0) 2024.01.08 [CS Study] 스코프, 스코프체인 (0) 2024.01.02 [Javascript] this 예약어 (0) 2023.12.07