🌊 타이머 : 시간이 경과된 이후에 호출되도록 함수 호출을 예약하려면 타이머 함수를 사용한다. 타이머 함수는 브라우저 환경과 Node.js 환경에서 모두 전역 객체의 메서드로서 제공하는 함수이다. 타이머 생성 함수 : 일정 시간이 경과된 이후 콜백 함수를 호출, 비동기 처리 방식으로 동작한다. setTimeout : 단 한 번 동작한다. setInterval : 반복해서 동작한다. 타이머 제거 함수 clearTimeout clearInterval 타이머 함수 setTimeout / clearTimeout const timeout = setTimeout(func|code[, delay, param1, param2]) func : 타이머가 만료된 뒤 호출될 콜백함수 delay : 타이머 만료 시간은 밀리초..

🌊 k의 개수 - Lv.0 🐤 문제 설명 1부터 13까지의 수에서, 1은 1, 10, 11, 12, 13 이렇게 총 6번 등장합니다. 정수 i, j, k가 매개변수로 주어질 때, i부터 j까지 k가 몇 번 등장하는지 return 하도록 solution 함수를 완성해주세요. 🐣 제한사항 1 ≤ i { // input i, j, k // for문을 돌리기? let result = 0; for (let num = i; num { // input i, j, k // for문을 돌리기 let result = 0; for (let num = i; num

🌊 UI/UX의 이해 UI (User Interface) : 사용자 인터페이스. 사람들이 컴퓨터와 상호 작용하는 시스템. 요즘은 화면상의 그래픽 요소를 UI라고 지칭하지만, 키보드, 마우스 같은 컴퓨터와 상호 작용하는 물리적 요소도 UI라 부른다. 레아이우스 폰트, 색상 등의 시각적인 요소 뿐만 아니라 효과음 등의 비시각적인 부분도 UI라고 할 수 있습니다. GUI는 UI중에서도 시각적인 부분만을 표현하는 개념입니다. 요즘에는 화면과 상호 작용을 통해 사용하는 기기들을 어렵지 않게 찾아볼 수 있습니다. 현대 사회에서는 GUI가 굉장히 중요한 역할을 하게 되었습니다. 일반적인 웹, 앱 디자인을 의미하며, 사실상 국내에선 UI와 GUI를 구분하지 않고 있습니다. UX(User Experience) UI와 긴..

🌊 AJAX AJAX(Asynchronous JavaScript and XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로 동작하며 이 객체는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공한다. Ajax는 웹페이지의 변경에 필요한 데이터만 ₩₩비동기 방식₩으로 전송받아 웹페이지를 변경할 필요가 없는 부분은 렌더링 하지 않고, ₩₩변경할 필요가 있는 부분₩만 한정적으로 렌더링 하는 방식 JSON(JavaScript Object Notation) JSON은 클라이언트와 서버 간의 HTTP 통신을 ..

🌊 재귀함수 : 재귀 함수는 자기 자신을 호출하는 함수를 말합니다. 재귀 함수를 이용하면 반복적인 작업을 해야하는 문제를 좀 더 간결한 코드로 풀어낼 수 재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴. function recursion () { console.log("This is") console.log("recursion!") recursion() } 재귀로 문제 해결하기 문제를 좀 더 작게 쪼갠다. 1번과 같은 방식으로, 문제는 더 작아지지 않을 때 까지, 가장 작은 단위로 문제를 쪼갠다. 가장 작은 단위의 문제를 풂으로써 전체 문제를 해결한다. //arrSum 함수는 배열[1,2,3,4,5]의 합을 반환하는 함수. arrSum([]) === 0; //

Java Script Promise의 기능과 필요한 이유에 대해서 설명해주세요. Promise를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 최종 결과를 반환하는 것이 아니고 어떤 시점에 결과를 제공하겠다는 '약속'을 반환합니다. Promise 이전에는 비동기 처리로 콜백 패턴을 주로 사용했으나 콜백 지옥으로 인해 가독성이 나쁘고, 비동기 처리 중에 발생한 에러 처리가 까다로워 Promise는 이러한 단점을 보완하기 위해 나온 대안이며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있습니다. Promise는 결과를 값으로 받아서 저장할 수 있다는 것이 특징이고 결과 그 자체를 값으로 받기 때문에 연속으로 실행하는 코드에선 then()을 이용하여 더 가독성 있는 코드..

🌊 Express - req.query, req.params req.params : 라우터의 매개변수 // 요청온 url : www.dreamogu.com/ogu/babyogu?greeting=hello const express = require('express'); const router = express.Router(); router.get('/user/:id', (req, res) => { console.log(req.params.id); // {id: 'ogu', name:'babyogu'} }); 주소에 :id는 문자 그대로 :id를 의미하는 것이 아닌 다른 값이 들어가는 장소이다. 예를 들어 /user/ogu, /user/rabbit 등의 요청을 이 라우터가 처리하게 된다. /:id/:name..

🌊 Express 프레임워크 경량화 웹 개발 프레임 워크. 노드를 이용한 웹 서비스나, 웹 어플리케이션 개발에 가장 널리 쓰이는 확장 모듈이다. express는 기본 모듈 중 하나인 http 모듈을 이용하여 웹 서버를 구축하거나 API서버를 제작하기 위해 사용되는 프레임워크 입니다. Node.js HTTP 모듈로 작성한 서버와 다른 점 미들웨어를 추가할 수 있다. 라우터를 제공한다. MERN stack MongoDB : NoSQL데이터 베이스로, JSON형식으로 데이터를 저장한다. Express : Node.js를 기반으로 하는 웹 프레임워크로, 웹 어플리케이션의 구조와 로직을 구성한다 React : 페이스북에서 개발한 프론트엔드 라이브러리로, 웹 어플리케이션의 사용자 인터페이스(UI)를 만든다. Nod..