본문 바로가기
  • 개발 / 공부 / 일상

JavaScript4

(JavaScript) Callback 함수 목차) Callback 함수란? Callback 함수의 필요성 Callback 함수를 만드는 법 Callback 지옥 Callback 함수의 정의 다른 함수가 실행을 끝난 뒤에 실행되는 함수 함수 안에서 어떤 특정한 시점에 호출되는 함수 다른 함수의 매개변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후 매개변수로 전달한 함수가 다시 호출되는 것 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수 예시) 식당에 웨이팅이 걸려서 식당 앞에 있는 어플로 핸드폰번호를 적어 두고 입장 대기를 걸어둔다 이후 다른 식당이나 쇼핑 등 마냥 기다리는 게 아닌 다른 행동을 하면서 기다린다 적어둔 핸드폰번호로 입장하라는 말이 올 때 식당으로 가는 것이 callback함수가 호출되는 시점이라고 할 수 있다 Callb.. 2023. 4. 4.
(Javascript) Javascript Runtime Runtime 이란? 프로그래밍 언어가 구동되는 환경 어떤 프로그램이 동작할 때, 프로그램이 동작하는 장소 JS Runtime 종류 웹 브라우저 HTML 태그 내에 JS 코드를 작성하면 웹 브라우저에서 작동 Nodejs CLI 환경에서 node (js 파일이름) 명령어를 입력하면 nodejs 런타임 아래에서 작동 일종의 JS 실행 JS Engine, Web APIs, Callback Queue, Event Loop 등으로 이루어져 있다 Memory Heap + Call stack으로 구성된 JS Engine ( V8 : 오픈 소스 JS엔진 ) 이벤트 리스너에 의해 실행되어 해당 이벤트에 실제로 어떤 수행을 할지를 결정하는 이벤트 핸들러를 모아둔 Callback Queue (Task Queue) Call .. 2023. 4. 4.
(Project) SideProject ClonePaging (HTML&CSS, JS) 수강 중 Nodejs라는 걸 배우기 전에 여태 까지 배웠던 HTML&CSS, Javscript를 이용해서 ClonePaging 하는 개인 프로젝트를 맞이하게 되었다!!! 저 3가지의 스택들을 배우는 중간중간에 ClonePaging 하고 싶은 것을 찾아 하는 시간이 있긴 했다 다만, 제대로 하지도 않고 설렁설렁해서 아쉬웠는데 잘되었다는 생각을 했었다 어렸을 때 부터 좋아했었던 MondayKiz 소속사를 ClonePaging 하기로 마음을 먹었다 개인 프로젝트의 기간은 1주일! (22.10.06 ~ 22.10.12) 우리 기수 전인원들이 프로젝트 시작전 본인들의 희망 페이지를 찾고 승인받기 위해 한 명씩 한 명씩 담당 교수와 이야기를 나눴다 그러곤 교수는 내 차례 때 이렇게 말을 했다 너는 이거 전체 페이지.. 2023. 3. 1.
(Javascript) 자료형 자료형 데이터 타입이라고도 불리며 실수, 정수, boolean(참/거짓), 숫자 등 여러 종류의 데이터를 식별하는 분류. 변수의 종류 종류 string : 텍스트, 문자열 number : 숫자형 boolean : 참 / 거짓, bool(불) 값 object : 객체, 키와 값으로 이루어진 객체. 중괄호로 정의 array : 이름과 인덱스로 참조되는 정렬된 값의 집합, 같은 배열 내 요소들은 서로 다른 자료형일 수 있다 typeof : 변수의 자료형을 알려준다 string : 텍스트 문자열 표현방식 ( "", '', `` ) 한 줄로 표현할 텍스트는 "", '' 여러 줄로 표현하거나 변수와 텍스트를 같이 쓰고 싶다면 `` (템플릿 리터널)을 써야 한다 단, 한 줄 텍스트 표현 시에 \(역슬래쉬)를 사용하면.. 2023. 1. 12.

티스토리툴바