반응형 Programming 💾8 [html🌎] Option 태그 사용 시에 주의해야 할 점! 소개글 자바 스프링 프레임워크를 기반으로 한 프로젝트를 개발 중에, 메일로 "에러가 발생해서 운용이 불가능하다"라는 내용의 메일을 받아 조사한 내용입니다. 에러 내용은 왠지 모르게 DB에 "AA "와 같은 느낌으로 공백이 들어가 있었습니다. "AA "는 SELECT 태그에서 선택된 값의 TEXT를 가져와 등록하는 칼럼이었습니다. 어딘가 잘못되었을 거라고 생각은 했지만, 원인을 찾는데는 시간이 걸렸습니다. 먼저, bootstrap-select.js에서 확인을 했지만, 이미 option 태그에 공백이 가득 찬 상태였습니다. 그래서 오늘은 혹시나 나와 같은 문제로 시간을 버릴까 그리고 복습을 하는 겸 다시는 실수하지 않기 위해 원인을 적어보겠습니다. 도움이 될만한 다른 글 2022.03.30 - [IT Pro.. 2022. 3. 30. 자바스크립트 infinity 알아보기! 자바스크립트에는 특별한 숫자가 있습니다. 바로, Infinity라는 숫자입니다. 오늘은 이 숫자가 무엇인지, 그리고 숫자가 Infinity인지 확인하는 방법을 알아보겠습니다. - infinity 먼저 프로그래밍 언어 대부분에서는 0으로 숫자를 나누게 되면, 오류가 발생하면서 프로그램이 작동하지 않습니다. 하지만, 자바스크립트에서는 0으로 숫자를 나눌 경우 infinity라는 값이 들어가게 됩니다. function cal(a, b){ alert(a / b); } cal(10,0) - infinity isFinite() 함수 이름 설명 isFinite() number가 무한한 값인지 확인합니다. infinity가 어떤 숫자인지 알았으니까, 다음은 어떻게 체크하는지를 알아보겠습니다. function cal(a.. 2022. 2. 6. 자바스크립트 타이머 함수 총정리!(setTimeout, setInterval...) 오늘은 자바스크립트의 타이머 함수를 총정리해보도록 하겠습니다. 웹 개발을 하다 보면, 다양한 상황이 발생하는데요. 다음과 같은 상황이 발생한다고 가정해보겠습니다. 1. 특정시간마다 특정 함수를 실행시키고 싶은 경우 → 1초마다 1번씩 정보를 취득하고 싶은 경우 2. 이벤트가 발생하면 어떤 함수를 지정한 시간 이후에 실행하고 싶은 경우 → 확인 메세지를 출력하고 나서 반응이 없다면 몇 초 후에 특정 페이지에 이동시키고 싶은 경우 - 타이머 함수 타이머 함수는 특정 시간에 특정 함수를 실행할 수 있도록 해주는 자바스크립트 내장 함수입니다. method 설명 setTimout(function, millisecond) 일정 시간 후 함수를 한번 실행합니다. setInterval(function, millisec.. 2022. 2. 6. Html, Javascript를 이용해서 로딩 표시하기! 프론트엔드에서는 백엔드에서의 처리 결과를 유저에게 알려줘야 합니다. 예를 들어, 유저 등록이라는 이벤트가 있다고 했을때, 시간이 걸린다고 하면 유저 입장에서는 현재 등록이 진행 중인지 아니면 어떤 문제가 발생해서 등록이 진행되고 있지 않은지를 모릅니다. 그래서 유저가 확인할 수 있도록 로딩 이벤트를 추가해야 합니다. 오늘은 Html과 Javascript를 이용하여 로딩을 표시하고 닫아주도록 만들어 보겠습니다. 자바스크립트와 html를 이용해서 버튼이 눌렸을 경우, 메세지를 표시해보겠습니다. index.html↓↓↓↓↓ 로딩 표시 로딩 숨기기 main.js↓↓↓↓↓ function loadingShow(){ alert("로딩을 표시합니다."); } function loadingHide(){ alert("로.. 2022. 2. 5. 자바스크립트 가변 인자 함수 arguments 사용하기! - 가변 인자 함수란? 가변 인자 함수는 매개변수의 개수가 변할 수 있는 함수입니다. 자바스크립트에서는 function(a, b) 같은 식으로 a, b 2개의 매개변수를 지정하는데요. 여기서 선언할 수 있는 매개변수보다 더 많은 수를 선언한 경우에는 무시하게 됩니다. alert("alert", "alert") 또한, 선언할 수 있는 매개변수 숫자보다 적게 선언하면 매개변수는 undefined로 지정됩니다. prompt("숫자를 입력하세요!"); 위와 같이 선언해도 에러는 발생하지 않습니다! 자바스크립트는 매개변수의 개수를 정의된 것과 다르게 사용해도 괜찮기 때문입니다. 하지만, 매개변수를 모두 활용하고 싶을 때는 어떻게 하면 될까요? 바로, arguments를 사용하면 됩니다. 변수 arguments는 .. 2022. 2. 4. [Web Server]IIS 서버 설치하고 확인하기 IIS 서버란? - Internet Information Service의 약자로서, 윈도우에서 무료로 지원하는 웹 서버입니다. 아파치 웹 서버 다음으로 알려진 웹 서버라고 볼 수 있습니다. IIS 서버 특징? ☛ OS 이용자의 대부분이 윈도우를 사용하여 쉽게 설치가 가능하며, 웹 프로그램을 쉽게 설치, 관리 할 수 있고, 설정과 확인이 가능합니다. ☛ NET Framework, ASPX 스크립트는 IIS 전용입니다. ☛ 오직 윈도우에서만 기동이 가능하며, 다른 OS를 사용 할 경우, 사용이 거의 불가능합니다. IIS 서버 설치 IIS는 이미 윈도우 내부에 탑재되어 있기 때문에 설치가 간단합니다. 1. 제어판을 실행시키고, 프로그램 및 기능에 들어갑니다. 2. Windows 기능 켜기/끄기를 실행합니다. .. 2022. 2. 3. 이전 1 2 다음 반응형
