Language/JavaScript 검색 결과
22 개의 검색 결과가 있습니다.
Language/JavaScript

[JavaScript] 자바스크립트(JavaScript)에서 style.textAlign 적용하기

HTML에서 태그를 사용하거나, 태그 안에 style을 먹이는 방법 말고, 스크립트 단에서 style을 적용할 수도 있다. 이 때, textAlign도 적용시킬 수 있는데, style.textAlign을 사용하면 된다.자바스크립트(JavaScript)에서 style.textAlign 적용하기스크립트 단에서 document.createElement를 통해 div를 생성하고, 해당 요소에 아래와 같이 스타일을 적용할 수 있다.  물론, 위의 script 단에서 css를 적용할 수 있지만, tooltip 요소에 id를 부여하여 따로 태그 안에서 적용할 수도 있다.

2025. 3. 18.
Language/JavaScript

[JavaScript] 자바스크립트(JavaScript)에서 radio button 생성하기

HTML에서 radio button을 생성하는 법 말고, 자바스크립트에서 radio button에 데이터를 담고 생성하는 방법은 크게 createElement를 사용하거나 innerHTML을 사용하여 스크립트 단에서 radio button을 생성할 수 있다.자바스크립트(JavaScript)에서 radio button 생성하기1. createElementcreateElement의 방법은 DOM 조작은 쉬울 수 있으나, 대량의 radio button을 구현하게 되면 성능적으로는 innerHTML보다 떨어진다. 1) 먼저, html 내에 라디오 버튼을 생성하고 싶은 곳에 div 태그를 사용하여 위치를 잡아 준다.   2) DB에서 가져온 데이터를 key value 형태의 구조로 리스트에 넣고, radio..

2025. 3. 11.
Language/JavaScript

[JavaScript] 자바스크립트(JavaScript) 배열(Array) 선언하는 방법

자바스크립트에서 배열인 Array 선언하는 방법에 대해 기록한다.자바스크립트(JavaScript) 배열(Array) 선언하는 방법자바스크립트(JavaScript)를 선언하는 방법은 크게 2가지가 있는데, 대괄호를 이용하여 선언하는 방법과 new Array()인 배열 생성를 사용하여 선언하는 방법이 있다. 그 중에서도, 거의 대부분은 빈 배열을 선언하여 사용을 한다. 바로 아래처럼 말이다.let tempArray = [];let tempArray2 = new Array(); 위의 방법으로 배열을 선언할 수 있는데, 자바스크립트의 Array는 동적 배열로 다양한 변수 타입을 저장할 수 있다.

2024. 12. 26.
Language/JavaScript

[JavaScript] JavaScript trigger change 사용 방법

자바스크립트에서 select 태그를 사용했을 때, 사용자의 조작없이 자동으로 값이 변하게 할 때 사용하는 것이 trigger change다. 이번 글에서는 trigger change를 어떻게 사용하는 지에 대해 글을 작성한다. 목차 1. trigger change 사용 방법 1. trigger change 사용 방법 trigger change를 사용하는 방법은 정말 간단하다. 사용할 때의 시나리오를 먼저 정하면, 화면에서 조회하는 검색 조건에 따라 결과가 달라지는 것에 대해 적용하려고 한다. 일단, HTML에서 SELECTID의 name과 ID를 가진 SELECT 태그에 값을 변경할 경우 changeSELECTID() 함수를 타서 로직을 태우려고 한다. TEST01 TEST02 그래서, 아래와 같이, D..

2023. 6. 23.
Language/JavaScript

[JavaScript] JavaScript에서 undefined 구분하는 방법

정말 기초적인 것이지만, 자바스크립트에서 undefined라는 값이 있다. 그래서, 이 undefined를 구분해야 하는 경우가 있는데, 이 경우에는 typeof를 사용하면 된다. 목차 1. undefined 구분하는 방법 1. undefined 구분하는 방법 JavaScript에서 undefined를 구분하는 것은 정말 빈번하게 많이 사용된다. 대체적으로, Object 형식을 가져오거나, 아니면 input 태그에서 값을 가져오려고 하는데 값이 제대로 들어있지 않은 경우에 디버깅을 찍어보면 undefined가 나온다. 이 때 undefined를 구분하는 방법은 typeof를 사용하는 것이다. undefined는 == "" 이 형태로는 구분할 수가 없다. var test01 = $("#TEST01").va..

2023. 6. 5.
Language/JavaScript

[JavaScript] 자바스크립트(JavaScript)에서 Json key, value 가져오는 방법

자바스크립트(JavaScript)에서 Json 형식으로 데이터를 가져올 때, Json의 Key, Value 형식으로 가져오는데, 이 Json 형식의 Key, Value를 JavaScript 단에서 가져오는 방법을 정리한다. 1. Json Key 가져오기 아래의 코드와 같이, Object.keys()라는 메서드를 통해 json에서 key를 가져올 수 있다. json 데이터에 여러 개의 key가 있으면, 저 keys 안에 다 들어간다. let keys = Object.keys(json); 2. Json Value 가져오기 keys는 배열이기 때문에, 반복문을 돌려 순서에 해당하는 key를 뽑아내어 json에서 뽑아낸 key에 해당하는 value를 얻을 수 있다. for(let i = 0; i < keys.l..

2022. 8. 5.