본문 바로가기
반응형

JavaScript5

제이쿼리를 이용한 필수 입력 체크 -  -안녕하세요, 여러분! 오늘은 웹 개발에서 자주 사용되는 사용자 입력 필드의 유효성을 체크하는 방법에 대해 이야기해보려고 해요.  특히 자바스크립트를 이용한 간단한 함수들을 소개할게요. 1. nullCheck 함수 먼저, 사용자에게 입력을 요구하는 경우가 많죠?  이때 입력값이 비어있다면 사용자에게 친절하게 알려주는 것이 중요합니다.  그래서 만든 함수가 바로 nullCheck입니다.  이 함수는 특정 ID를 가진 입력 필드의 값을 체크하고, 값이 없으면 알림을 띄워줍니다. > function nullCheck(id, msg) { var temp = $("#" + id).val(); if (!temp) { alert(msg); $("#" + id).focus();.. 2024. 10. 31.
JavaScript로 Map과 List 클래스 구현하기 -  안녕하세요! 오늘은 JavaScript를 사용하여 Map과 List 클래스를 직접 구현하고, 이를 활용한 간단한 웹 애플리케이션을 만들어보겠습니다. 함께 살펴보시죠! 1. Map 클래스 구현먼저 Map 클래스를 만들어 보겠습니다.  이 클래스는 키-값 쌍을 저장하는 기능을 제공합니다.function Map() { this.elements = {}; this.length = 0;}Map.prototype.put = function(key, value) { this.elements[key] = value; this.length = Object.keys(this.elements).length;};Map.prototype.get = function(key) { return thi.. 2024. 10. 30.
자바스크립트로 HTML 색상 코드 다루기 - 안녕하세요, 여러분! 오늘은 웹 개발에서 색상을 다루는 방법에 대해 이야기해보겠습니다.  HTML과 CSS에서 색상 코드를 사용하는 것은 기본적이지만, 자바스크립트를 통해 색상을 동적으로 변경하거나 처리하는 방법을 배우면 웹 페이지를 더욱 매력적으로 만들 수 있습니다. 색상 코드란?HTML에서 색상 코드는 두 가지 주요 형식으로 제공됩니다:Hexadecimal (Hex) 코드: #RRGGBB 형식으로, 예를 들어 #FF5733은 빨간색과 주황색이 섞인 색입니다.RGB 코드: rgb(R, G, B) 형식으로, 각 색상의 값은 0부터 255까지의 숫자로 표현됩니다. 예를 들어 rgb(255, 87, 51)은 동일한 색상을 나타냅니다. 자바스크립트로 색상 변경하기자바스크립트를 사용하면 HTML 요소의 색상.. 2024. 10. 30.
자바스크립트의 동기(synchronous)와 비동기(asynchronous) 처리에 대하여! - -안녕하세요? 오늘은, 자바스크림트의 동기와 비동기 처리에 대해서 알아보도록 하겠습니다.: A와 B의 작업이 실행되는 시각의 차이 동기(synchronous: 동시에 일어나는, 同期: 같은 시기) : 요청과 결과가 동시에 일어남, 요청을 받고, 바로 응답을 해줌, 설계가 간단하고 직관적, 결과가 주어질 때까지 대기, 반환시 반환값 리턴 비동기(Asynchronous: 동시에 일어나지 않는, 非同期: 같은 시기가 아닌) : 요청과 결과가 동시에 일어나지 않음, 동시에 다른 작업이 가능, 시간이 오래걸림, 반환시 콜백의 인자 리턴 예제) var f = require('f');var d = f.readFileSync("file.txt","utf8");console.log(d);f.readFile("file.. 2024. 9. 27.
자바스크립트 CORS(Corss Origin Resource Sharing)과 대처방안에 대하여! -- 안녕하세요? 오늘은 CORS (Corss Origin Resource Sharing)과 그에따른 대처방안에 대해서 알아보도록 하겠습니다. CORS (Corss Origin Resource Sharing)란? : CORS(교차 출처 리소스 공유)는 웹 브라우저에서 구현된 보안 기능으로, 한 출처(도메인)에서 실행되는 웹 애플리케이션이 다른 출처에서 리소스를 요청할 수 있도록 허용하거나 제한합니다. 이는 웹 애플리케이션의 보안을 유지하고 악의적인 사이트가 민감한 데이터에 접근하는 것을 방지하기 위해 중요합니다. CORS (Corss Origin Resource Sharing) 발생 이유는, 보통 Https에서 Http로 요청을 하였을때 혹은, 서로 다른 도메인에서 자료를 가져올 때 발생합니다. 그럼, .. 2024. 9. 27.
반응형