React(159)
-
3-7. 동기 & 비동기 (순서대로 실행하는 것과 그렇지 않은 것 들)
자바스크립트는 코드가 작성된 순서대로 작업을 처리함 이전 작업이 진행 중일때는 다음 작업을 수행하지 않고 기다림 먼저 작성된 코드를 먼저 다 실행하고 나서 뒤에 작성된 코드를 실행한다. --> 동기 방식의 처리 동기적 처리의 단점은 하나의 작업이 너무 오래 걸리게 될 시, 모든 작업이 오래 걸리는 하나의 작업이 종료되기 전까지 올 스탑 되기 때문에, 전반적인 흐름이 느려진다. 웹사이트에서 버튼 하나하나마다 30초씩 속 터진다. 멀티 쓰레드 코드를 실행하는 일꾼 Thread를 여러개 사용하는 방식인 'MultiThread'방식으로 작동시키면 이런 식으로 작업 분할 가능 오래 걸리는 일이 있어도 다른 일꾼 Thread에게 지시하면 되므로 괜찮음 그러나 자바 스크립트는 싱글 쓰레드로 동작함 즉 이런 방식으로 ..
2022.06.21 -
3-6. spread 연산자(배열과 객체를 한줄로 펼치는 방법)
Spread 연산자의 기능 1. 펼쳐주는 기능 (객체의 값을 새로운 객체에 펼쳐주는 역할) 2. 배열의 연산자들도 펼칠 수 있다.
2022.06.21 -
3-5. 비 구조화 할당(배열과 객체를 우아하게 사용하는 방법)
배열의 비 구조화 할당(배열의 기본 변수 비구조화 할당) 대괄호를 사용해 배열의 값을 순서대로 할당받아 사용하는것 배열의 선언분리 비구조화 할당 배열의 선언 자체에서 분리 기본값 설정하기 - 할당받지 못하는 것들에 전달 Swap 길었던 문장들을 위와 같이 swap기능을 이용해 변경할 수 있다. 세개의 property를 가진 객체 객체는 key값으로 주고 받는다! 다른 이름으로 사용하고 싶다면,
2022.06.21 -
3-4. 조건문 Upgrade
위와 같이 includes함수를 사용하여 간단하게 나타낼 수 있다. 위와 같이 객체의 괄호 표기법을 사용하여 간단하게 나타낼 수 있다.
2022.06.21 -
3-3. 단락 회로 평가
단락 회로 평가를 사용하면 더 좋다. 그래서 null을 넣으면 바로 null이나오고, undefined이면 undefined가 나온다. 이때, 그 값이 아닌 "객체가 아닙니다"를 반환하려면, 여기서, person값을 null로 지정하였지만, name은 null이지만, "객체가 아닙니다"가 string으로 true값으로 "객체가 아닙니다"를 출력한다.
2022.06.21 -
3-2. 삼항 연산자(조건문 한 줄로 끝내기)
조건문이 아래와 같이 길 경우, 한줄로 만들어서 처리할 수 있다. 조건문 ? 참일때결과 : 거짓일때결과 ; 변수에 값을 저장해서 출력할 수도 있다. 주어진 값이 null인지 undefined인지 구분하는 프로그램 학점 계산 프로그램 중첩 삼항 연산자는 가독성을 떨어뜨릴 수도 있기 때문에, 상황에 맞게 써야한다. 이런 경우에는 중첩 IF문을 사용하는것이 맞다.
2022.06.21