일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Cloud
- db
- useEffect
- Github Pages
- jQuery
- API
- data
- SQL
- this
- CSS
- Database
- nosql
- Fetch
- bootstrap
- til
- firestoredatabase
- REACT
- HTML
- web
- IntersectionObserver
- github
- TMDB
- Protocol
- 배포
- JavaScript
- http
- W
- Boostrap
- supabase
- url
- Today
- Total
목록Anything/끄적끄적 (16)
072DATA
콜백 함수란? 콜백 함수는 다른 코드에 인자로 넘겨주는 함수임예를 들어, forEach, setTimeout과 같은 함수들이 콜백 함수를 사용함콜백 함수는 특정 작업이 완료된 후, 또는 특정 조건이 만족되었을 때 호출되는 함수로,필요에 따라 적절한 시점에 실행될 수 있음 콜백함수 제어권콜백 함수는 제어권이 넘겨받는 코드에 의해 제어됨 이 제어권은 크게 두 가지로 나뉨 호출 시점에 대한 제어권콜백 함수가 언제 호출될지는 콜백을 전달받은 코드가 결정함예를 들어, setTimeout의 콜백 함수는 지정된 시간이 지난 후 호출됨 인자에 대한 제어권콜백 함수가 호출될 때 전달되는 인자는 콜백을 호출하는 코드가 결정함콜백 함수는 특정 데이터를 인자로 받거나, 특정 컨텍스트에서 호출될 수 있음콜백함수에서 thi..
async function printTest() { // await라는 키워드를 가지고 있는 공간은 반드시 비동기함수를 핸들링 할 수 있는 async 표현 필요 console.log("안녕하세요. 함수입니다!"); //fetch(알을 품다) : 데이터를 요청하는 것 //.json도 완성된 결과를 받으려면 기다려야 하는구나.. try{ //비동기 함수에 동기적 표현 // 데이터가 fullfile되기 위해서는 3초정도 시간이 걸리기 떄문에 // await를 이용해서 pending -> fullfill이 될 떄 까지 기다리기 const result = await fetch("https://jsonplaceholder.typicode.coma/users"); // .json도 비..
자바스크립트에서 함수는 일급 객체라고 합니다. 그래서 함수를 객체처럼 여러가지 방식으로 다룰 수 있습니다.일반 객체와 달리 함수는 특별한 능력을 갖고 있다고 하네요 "일급 객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다 "여기서 다른 객체 들은 매개 변수로 전달 될 수도 return 문으로 출력 하기도 하며모든 연산이 가능한데 함수도 다른 객체들 처럼 가능 하다는 의미입니다.(함수를 매우 유연하게 사용 가능) 함수의 특징 1. 변수에 함수를 할당 가능 const sayHello = function (){ console.log("Hello");} 이렇게 우측에 있는 함수를 좌측의 변수로 할당 가능합니다.함수가 마치 값으로 취급되어 함수가 나중에 사용될 수 있..
this객체지향언어에서는 클래스를 정의한 인스턴스를 의미하는데자바스크립트의 this는 독특하게 어떤 상황에서는 a라는 의미였다가어떤 상황에서는 b라는 의미가 될 수 있습니다. this는 실행 컨텍스트가 생성될 떄 결정되는데 이 말을 this를 bind된다 라고 합니다this는 어떤 것을 가리키는지 윈도우와 노드에서 this를 확인해봅시다. 브라우저의 개발자 도구에서 this를 출력해보고this와 window가 같은지 확인했더니 true가 반환됐네요브라우저에서 this는 윈도우 객체라는 것이 확인 되었습니다. 그럼 Node에서도 this는 윈도우 객체인지 확인 해보겠습니다. 노드에서의 this는 글로벌 객체라는 것이 확인 되었습니다.이 두 사실은 자바스크립트 코드의 동작 방식과 컨텍스트에 큰 영..
안녕 오늘은 간단하게 데이터 타입과없음을 가리키는 undefined와 null에 대해 정리하겠습니다. 데이터 타입 기본형 - 변경 불가능한 값Number, String, Boolean, null, undefined, Symbol 참조형 - 어떤 것을 참조하는 ObjectArray, function, date, RegExp, Map, WeakMap, Set, WeakSet 데이터 타입은 값의 저장 방식과, 불변성 여부로 나뉘어집니다. 각 형의 복제 방식 기본형 : 값이 담긴 주소값을 바로 복제참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소 값을 복제 불변성의 여부 기본형 : 불변성을 띔참조형 : 불변성을 띄지 않음 - 불변하다는 것은 메모리 관점으로 보아야함 메모리의 데이터 단위 먼저 ..
문제 설명J하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 구현 순서문자열 가장 앞 글자를 붙인 배열 만들기해당 배열을 사전순으로 정렬하기앞 글자 제거한 후 return하기 문자열 가장 앞 글자를 붙인 배열 만들기 for ( var i=0; i a + car -> acar 반복문을 통해 n번째 문자 + 전체 문자를 합쳐서 strings[i] 번쨰에 값을 재할당 해준다 왜냐하면 맨 앞 글자에 넣어준 뒤 사전순으로 정렬하기 위함이다 해당 배열을 사전 순으로 정렬하기 strings.sort(); // a~z 순서 sort 메서드를 사용하여 strings의 배열의 값들을..