FrontEnd/Javascript

[JS] 자바스크립트 동작원리

너무나도 어려운 자바스크립트 비동기 동작 자바스크립트는 싱글 쓰레드 언어입니다. 이 의미는 쉽게 풀어쓰면 한 번에 한 가지 일 밖에 처리할 수 없다는 것을 의미합니다. (어려운 용어로는 Call stack이 하나라고 표현 합니다) 동기적(쉽게 말하면 순차적,순서대로)으로 동작 -> 스택(쓰레드)이 하나밖에 없기 때문입니다. 그러나 시간이 오래걸리는 실행은 기다리지 않고 다른걸 먼저 실행합니다. 싱글 쓰레드이기 때문에 동기적으로 동작하는데 어떻게 다른걸 먼저 실행할까요?? 1분 이상이 시간이 소요되는 오래 걸리는 작업이 있다고 가정 해보겠습니다. 자바스크립트는 머리가 하나이기 때문에, 1분 동안 아무것도 안하고 기다리면 브라우저는 아무런 행동(화면 스크롤, 버튼 클릭…)도 하지 못하게 됩니다. 그렇다면 어..

[JS] 자바스크립트 삼항 연산자, 다중 삼항 연산

1. 삼항 연산자란? 삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문 삼항 연산자 표현) 조건문 ? 선택문1 : 선택문2 조건문이 참(True)이면 선택문1을 실행하고 조건문이 거짓(False)이면 선택문 2를 실행한다. 삼항 연산자 사용법) if문과 삼항 연산자의 예시를 비교하여 어떻게 다른지 확인해보자. if 문 let a = 15; let b = 9; if (a > b) { console.log(true); } else { console.log(false); } // true 삼항 연산자 let a = 15; let b = 9; const value = (a > b) ? true : false; console.log(value); // true 삼항 연산자는 아래와 같이 괄호 없이 사용 가..

[JS] 자바스크립트 필수 배열 메소드 총정리 - Javascript Array method

sort() 배열을 오름차순, 내림차순으로 정렬한다. 예시) const arr = [5, 3, 2, 4, 6, 1]; const res; res = arr.sort(); // sort((a, b) => a - b)과 동일 console.log(res); // [1, 2, 3, 4, 5, 6] res = arr.sort((a, b) => b - a); console.log(res); // [6, 5, 4, 3, 2, 1] join() 배열을 문자열로 변환한다. 배열.join(); // 구분자를 넣지 않으면 컴마가 포함되어 문자열로 합쳐진다. 배열.join('.'); // 구분자를 넣어주면 아이템 사이에 구분자를 넣어서 문장여로 합쳐진다. 예시) const fruits = ['apple', 'banana',..

[JS] 자바스크립트 문자열 반복하기 - repeat() 함수

repeat() 함수 주어진 문자열을 옵션의 count 만큼 반복하여 붙인 다음에 새로운 문자열로 반환하는 함수 parameter : 반복 횟수 사용방법 ) // repeat() 함수 사용방법 string.repeat( [반복 count]) 예시 ) let test = "123"; testRepeat = test.repeat(3); console.log(testRepeat); let strTest = ['A', 'B', 'C', 'D', 'E']; for(let i = 0; i < strTest.length; i ++){ console.log(strTest[i].repeat(i+1)); } ================================================================..

[JS] 자바스크립트 - 변수란?

변수란? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 다시 말하면 , 메모리 공간에 저장된 값을 다시 읽어 들여 재사용 할 수 있도록 메모리 공간에 상징적인 이름을 붙인 것이다. 이 변수 덕분에 우리는 직접 메모리 주소를 통해 값을 저장하고 참조할 필요가 없고 변수를 통해 안전하게 값에 접근할 수 있다. 변수 선언 변수 선언이란 변수를 생성하는 것을 말한다. 다시 말하면 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결하여 값을 저장할 수 있게 준비하는 것이다. 변수를 사용하기 위해선 반드시 선언이 필요하다. 변수를 선언할 때는 var, let, const 키워드를 사용한다. es6에서 let과 co..