반응형 분류 전체보기271 [jsp] 토글 버튼 구현 jsp 페이지를 구현하는 중 토글 버튼을 구현해야 사용이 가능한 기능이 있어서 css를 이용해서 토글버튼을 구현하고 상태 값이 변할 때 해당 토글 버튼의 상태가 on인지 off인지 알 수 있도록 script 파일을 통해 구현했습니다 css style html css에서 정의한 토글 버튼을 html에 입력하고 type은 checkbox id는 css에서 #toggle 태그에 맞게 toggle로 맞춰줍니다 실제 토글 버튼은 체크박스를 통해 구현했기 때문에 체크박스에 체크가 되느냐 안되느냐를 통해 토글버튼의 움직임을 만들었고 그렇기 때문에 토글 버튼의 위쪽에 체크박스가 보이게 되는데 이 부분을 hidden을 통해 가려주면 체크박스는 보이지 않고 오로지 토글 버튼만 화면에 보이게 됩니다 script toggle.. 2022. 8. 26. [임베디드] ADC 사용하기 이번에 콩나물 공장 시스템을 설계하면서 온도 센서를 485 센서로 사용했지만 거리가 조금만 멀어지면 센서에 노이즈로 인해 값이 많이 튀는 증상이 생겨서 4-20m라는 조금은 생소한 ADC값을 이용해서 센서를 측정하는 방식으로 변경하게 되었습니다 이번 프로젝트에서 사용된 마이크로칩은 18F66K80으로 64핀을 사용하였습니다 ADC 알고리즘 ADC 설정을 할 때 몇비트의 ADC를 사용할 것인지 선택하게 되는데 저의 경우에는 12비트 ADC를 사용했습니다 12비트를 계산하면 0~4096까지의 범위를 측정할 수 있습니다 센서는 1v ~ 5v 까지의 범위를 가지는 온도센서로 0℃가 1v이기 때문에 1v이하의 ADC값을 보정해야 1v ~ 5v 사이를 측정했을 때 0℃ ~ 100℃까지의 값을 구할수가 있습니다 즉 .. 2022. 8. 25. [jsp] 데이터 입출력 팝업 jsp를 사용하면서 데이터를 출력하거나 입력받는 팝업창을 띄워야 하는 경우 alert, confirm, prompt를 사용하면 간단하게 팝업을 통한 데이터 입출력이 가능합니다. 가장 많이 사용되는 alert 먼저 alert는 메세지가 출력된 창을 띄워서 사용자가 확인 버튼을 누르기 전까지 팝업창을 유지하는 것으로 버튼의 구성은 확인버튼 단일로 구성되어 있습니다 확인과 취소버튼이 존재하는 confirm confirm은 사용자가 확인 또는 취소를 누르는 것으로 boolean값을 리턴합니다 확인 버튼을 누르면 true, 취소 버턴을 누르면 false text입력이 가능한 prompt 해당 팝업역시 확인과 취소 버튼이 있으며 추가적인 데이터 입력을 할 수 있는 Text창이 존재하기 때문에 Text문구를 입력하고.. 2022. 8. 19. [jsp] Radio 상태 변경 감지하기 HTML에 배치한 Radio 버튼이 실시간으로 사용자에 의해 눌릴 때마다 변경된 Radio 버튼의 value 값을 읽어오는 script를 작성해 보도록 하겠습니다 Radio 버튼 구성 Push Interval On/Off 먼저 value값을 읽을 라디오 버튼을 위와 같이 구성하였습니다 하나의 라디오 그룹으로 묶기 위해 동일한 name인 sensorDa를 설정해 주고 그에 따른 value값을 3,4,5로 지정해 주었습니다 Radio 변경 감지 소스코드 자체는 어렵지 않습니다 먼저 input 타입의 sensorDa라는 name을 가진 라디오 버튼이 change 될 때마다 function을 실행한다는 뜻입니다 이렇게 실행된 function 내부에서는 this 즉 sensorDa의 val() 값을 가져오게 됩니.. 2022. 8. 19. [Android] 소수점 자릿수를 정하는 String.format 자바를 기준으로 작성된 Android 프로그램에서 TextView에 어떠한 값을 출력할 때 이 값이 실수형인 경우 소수점 출력에 있어서 전체 자릿수가 적용이 되어 출력되게 됩니다. 소수점이 2~3번째자리까지면 상관없겠지만 만약 5자리를 넘어가게 된다면 어떻게 될까요 물론 소수점을 반올림하여 사용하는 방법도 많이 있지만 오늘은 String.format을 사용하여 소수점 자리수를 끊어서 출력하는 방법에 대해 알아보겠습니다. private float data = 52.32143 private TextView outtxt; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setCont.. 2022. 8. 19. [Android] xml 배경 투명도 설정하기 안드로이드에서 대부분 배경색을 넣을 때 6자리로 된 색상 코드를 입력합니다 그렇게 되면 투명도가 없는 단일색상의 배경색으로 설정이 되는데 간혹 가다가 전체 배경이 있는 Layout 위에 view를 얹을 경우 투명도를 설정함으로써 전체 배경을 노출시켜서 디자인에 좀 더 변화를 줄 수 있습니다 xml 투명도 설정은 바로 이러한 전체 배경을 비춰야 할 때 사용됩니다. 기존 배경 색상 설정 위 코드와 같이 실행을 하게 되면 전체 배경인 whather 이미지를 가리게 됩니다 해당 결과물은 뭔가 가운데 Layout이 배경을 막음으로써 답답한 느낌이 있습니다 이러한 부분을 해결하기 위해 Layout에 투명도를 설정합니다 투명도 설정 위 코드와 달라진 게 있다면 Layout에 색상 코드 앞쪽에 99라는 숫자를 추가했다.. 2022. 8. 9. 이전 1 ··· 12 13 14 15 16 17 18 ··· 46 다음 반응형
