본문 바로가기

JavaScript47

Javascript 루프문 정리(2) for...in문 for...in 루프문은 자바스크립트에서 객체의 속성들을 반복하며 접근할 때 사용됩니다. 이 루프문은 객체의 속성들을 반복하며 각 속성 이름을 변수에 할당합니다. 아래는 for...in 루프문의 구조와 사용 방법에 대한 설명입니다. for...in 루프문의 구조 for (변수 in 객체) { // 반복 실행할 코드 블록 } 변수: 각 속성 이름이 할당될 변수입니다. 객체: 속성을 반복하며 접근할 객체입니다. for...in 루프문의 사용 방법 1. 객체의 속성들을 출력하는 경우: const obj = { a: 1, b: 2, c: 3 }; for (const key in obj) { console.log(key); } // a, b, c obj 객체의 각 속성 이름(key)을 변수에 할당하여 반복문을 실.. 2023. 3. 6.
Javascript 루프문 정리(1) for문 for 루프문은 자바스크립트에서 가장 일반적으로 사용되는 루프문 중 하나입니다. 초기식, 조건식, 증감식을 이용하여 반복문 실행 횟수를 제어합니다. 아래는 for 루프문의 구조와 사용 방법에 대한 설명입니다. for 루프문의 구조 for (초기식; 조건식; 증감식) { // 반복 실행할 코드 블록 } 초기식: 반복문이 실행되기 전에 한 번만 실행되는 코드로, 주로 반복문에서 사용되는 카운터 변수를 초기화합니다. 조건식: 반복문이 실행될 때마다 검사되는 조건입니다. 조건식이 참일 경우 코드 블록이 실행됩니다. 증감식: 반복문이 실행된 후에 한 번 실행되는 코드로, 주로 반복문에서 사용되는 카운터 변수를 증가시킵니다. for 루프문의 사용 방법 1. 특정 횟수만큼 반복 실행하는 경우: for (let i =.. 2023. 3. 6.
Javascript 루프문 정리(0) 개요 자바스크립트에는 여러 가지 유형의 루프(loop)가 있습니다. 이들 루프문은 반복적으로 실행되는 코드 블록을 만들어주며, 각각의 루프문은 다양한 용도로 사용됩니다. 아래는 자바스크립트의 주요 루프문에 대한 간단한 아웃라인입니다. 1. for 루프문: 초기식, 조건식, 증감식을 이용하여 반복문 실행 횟수를 제어합니다. 가장 일반적으로 사용되는 루프문 중 하나입니다. 배열과 같은 자료구조를 반복하며 요소에 접근하는 데에도 많이 사용됩니다. Javascript 루프문 정리(1) for문 for 루프문은 자바스크립트에서 가장 일반적으로 사용되는 루프문 중 하나입니다. 초기식, 조건식, 증감식을 이용하여 반복문 실행 횟수를 제어합니다. 아래는 for 루프문의 구조와 사용 방법에 ccusean.tistory.com.. 2023. 3. 6.
JavaScript svg에서 DataURL 얻어오기 svg 태그에서 DataURL을 얻어오는 방법입니다. 예시 svg DataURL로 이미지를 표시할 img 태그 DataURL 가져오기 const s = new XMLSerializer().serializeToString(document.getElementById("svg")) const encodedData = window.btoa(s); const dataUrl = `data:image/svg+xml;base64,${encodedData}` document.getElementById('img').src = dataUrl 2022. 8. 11.
JavaScript 다크, 라이트모드 변경 이벤트 처리하기 사용자가 시스템의 화면모드를 라이트 혹은 다크 모드로 변경시 이에 따른 처리를 위해서 자바스크립트로 해당 이벤트를 받아서 처리하는 방법입니다. CSS 다크모드 처리 2가지 방식 다크모드를 처리하는 두 가지 방식에 대해서 설명드립니다. 일반적인 방법은 "@media"태크의 "prefers-color-schem"를 사용하는 방법이며, 또 다른 방법은 " "에 사용하는 파일로딩 방식입니다. 스크립트 ccusean.tistory.com Node.js Prefers-color-scheme 서버에서 처리하는 방법 서버사이드(Server side)에서 사용자의 Color scheme를 미리 알고, 처리할 수 있는 방법을 공유합니다. Mac, iPhone과 같은 경우 이미 오래전부터 "다크테마"라는 것을 제공하고 있습.. 2022. 7. 23.
프로그래밍 언어 하나로 서버, PC 애플리케이션, Web, App 그리고 AI 모두 만들 수 있는 언어는? 프로그래밍 언어 하나로 서버, PC 애플리케이션, 웹페이지, 휴대폰 App 그리고 요즘 핫 한 AI까지 만들 수 있는 언어는 바로 "JavaScript" 입니다. JavaScript언어 문법을 안다면 아래와 같이 CPU, Memory, Display와 같은 환경이 구축된 환경에서 모든 애플리케이션 제작이 가능합니다. 더 큰 장점은 소스 코딩 한 번으로 Windows, Linux, Mac과 같은 여러 플랫폼에 적용이 된다는 것입니다. Web 개발 HTML, CSS와 함께 동적인 웹페이지를 개발할 수 있습니다. 서버 개발 한 소스로 Windows, Linux, Mac OS에서 구동 가능 Node.js: 서버뿐만 아니라 클라이언트 개발에 사용되며, 주요 라이브러리들이 Node.js에 있으며, 아래에 나열되는 .. 2022. 7. 22.
반응형

티스토리툴바