본문 바로가기

Javascript/Basic32

[Dev] CallBack 콜백함수 콜백함수란 이름 그대로 나중에 호출되는 함수를 말한다. 콜백함수라고 해서 그 자체로 특별한 선언이나 문법적 특징을 가지고 있지는 않다. 콜백함수도 일반적인 자바스크립트 함수일 뿐이다. 예를 들어, 이벤트 핸들러 같은 것을 콜백함수라고 할 수 있다. CallBack을 활용한 비동기적 프로그래밍 이 부분이 가장 큰 장점이다. 그리고 사실, 이 부분 때문에 사용하는 것이다. 1. 사용자 이벤트 처리 2. 네트워크 응답 처리 - A 응답이 있을 때, 그 다음 처리를 해야할 함수가 있을 때 사용된다. 3. 파일을 읽고 쓰는 등의 파일 시스템 작업 4. 의도적으로 시간 지연을 사용하는 기능 (알람 등) 대표적으로, setTimeout, setInterval, clearInterval 함수 같은 것이 있다. 출처 :.. 2021. 3. 29.
[JavaScript] 검색 기능 만들기 [펌] 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com const value = "search keyword"; for (let i = 0; i -1) { console.log(videos[i].snippet.title); } else { } } 내가 아래의 블로그 내용을 토대로 작성한 내용이다. videos[i].snippet.title까지가 문자열.. 2021. 2. 10.
[javascript] import 에 대한 이해 *간단한 건데, 의외로 검색어에 이 내용이 노출이 안되는 것 같아서 기록해둔다. 나처럼 의문을 갖고 헤매고 있었을 사람을 위해서ㅋㅋㅋㅋ 힘내라 용자여! import React, { useEffect } from "react"; import "./app.css"; import VideoList from "./components/video_list/video_list"; function App() { const [videos, setVideos] = React.useState([]); //null video 위와 같이 작성해도 되고, 아래와 같이 작성해도 된다. import React, { useState, useEffect } from "react"; import "./app.css"; import Vid.. 2021. 2. 8.
[javascript] typeof, instanceof 설명 사용되는 것과 생성(instance)되는 것 사이에 차이가 있다. 생성까지 맞추려면 new Type(value); 형식으로 입력하는 것이 일치하게 하는 방법이다. 임의로 편하다고 대충 변수명 쓰고 value 를 넣는 방식은 지양하도록 하자 2021. 1. 26.
ECMAscript != Javascript 두 개는 서로 다르다. ECMAscript 는 script 언어를 이렇게 만들자 하는 표준 규격서 같은 것이다. 예를 들면, ISO 7규칙 같은 표준화라고 할까나... 4G, 5G 표준화 규격을 세우고, 이걸 구현하는 기술은 여러가지다. (4G도 LTE-Advanced, Wibro evolution... ) 암튼, 둘은 다르다. Javascript는 ECMAscript를 준수해서 개발된 LTE-Advanced 같은 기술(언어)이라고 보면 된다. 2021. 1. 14.
[Javascript] 화살표 함수 간략 설명 짧은 함수 일부 함수 패턴에서는, 짧은 함수가 환영받습니다. 비교해 보세요: var elements = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ]; // 이 문장은 배열을 반환함: [8, 6, 7, 9] elements.map(function(element) { return element.length; }); // 위의 일반적인 함수 표현은 아래 화살표 함수로 쓸 수 있다. elements.map((element) => { return element.length; }); // [8, 6, 7, 9] // 파라미터가 하나만 있을 때는 주변 괄호를 생략할 수 있다. elements.map(element => { return element.length; }); //.. 2021. 1. 13.