![[Web] API](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbKQpIs%2FbtsCgwf4iNB%2FV1NTOiSRuyExGyrHy3FsA0%2Fimg.png)
📚 API란 무엇인가요? API(Application Programming Interface)는 간단히 말해, 서로 다른 소프트웨어나 시스템 간에 정보를 주고받을 수 있도록 하는 '중개자' 같은 역할을 하는 도구예요. API를 이해하기 쉬운 비유로 설명하자면, 레스토랑의 웨이터에 비유할 수 있어요. 레스토랑에서 손님은 주방장과 직접 음식을 주문하거나 대화하지 않아요. 대신, 웨이터를 통해 주문을 하고, 웨이터는 주방장에게 주문을 전달해요. 마찬가지로, 웨이터는 주방장이 만든 음식을 손님에게 가져다줘요. 여기서 웨이터가 API의 역할을 해요. 컴퓨터 프로그래밍에서 API는 한 프로그램이 다른 프로그램의 기능이나 데이터를 사용할 수 있게 해주는 '중개인'이에요. 예를 들어, 소셜 미디어 플랫폼의 API를 사..
![[JavaScript] async/await](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbIcuXo%2FbtsB1DIjsBN%2Ft9j0BB2iq4XouqaoYS9wAk%2Fimg.png)
📚 async/await란 무엇인가요? async/await는 자바스크립트에서 비동기 작업을 처리하는 현대적이고 간결한 방법이에요. ES2017에서 도입된 이 문법은 비동기 코드를 동기 코드처럼 읽고 쓸 수 있게 해주어, 개발자가 비동기 로직을 더 쉽게 이해하고 작성할 수 있게 도와줘요. async/await는 레스토랑에서 주문한 음식을 기다리는 과정과 유사해요. 먼저, async 함수는 레스토랑에 들어가서 주문을 하는 것과 같이 특정 비동기 작업(예: 데이터 요청)을 시작해요. 그리고 await는 주문한 음식이 준비될 때까지 기다리는 것처럼, 비동기 작업의 완료를 기다리며 그 동안 함수의 실행을 일시 정지해요. 작업이 완료되고 결과가 준비되면, 마치 서빙된 음식을 받아 식사를 시작하는 것처럼, awai..
![[JavaScript] 콜백 함수(Callback Function)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAI4Df%2FbtsB1FriVXj%2FMU9kVv6O9yiKb6rkB1hRKk%2Fimg.png)
📚 콜백 함수란 무엇인가요? 콜백 함수는 다른 함수에 인자로 전달되어, 그 함수의 내부에서 실행되는 함수예요. 이는 특히 비동기 작업을 처리할 때 중요한 역할을 해요. 콜백 함수는 어떤 이벤트가 발생하거나 특정 작업이 완료된 후 실행되도록 설계되었어요. 당신이 친구에게 어떤 일이 끝나면 전화해 달라고 부탁한다고 상상해 보세요. 여기서 당신의 부탁은 '메인 함수'이고, 친구가 나중에 전화하는 행위는 '콜백 함수'에요. 이렇게 특정 작업(일이 끝나는 것)이 완료된 후에 실행되도록 예약된 추가 작업(전화하는 것)이 바로 콜백 함수의 개념이에요. 🖥️ 콜백 함수의 사용 콜백 함수는 자바스크립트에서 널리 사용되며, 특히 이벤트 리스너, 타이머 함수, 비동기 요청 처리 등에서 중요한 역할을 해요. 1. 이벤트 리스..
![[JavaScript] 연산자](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FLHrif%2FbtsBYetPBlN%2FMO5CxGFV6cr8sp1z1cfH50%2Fimg.png)
📚 연산자란 무엇인가요? 연산자는 데이터를 조작하고, 값을 비교하며, 논리적 결론을 도출하는 데 사용되는 특수한 심볼 또는 단어예요. 연산자는 프로그래밍의 기본 요소로, 다양한 연산을 수행하여 프로그램의 로직을 구성하는 데 필수적이에요. 연산자는 수학 문제를 푸는 도구와 같아요. 예를 들어, 덧셈 연산자(+)는 두 숫자를 더하는 데 사용되며, 비교 연산자(==, ===)는 두 값이 같은지 비교하는 데 사용돼요. 1. 산술 연산자 산술 연산자를 표로 정리하면 다음과 같아요. 산술 연산자 설명 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 ** 거듭제곱 ++ 1 증가 -- 1 감소 일반 사칙연산과 마찬가지로 곱셈(*)과 나눗셈(/)이 먼저 계산돼요. let a = 10 + 5 * 2; // 5 * 2가 먼..
![[JavaScript] 데이터 형](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdBzZyL%2FbtsBJdQ571V%2FlULLZRJyoZhcAhkJ6P2kiK%2Fimg.png)
📚 데이터 형이란 무엇인가요?데이터 형은 변수에 저장되는 데이터의 종류를 정의하며, 각 데이터 형은 자바스크립트에서 다른 방식으로 처리돼요. 데이터 형은 서로 다른 크기와 모양의 상자들과 같아요. 각 상자는 특정 종류의 데이터를 저장하고, 프로그램이 이를 어떻게 처리할지 결정하는 데 도움을 줘요. 예를 들어, 숫자형 상자는 숫자를, 문자열형 상자는 텍스트를 저장하죠. 1. 숫자자바스크립트에서는 정수(integer)와 부동 소수점 숫자(floating point number)를 사용할 수 있어요.let a = 5; // 정수let b = 1.2; // 부동 소수점 숫자let c = 123e3; // 123000let d = 123e-3; // 0.123 2. Bigint15자리 이상의 큰 정수를 다룰 때..
![[JavaScript] 변수](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxqaHz%2FbtsBQoxBABb%2F4QmepmJpPXm8Ical46qvcK%2Fimg.png)
📚 변수란 무엇인가요?변수는 데이터를 저장하는 컨테이너로, 숫자나 문자와 같은 데이터를 저장할 수 있어요. 변수는 실제 데이터가 아니라, 데이터가 저장된 메모리의 주소를 가리키는 참조자에요. 변수는 마치 비어있는 상자와 같아서, 여러분이 원하는 어떤 값이나 정보를 넣어두고 필요할 때 다시 꺼내 쓸 수 있어요. 🖥️ 변수 선언자바스크립트에서는 var, let, const 세 가지 키워드를 사용하여 변수를 선언할 수 있지만, 각각의 키워드에는 차이점이 있어요.1. var스코프: 함수 스코프. 함수 내에서 선언된 경우 해당 함수 내에서만 유효해요.호이스팅: 선언된 위치와 상관없이 함수의 최상단으로 호이스팅 돼요.재할당: 변수의 값을 재할당할 수 있어요.console.log(x); // 호이스팅으로 인해 u..