논리합(||) 또는 논리곱(&&) 연산자 표현식의 평가 결과는 boolean값이 아닐 수도 있다. 논리합 또는 논리곱 연산자 표현식은 언제나 2개의 피연산자 중 어느 한쪽으로 평가된다.첫번째 피연산자 'Cat'은 Truthy 값이므로 true로 평가된다. 하지만 이 시
문자열이나 배열의 요소들을 리턴할 때 쓴다.Array.of() 요소들을 배열로 반환, Array()는 요소들로 새로운 배열을 생성하는 듯두 개의 배열을 연결한다 (합친다)기존배열을 변경하지 않는다. 추가된 새로운 배열을 반환하며 중첩 배열 내부로 재귀하지 않는다.배열의
LIFO (Last In, First Out) 구조를 가진댜.FIFO (First In, First Out) 구조를 가진다.객체를 참조하는 방식으로 구현 가능하다.이중연결리스트도 구현가능하다. prev를 추가해서 양방향으로 참조하도록 구현한다.O(1)의 접근성을 가진다
버블정렬 (bubble sort, sinking sort)은 두 인접한 원소를 검사하여 정렬하는 방법이다.시간복잡도가 O(n^2)로 상당히 느리지만 코드가 단순하기 때문에 자주 사용된다.원소의 이동이 거품이 수면으로 올라오는 듯한 모습을 보이기 때문에 지어진 이름이다.
정규 표현식은 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴이다.자바스크립트에서 정규표현식 또한 객체이다. 주로 replace(), search(), split() 함수와 함께 쓰인다.검색에서 하나 이상의 b들을 찾거나, 혹은 공백을 찾는 것과 같이
심벌 심벌의 생성 심벌은 자기 자신을 제외한 그 어떤 값과도 다른 유일무이한 값 심벌과 문자열 연결 Symbol.for()를 활용하면 문자열과 연결된 심벌을 생성 가능 템플릿 리터럴 템플릿 리터럴은 ES6부터 추가된 문자열 표현 구문이다. 표현식의 값을 문자열에 추
예제)sort() 함수는 원본배열을 정렬하고 원본 배열을 가리키는 배열을 리턴한다.sort()함수는 파라미터가 입력되지 않으면, 문자열의 유니코드 순서대로 정렬하기 때문에 문자열의 오름차순 정렬에는 파라미터를 입력할 필요가 없다.문자열을 내림차순으로 정렬하기 위해서는
⛹️♂️자바스크립트 타입 ⛹️♂️기본타입 Number : 실수, 부동소수점 64bit (double) String : 문자(열) Boolean : true, false undefined : 변수에 값이 할당되지 않았을 때 undefined로 할당, 타입이기도 함
⛹️♂️ map() 구현 ⛹️♂️ 실행 컨텍스트를 이해하기 위한 자바스크립트 동작과정 변수, 함수 선언, arguments을 가진 활성 객체(Variable Object)생성 Scope Chain 생성 및 초기화 변수 초기화 : 변수 값에 undefined를 할
위 예제에서 egoing은 key가 되고, 10은 value가 된다. 아래는 객체를 만드는 다른 방법들이다.for문을 활용한 값 가져오기for문은 in 뒤에 따라오는 배열의 key 값을 in 앞의 변수 name에 담아서 반복문을 실행한다.
일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식이다.자바스크립트 언어의 특징을 활용한 선언 방식함수 선언식은 호이스팅에 영향을 받지만, 함수 표현식은 호이스팅 영향을 받지 않는다.함수 선언식은 코드를 구현한 위치와 관게없이 js특징인 호이스팅에 따라 브라우저가
콜백함수란 파라미터로 함수를 전달 받아, 함수의 내부에서 수행하는 함수이다.javascript 함수는 정의된 순서가 아니라 호출 된 순서대로 실행된다콜백을 사용하면 콜백과 함께 myCalculator함수를 호출할 수 있고 계산이 완료된 후 myCalculator함수가
화살표 함수는 함수 선언문으로 정의할 수 없고 함수 표현식으로 정의해야한다. 호출 방식은 기존 함수와 동일하다.매개변수가 여러 개인 경우 소괄호 () 안에 매개변수를 선언한다.매개변수가 한 개인 경우 소괄호 () 를 생략할 수 있다.매개변수가 없는 경우 소괄호 ()를
소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합Application 개발 시 필수적인 코드, 알고리즘, DB연동 등과 같은 기능들을 위해 어느정도 구조를 제공해주는 것.단순 활용이 가능한 도구들의 집합특정 기능에 대한 도구 or 함수들
팀플하면서 팔로우 기능을 구현한 뒤에 인스타그램처럼 하나의 버튼으로 'follow','unfollow'를 모두 표현하고 싶었다.vue를 메인프레임워크로 사용하면서 여러 시도를 해봤는데vue나 css로는 처음에 한 번 텍스트가 변경되면 그 다음부터는 바뀌지 않았다..하
이전 글에서 팔로우팔로워 버튼을 클릭해 텍스트를 변경하는 글을 올렸었는데 수정이 필요했다. https://velog.io/@pji3504/javascript-%EB%B2%84%ED%8A%BC-%ED%85%8D%EC%8A%A4%ED%8A%B8-%EB%B0%98%EB%B
참고사이트 : https://www.geeksforgeeks.org/difference-between-fetch-and-axios-js-for-making-http-requests/브라우저에서 node.js 또는 XMLHttpRequests의 HTTP 요청을
Spread 연산자를 통해 배열, 문자열, 객체 등 반복 가능한 객체를 개별 요소로 분리할 수 있다.기존방식ES6의 spread 사용함수를 호출할 때 함수의 매개변수(parameter)를 spread operator로 작성한 형태를 Rest parameter라고 부른다
프로미스는 자바스크립트 비동기 처리에 사용되는 객체 \- (비동기 처리란 '특정 코드의 실행이 완료될 때 까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성'을 의미)api통신이 완료된 후 다음 함수로 넘어 갈 수 있게 해준다?콜백함수를 사용한 코드프로
기존의 비동기 처리 방식인 콜백함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다.fetchItems() 함수를 실행하면 프로미스가 이행되며 결과 값은 items 배열이 된다.logItems() 함수를 실행하면 fetchItems()
rest는 객체, 배열 그리고 함수의 파라미터에서 사용 가능하다.rest 안에 color를 제외한 값이 들어가게 된다.추출한 값의 이름이 꼭 rest일 필요는 없다.배열 비구조화 할당을 통해 원하는 값을 밖으로 꺼내고, 나머지 값을 rest에 넣는다.파라미터로 넣어준