1. setTimeout()어떤 코드를 일정 시간 기다린 후 실행해야 하는 경우 setTimeout() 함수를 사용하면 된다. setTimeout() 함수는 첫번째 인자로 실행할 코드를 담고 있는 함수를 받고, 두번째 인자로 지연시간을 밀리초(ms) 단위로 받는다.setTimeout(() => console.log("2초 후에 실행됨"), 2000); // 2초 후에 실행됨 setTimeout() 함수는 세번째 인자부터는 가변 인자를 받는데 첫번째 인자로 넘어온 함수가 인자를 받는 경우, 이 함수에 넘길 인자를 명시해주기 위해서 사용한다. 예를 들어, 두 개의 수를 인자로 받아 더한 값을 출력해주는 add()라는 함수에 인자로 3과 4를 넘겨 2초를 기다린 후에 호출해보자.function add(x, y..

목차 1. sort() 2. 예제 1. sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort 가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. - MDN 구문 arr.sort([compareFunction]) Javascript에서 배열을 정렬하기 위해서는 sort() 함수를 사용한다. 파라미터 compareFunction 값이 생략되면, 배열의 element들은 문자열로 취급되어 유니코드 값 순서대로 정렬된다. sort() 함수는 원본 배열을 변경하는 함수이며, 동시에 변경된 배열을 리턴한다. 예제 1. sort() 함수로 숫자 오름차순 정렬하기 const arr = [2, 1, 3, 10]; ar..
Julia and Kate are still studying dogs, and this time they are studying if dogs are eating too much or too little. Eating too much means the dog's current food portion is larger than the recommended portion, and eating too little is the opposite. Eating an okay amount means the dog's current food portion is within a range 10% above and 10% below the recommended portion (see hint). - Hints: Use m..
목차 1. every() 2. some() 3. 차이점 1. every() every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트합니다. Boolean 값을 반환합니다. - MDN 구문 // 화살표 함수 every((element) => { ... } ) every((element, index) => { ... } ) every((element, index, array) => { ... } ) // 콜백 함수 every(callbackFn) every(callbackFn, thisArg) // 인라인 콜백 함수 every(function callbackFn(element) { ... }) every(function callbackFn(element, index) { ... }..
C는 오래된 언어라 저장하고자 하는 변수의 종류를 꼭 알려주어야 한다. counter라는 변수에 숫자를 저장해보자 int counter = 0; 여기서 int 는 변수가 정수(integer)라는 것을 알려주는 것이고, counter는 변수의 이름, 0은 그 값에 0을 저장(초기화)하는 것이다. 또한 코드의 마지막에 세미콜론(;)을 붙여주어야 한다. 여기서의 등호(=)는 같다의 의미가 아닌, 오른쪽에 있는 값을 왼쪽에 할당한다는 의미이다. 변수의 값을 1씩 증가시켜보자 counter = counter + 1; 위 코드는 counter에 1을 더한 값을 다시 counter에 저장(할당)한다는 의미가 된다. 이를 더 간단하게 아래 두 가지 방식으로 수행할 수 도 있다. counter += 1; counter+..
목차 1. indexOf() 2. findIndex() 3. 차이점 1. indexOf() indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다. -MDN indexOf() 함수는 문자열에서 특정 문자의 위치를 찾기 위해서 사용한다. array와 string 둘다 사용 가능한 메소드이며 찾고자 하는 값이 문자열 혹은 배열에서 몇 번째에 오는지를 알려준다. 검색의 기본 시작점은 0번째이며, 왼쪽에서 오른쪽 방향으로 검색한다. 또 배열에서 해당값을 찾을 수 없는 경우 -1 값을 반환한다. 구문은 다음과 같다. string.indexOf(searchvalue, position) - searchvalue : 필수 입력값, 찾을 문자열 - p..
목차 1. find() 2. 예제 3. filter()와의 차이 1. find() ES5에서 배열의 요소를 찾으려면 indexOf() 또는 lastIndexOf() 메서드를 사용한다. 그러나 이러한 메서드는 일치하는 첫 번째 요소의 인덱스만 반환하기 때문에 매우 제한적이다. ES6에서는 Array.prototype 객체에 find()라는 새로운 메서드가 추가되었다. find() 메서드는 제공된 함수를 충족하는 배열의 첫 번째 요소를 반환한다. find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. -MDN 구문 find(callback(element[, index[, array]])[, thisArg]) 2. 예제 1. 숫자..
C는 오래된 언어이기 때문에 변수가 저장하는 데이터의 종류를 아주 정확하게 명시해줘야 한다. 만약 저장하고자 하는 값의 종류가 문자열(string)이라면 컴퓨터에게 이를 알려야 한다. 이때 string을 형식 지정자라고 하며 형식지정자는 string 이외에도 여러가지 종류가 있다. *형식 지정자 모음 형식지정자 -> 표현하는것 -> 대응되는 자료형 %d -> 10진수 정수 (4바이트) -> int %ld -> 10진수 정수 (8바이트) -> long %f -> 실수형 (4바이트) -> float %lf -> 실수형 (8바이트) -> double %c -> 문자 -> char %s -> 문자열 -> char* %o -> 8진수 -> int %x -> 16진수 -> int %p -> 주소값 -> void* ..
목차 1. Local Storage 2. localStorage 사용 방법 3. setItem(), getItem() 4. JSON.stringify() 5. JSON.parse() 1. Local Storage 한마디로 브라우저에서 작은 정보를 기억해 줄 수 있는 공간이다. 이 공간에 저장한 데이터는 브라우저 기능을 이용하거나 데이터를 직접 삭제하지 않는 이상, 새로고침을 하거나 창을 껐다가 키는 것으로는 삭제되지 않는다. 따라서 이 공간에 todo를 저장해서 활용할 수 있다. 2. localStorage 사용 방법 setItem() - key, value 추가 getItem() - value 읽어 오기 removeItem() - item 삭제 clear() - 도메인 내의 localStorage 값 ..

1. C 언어 #include int main(void) { printf("hello, world\n"); }위 코드를 한 줄 씩 살펴보자 #include 는 “stdio.h”라는 이름의 파일을 찾아서 “printf” 함수에 접근할 수 있도록 해준다. int main(void)는 '시작한다'의 의미를 가지고 있다. printf("hello,world\n")는 스크래치의 "'hello, world'라고 말하기" 블록과 같은 역할을 한다. 주의할 점은 글자나 단어, 문장을 적을 때는 언제나 텍스트에 " " 쌍따옴표로 감싸야 한다. 또한 문장 끝에 세미콜론(;)을 붙여야 한다. 또한 우리가 Word로 문서를 저장했을때 "문서.docx"와 같이 .docx가 붙는 것 처럼, C로 작성한 코드는 "파일이름.c"로 ..
- Total
- Today
- Yesterday
- 비동기
- arguments
- Next.js
- 리액트
- GitHub
- map
- 배열
- 코드잇 스프린트
- tanstackquery
- 스프린트프론트엔드6기
- html
- 제어 컴포넌트
- 중급 프로젝트
- CSS
- javascript
- js
- react
- Target
- 동기
- 객체
- innerhtml
- hydrationboundary
- currentTarget
- 프론트엔드
- rest parameter
- Git
- 코드잇스프린트
- 취업까지달린다
- 유사배열객체
- 비제어 컴포넌트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |