1. 동기 함수비동기 함수에 대하여 제대로 알아보기 전에, 먼저 동기 함수에 대하여 먼저 알아보도록 하겠다. 동기 함수란?동기 함수란 현재 실행 중인 태스크가 종료될 때까지 다음에 실행되는 태스크가 대기한다.(블로킹)즉시 결과를 반환하고, 실행 흐름을 예측 가능하고 직관적으로 만든다.동기 함수의 장점: 태스크를 순서대로 하나씩 처리하므로 실행 순서가 보장된다.동기 함수의 단점: 앞선 태스크가 종료될 때까지 이후 태스크들이 블로킹되는 단점이 있다. 함수를 호출시 함수 코드가 평가되어 함수 실행 컨텍스트가 생성된다.이때 생성된 함수 실행 컨텍스트는 실행 컨텍스트 스택(콜 스텍)에 푸쉬되고 함수 코드가 실행된다.함수가 호출된 순서대로 순차적으로 함수 실행 컨텍스트가 실행 컨텍스트 스택에 푸쉬된다.함수 코드의 ..

- 문제이 문제에서 두 정수 배열의 대소관계를 다음과 같이 정의합니다.두 배열의 길이가 다르다면, 배열의 길이가 긴 쪽이 더 큽니다.배열의 길이가 같다면 각 배열에 있는 모든 원소의 합을 비교하여 다르다면 더 큰 쪽이 크고, 같다면 같습니다.두 정수 배열 arr1과 arr2가 주어질 때,위에서 정의한 배열의 대소관계에 대하여 arr2가 크다면 -1, arr1이 크다면 1, 두 배열이 같다면 0을return 하는 solution 함수를 작성해 주세요. - 입출력 예 arr1 arr2 result [49, 13] [70, 11, 2] -1 [100, 17, 84, 1] [55, 12, 65, 36] 1 [1, 2, 3, 4, 5] [3, 3, 3, 3, 3] 0 - 해결 방법 이 문제는 비교적 쉬웠..

- 문제 정수 배열 arr과 정수 n이 매개변수로 주어집니다. arr의 길이가 홀수라면 arr의 모든 짝수 인덱스 위치에 n을 더한 배열을,arr의 길이가 짝수라면 arr의 모든 홀수 인덱스 위치에 n을 더한 배열을return 하는 solution 함수를 작성해 주세요.  - 입출력 예arrnresult [49, 12, 100, 276, 33] 27 [76, 12, 127, 276, 60] [444, 555, 666, 777] 100 [444, 655, 666, 877]  - 해결 방법 처음에는 조건에 맞게 if문과 for문을 나열했는데,그럴 경우 코드가 길어질 뿐더러 중복되는 코드가 많아진다는 문제점이 생겼다.게다가 처음에는 새로운 빈 배열을 만들어 값을 담아주는 형태로 갔기 때문에 더 코드가 길어졌..

- Module이란 무엇인가?Node.js에서 module이란, "필요한 함수들의 집합"을 의미한다.사용하고자 하는 모든 기능을 우리가 직접 처음부터 만들어서 사용할 수 없고,그렇기 때문에 누군가가 이미 만들어 놓은 module을 가져다 사용하면 된다. module을 가지고 올 때는 require을 사용한다.javascript 파일을 읽고 그 파일을 실행시켜 객체를 반환한다. const module = require("module_name");  - Module의 장점1. 존재하는(이미 작성한) 코드를 재사용할 수 있다.(다른 파일, 다른 프로젝트에서)2. 관계가 있는 코드끼리 모아 놓아서 코드를 정리할 수 있다.3. 관계 없는 디테일한 부분은 숨기고 직접 사용되는 코드만 가져와서 보여줄 수 있다.(re..

- Window Object window 객체는 브라우저에 의해 자동으로 생성되며 웹 브라우저의 창(window)을 나타낸다.또한 window는 브라우저의 객체이지 자바스크립트의 객체가 아니다. 이 window 객체를 이용해서1. 브라우저의 창에 대한 정보를 알 수 있고, 이 창을 제어하고 할 수 있다.2. 또한 var 키워드로 변수를 선언하거나 함수를 선언하면 이 window 객체의 프로퍼티가 된다.   - Document Object Window 객체가 브라우저 창이라고 하면document 객체는 브라우저 내에서 콘텐츠를 보여주는 웹 페이지 자체라고 할 수 있다.  이제부터 DOM 객체를 자바스크립트를 사용하여 삭제하거나 업데이트 해보도록 하겠다.아래의 코드를 사용할 것이다.  M..

지금까지 자바스크립트를 꽤나 공부해왔다고 생각했지만, 정규표현식에 관하여 제대로 접하게 된 건 이번이 처음이었다. 검색, 유효성 검사 기능을 만들 때는 chat gpt의 도움을 많이 받았다...ㅠㅠㅠㅠ 그리하여, 고심하다 시작된 정규표현식 파헤치기! 그렇게 깊게 파헤친 것은 아니다. (너무 깊게 파고들면 시간이 엄청 소요된다고 들었기 때문에 기본적인 개념과 실습 정도만 해보도록 하겠다.) - 정규표현식의 역할 1. 문자 검색(search) 2. 문자 대체(replace) 3. 문자 추출(extract) - 테스트 사이트 https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test ..