자바스크립트 개발자라면 동시성과 병렬성의 개념을 이해하는 것이 매우 중요합니다. 이 글에서는 이 두 개념의 차이점, 자바스크립트에서의 구현 방법, 그리고 관련 이론 및 용어를 정리해보겠습니다. 동시성 (Concurrency)동시성은 여러 작업이 동시에 실행되는 것처럼 보이는 상태를 말합니다. 자바스크립트는 기본적으로 단일 스레드로 동작하기 때문에 실제로 여러 작업을 동시에 수행할 수는 없습니다. 대신, 비동기 작업을 통해 여러 작업이 동시에 처리되는 것처럼 구현할 수 있습니다. 동시성 예제아래 코드는 setTimeout과 Promise를 사용하여 동시성을 구현한 예시입니다.console.log("작업 1 시작");setTimeout(() => { console.log("작업 1 완료");}, 100..
JavaScript의 비동기 프로그래밍은 최근 웹 개발에서 필수적인 요소가 되었습니다. 특히, fetch 메서드와 async/await 구문은 외부 데이터를 가져오는 데 매우 유용하게 사용됩니다. 그러나 많은 개발자들이 fetch 메서드를 사용할 때 await를 두 번 사용하는 이유에 대해 궁금해합니다. Fetch 메서드란?fetch 메서드는 네트워크 요청을 보내고 응답을 받아오는 기능을 제공합니다. 주로 API 호출을 통해 서버로부터 데이터를 가져올 때 사용됩니다. 기본적으로 fetch는 프로미스를 반환하므로, 비동기 처리에 적합합니다.const response = await fetch('https://api.example.com/data');위의 코드에서 fetch 메서드는 API로부터 데이터를 요..
API (Application Programming Interface)API는 응용 프로그램 간 상호작용을 가능하게 하는 메커니즘입니다. 즉, 다른 프로그램이나 서비스의 기능을 사용할 수 있도록 해주는 인터페이스 역할을 합니다. API 호출하기자바스크립트로 API를 호출하는 방법은 여러 가지가 있습니다. 1. XMLHttpRequest 사용하기XMLHttpRequest는 자바스크립트를 이용해 서버와 상호작용하고 데이터를 쉽게 받아올 수 있게 하는 객체입니다. 조금 오래된 방식으로, 모든 브라우저에 지원됩니다만 Internet Explorer 친구가 무덤에 있어 괜찮습니다 :)var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://api.example.com/..
OpenWeatherMap API를 이용하여, JavaScript로 날씨 앱을 만들어 보려고 합니다. Directory 구조weather-app/│├── css/ │ └── style.css │├── js/ │ ├── api.js │ ├── ui.js │ └── main.js │├── index.html ├── .gitignore └── README.md css/: 스타일시트 파일들을 포함합니다.js/: 자바스크립트 파일들을 포함합니다. api.js: OpenWeatherMap 같은 외부 날씨 API와 통신하는 ..
filter_var_array() 함수는 PHP에서 여러 변수를 동시에 검증하고 필터링할 수 있는 유용한 기능입니다. 이 함수는 배열의 각 요소를 지정된 필터로 처리하여, 필터링되거나 검증된 데이터만을 반환해줍니다. 사용자 입력 데이터 같은 외부 데이터를 처리할 때 특히 유용하게 사용됩니다. filter_var_array(array $array, array|int $options = FILTER_DEFAULT, bool $add_empty = true): array|false|null$data: 검증하거나 필터링할 데이터를 포함하고 있는 배열.$definition: 각 데이터 요소에 적용할 필터 또는 옵션의 배열.$add_empty: 필터링된 배열에 빈 값을 포함할지 여부를 결정함 (기본값: true)...
쿠키는 브라우저에 저장되는 작은 크기의 문자열로, RFC 6265 명세에서 정의한 HTTP 프로토콜의 일부입니다. 서버가 HTTP 응답 헤더(header)의 Set-Cookie에 내용을 넣어 전달하면, 이 내용을 자체적으로 브라우저에 저장합니다. 브라우저는 사용자가 쿠키를 생성하도록 한 동일 서버(사이트)에 접속할 때마다 쿠키의 내용을 Cookie 요청 헤더에 넣어서 함께 전달합니다. 사용자가 로그인하면 서버는 HTTP 응답 헤더의 Set-Cookie에 담긴 세션 식별자 정보를 사용해 쿠키를 설정합니다. 사용자가 동일 도메인에 접속하려고 하면 브라우저는 HTTP Cookie 헤더에 인증 정보가 담긴 세션 식별자을 함께 실어 서버에 요청을 보냅니다. 서버는 브라우저가 보낸 요청 헤더의 세션 식별자를 읽어 ..
