목차 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"로 ..
1.알고리즘 숫자, 글자, 색깔 등을 컴퓨터가 이해할 수 있는 2진법으로 표현하는 것은 입력(input)이다. 그렇다면 어떻게 입력에서 출력을 얻을 수 있을까? 정답은 알고리즘이라는 과정을 통해 출력할 수 있다. 즉, 알고리즘은 입력(input)에서 받은 자료를 출력(output) 형태로 만드는 처리 과정이다. 다시말해 입력값을 출력값의 형태로 바꾸기 위해 어떤 명령들이 수행되어야 하는지에 대한 규칙들의 순서적 나열이다. 또한 같은 출력값이라도 알고리즘에 따라 출력 하기까지의 시간이 다를 수 있기 때문에 제대로 된 알고리즘을 짜는 것이 중요하다. 2. 정확한 알고리즘 알고리즘을 평가할 때는 정확성, 효율성이 중요하다. 여기서 효율성의 의미는 작업을 완료하기까지 얼마나 시간과 노력을 덜 들일 수 있는 지에..
1. 문자의 표현 컴퓨터는 스위치는 ON/OFF 하면서 숫자를 표현한다. 그렇다면 문자는 어떻게 표현할까? 바로 문자를 숫자로 표현할 수 있는 약속(표준)이 있다. 그 중 하나는 ASCII(아스키코드/American Standard Code for Information Interchange)이다. ASCII는 총 128개의 부호로 정의되어 있고 알파벳 A는 10진수 기준으로 65, 알파벳 B는 66로 되어있다. 이외에도 Unicode라는 표준에서는 더 많은 비트를 사용하여 좀 더 다양한 다른 문자들을 표현할 수 있다. 예시로 Unicode는 😂(기쁨의 눈물) 이런 이모티콘 까지 표현할 수 있게 해준다. 이 이모티콘은 10진법으로 128,514이다. 2진법으로는 11111011000000010 인데 만약 ..
1. 컴퓨터 과학 컴퓨터 과학이란 문제 해결에 대한 학문이다. 문제 해결은 입력(input)을 전달받아 출력(output)을 만들어 내는 과정이며 그 중간 과정을 컴퓨터 과학이라고 한다. 이러한 입출력을 표현하기 위해선 약속(표준)이 필요하다. 따라서 컴퓨터 과학의 가장 첫 번째 개념은 어떻게 표현하는지에 대한 표현 방법이다. 2. 2진법 우리가 일상에서 사용하는 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 총 10개의 기호로 표현하는 것은 10진법이다. 하지만 컴퓨터는 이렇게 많은 숫자가 없기 때문에 오직 0과 1로만 표현하는 2진법을 사용한다. 5라는 숫자를 2진법으로 나타내어보자. 2진법에서 첫 번째자리는 2의0제곱 두 번째 자리는 2의1제곱 세 번째 자리는 2의2제곱을 나타낸다. 따라서 5..
- Total
- Today
- Yesterday
- hydrationboundary
- 제어 컴포넌트
- 코드잇 스프린트
- js
- 중급 프로젝트
- 취업까지달린다
- rest parameter
- Target
- Git
- 유사배열객체
- GitHub
- 비동기
- 리액트
- 프론트엔드
- currentTarget
- 스프린트프론트엔드6기
- 객체
- Next.js
- CSS
- 동기
- javascript
- html
- arguments
- 코드잇스프린트
- react
- innerhtml
- tanstackquery
- 배열
- 비제어 컴포넌트
- map
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |