본문 바로가기

전체 글54

[Flutter] 학습(1) 개발환경에 필요한 요소 Flutter 개발 환경에 대해 알아보도록 하겠습니다. Flutter는 Google에서 개발한 모바일 애플리케이션 개발 프레임워크로, Android와 iOS 등 다양한 플랫폼에서 앱을 개발할 수 있습니다. 하지만 Flutter 앱을 개발하기 위해서는 적절한 개발 환경이 필요합니다. Flutter SDK 우선, Flutter SDK를 다운로드 받아 설치해야 합니다. Flutter SDK는 Flutter 공식 웹사이트에서 다운로드 받을 수 있으며, 모든 도구와 라이브러리가 포함되어 있습니다. 통합 개발 환경 (IDE) 다음으로는 통합 개발 환경(IDE)을 선택해야 합니다. Flutter SDK는 다양한 IDE에서 사용할 수 있으며, Android Studio, Visual Studio Code, Intell.. 2023. 3. 3.
[javascript] 일정간격으로 반복작업을 하기 위한 setInterval 사용하기 setInterval() 함수는 일정한 시간 간격으로 지속적으로 반복해서 작업을 실행할 때 사용하는 자바스크립트 함수입니다. 이 함수를 사용하면 일정한 간격으로 코드를 실행할 수 있습니다. 아래는 setInterval() 함수를 사용하여 1초마다 "Hello, World!"라는 메시지를 콘솔에 출력하는 예시입니다. setInterval(function() { console.log("Hello, World!"); }, 1000); 이 예시에서는 setInterval() 함수를 호출하여 콜백 함수를 반복적으로 실행하고 있습니다. setInterval() 함수의 첫 번째 인수로 전달된 함수는 콜백 함수입니다. 이 콜백 함수는 setInterval() 함수가 호출된 후에 지정된 시간(두 번째 인수)마다 반복적으.. 2023. 3. 3.
[javascript] 비동기 작업 지연을 위한 setTimeout 사용하기 setTimeout()은 자바스크립트에서 비동기 작업을 지연시키기 위해 사용되는 함수입니다. 이 함수는 지정된 시간이 지난 후에 콜백 함수를 실행합니다. 아래는 setTimeout() 함수를 사용하여 3초 후에 "Hello, World!"라는 메시지를 콘솔에 출력하는 예시입니다: setTimeout(function() { console.log("Hello, World!"); }, 3000); 이 예제에서는 setTimeout() 함수를 호출하여 콜백 함수를 지연시키고 있습니다. setTimeout() 함수의 첫 번째 인수로 전달된 함수는 콜백 함수입니다. 이 콜백 함수는 setTimeout() 함수가 호출된 후에 지정된 시간(두 번째 인수)이 경과한 후에 실행됩니다. 이 예제에서는 setTimeout().. 2023. 3. 3.
[Javascript] 웹 페이지 복귀 탐지 visibilitychange 사용하기 visibilitychange 이벤트는 브라우저의 Document 객체에서 발생하는 이벤트로, 페이지의 가시성이 변경될 때(예: 사용자가 탭을 전환하거나 브라우저 창을 최소화할 때) 발생합니다. 이 이벤트는 비디오 또는 오디오 플레이어를 일시 중지하거나 다시 시작하거나, 애니메이션을 중지하거나 시작하는 등 페이지가 표시되는지 숨겨지는지에 따라 다양한 작업을 수행하는 데 사용될 수 있습니다. 아래는 visibilitychange 이벤트를 사용하여 비디오 플레이어를 일시 중지 및 다시 시작하는 예시입니다: // 비디오 엘리먼트에 대한 참조를 가져옵니다. const video = document.querySelector('video'); // visibilitychange 이벤트에 대한 이벤트 리스너를 추가합.. 2023. 3. 3.