CSS 계산식 적용

CSS 계산식 적용

lswitch contents are below.

References: 05-lswitch contents: Go Click
Other Blog: Blog ArtRobot (Title: CSS 계산식 적용) More …
Publish Date: (2024-06-01|6:46 am), Modified Date: (2024-06-05|2:05 am)

— Blog Post Contents
[20.Blog] 10월 16일 오늘의 블로깅
📢 오늘의 키워드 산책 🌥️ 오늘의 날씨 맑음 🎵 오늘의 BGM 아침이슬 🍖 오늘의 식사 라면 🙆♀️ 오늘의 대화 이상 💰 오늘의 소비 간식 👏 오늘의 행복 맑은 하늘 (Publish Date: 2023-10-16)

[20.Blog] 기록이 쌓이면 역사 된다
하루하루 남긴 기록이 일기가 돼고 여러 사람의 일기가 모여서 역사로 됀다 (Publish Date: 2023-10-16)

[C#]서버로 업로드 한 엑셀 파일을 액세스 데이터베이스 엔진으로 읽어서 처리하기
https://www.microsoft.com/ko-kr/download/details.aspx?id=13255 첫 번째 시트의 데이터를 로딩 앞서 설명한 대로 CSV 파일은 시트 이름이 아니라 strFile 변수에 저장된 엑셀 파일 이름을 지정합니다. CSV 파일은 시트가 1개밖에 없는 개념이기 때문이기도 하고, 시트 이름 자체가 없기 때문에 파일명으로 시트명을 대신하는 방식으로 액세스 데이터베이스 엔진이 동작합니다. 이제 시트 데이터를 데이터베이스 테이블처럼 접근해서 쿼리를 하거나 레코드, 칼럼 단위의 조작 등을 할 수 있습니다. 연결한 엑셀 파일은 데이터셋 객체(앞의 예제에서는 ds 변수로 데이터셋을 받음)를 사용해 접근합니다. 첫 번째 시트는 "ds.Tables [0……. (Publish Date: 2022-12-14)

Raspberry Pi 설치 패키지 관리
# 패키지 목록 업데이트 $ sudo apt-get update # 설치된 패키지 업그레이드 수행 $ sudo apt-get upgrade # 사용되지 않는 패키지 삭제 $ sudo apt-get autoremove # 다운로드된 아카이브 파일 삭제 $ sudo apt-get clean # 다운로드된 구버전 아카이브 파일 삭제 $ sudo apt-get autoclean # 패키지 설치 $ sudo apt-get install pkg_name1 [pkg_name2 pkg_name3 …] # 패키지 삭제 $ sudo apt-get remove pkg_name1 [pkg_name2 pkg_name3 …] # 모든 패키지 목록 보기 $ apt list # 설치된 패키지 목록 보기 $ apt list –installed (Publish Date: 2022-09-23)

마우스이동
<style> #box { height: 100px; width: 100px; background: black; } </style> <div id="box"></div> <script> var box = document.getElementById('box'); // center point of the box var boxX = 50; var boxY = 50; document.addEventListener('mousemove', function(e) { if (e.buttons > 0) { console.log(e); var x = e.pageX, y = e.pageY; var dx = x – boxX, dy = y – boxY; var distance = Math.sqrt(dx *dx + dy * dy); box.style.width = box.style.height = distance + 'px'; } }, false); <……. (Publish Date: 2022-08-28)

웹서버 종류
IIS Apache Tomcat NGINX Apache + PHP + MariaDB https://www.apachefriends.org/ (Publish Date: 2022-08-27)

MS-SQL Object 조회
SELECT OBJECT_NAME(object_id) as name, OBJECT_DEFINITION(object_id) as data FROM sys.procedures WITH(NOLOCK) WHERE OBJECT_DEFINITION(object_id) LIKE '%내용%' (Publish Date: 2021-08-03)

ESP8266 Manual Wifi Configuration with EEPROM without Hard-Code
출처: ESP8266 Manual Wifi Configuration without Hard-Code with EEPROM (how2electronics.com) 인터넷 검색중 하던 중에 ESP8266사용시 SSID와 Password를 EEROM에 저장하는 것 찾아서 기록에 남깁니다. (Publish Date: 2021-01-02)

[2020 마이블로그 리포트] 한 눈에 보는 올해 내 블로그 데이터!
(Publish Date: 2020-12-15)

ESP8266 Websocket Client
ESP8266 아두이노 스케치를 이용하여 Websocket client 만들기 위와 같이 WebSeckets 라이브러리를 설치하자. 아두이노 스케치 메뉴에서 파일 -> 예제 -> WebSockets -> ESP8266 -> WebSocketClientSSL.ino 선택해서 아래 부분(74, 81행)를 자기 환경에게 맞추어 수정하자. (Publish Date: 2020-11-30)

WSL Docker 설치
* Ubuntu Linux 설치 패키지 업데이트 (apt update && apt -y upgrade && apt -y autoremove)명령을 실행하여 최신 버전들로 패키지를 업그레이드합니다. * Docker 설치 curl https://releases.rancher.com/install-docker/17.03.sh | bash * 사용자에게 Docker 권한주기 sudo usermod -aG docker $USER * Docker Demon 실행(관리자 모드로 실행) https://gist.githubusercontent.com/rkttu/2d551d27aa70311c7963cbf2b26ae435/raw/ca2144e60abe86c9e8eb11d3db987f0f93e03057/dockerd.cmd * Docker 실행확인 docker version cmd.exe /C wsl –shutdown (Publish Date: 2020-09-29)

자바스크립트 라이브러리
https://www.chartjs.org/docs/latest/ https://threejs.org/ http://www.editablegrid.net/en/ (Publish Date: 2020-09-26)

ZXing Barcode 예제
(Publish Date: 2020-07-01)

Scratch 3.0 exe, app으로 패키징하기
출처 : https://ahnbk.com/?p=439 모든 개발이 완료되고, 배포를 해야 하는 경우에 윈도우의 경우 exe 파일, macOS의 경우 .app으로 패키징하여야 한다. 물론 소스 파일을 배포하고 사용자가 지난번 포스팅(https://ahnbk.com/?p=366, https://ahnbk.com/?p=383)과 같이 개발환경을 갖추어서 실행할 수 있지만 매우 복잡하고, 릴리즈 모드가 아닌 관계로 살짝 느린 면이있다. Scratch 3.0은 React.js를 사용하여 개발되었다. 즉 이를 실행하기 위해선 웹브라우저가 필요하다. 개발 시에는 webpack-dev-server를 이용하였다. 이를 대체할 것이 필요한데, 이때 필요한 것이 Electron(https://electronjs.org)이다. Electron은 NodeJ……. (Publish Date: 2020-05-30)

Raspberrypi 최신 nodejs 설치
1. 라즈베리파이 CPU확인 > lscpu 2. nodejs 최신버전 확인 https://nodejs.org/ko/download/current/ 3. nodejs 최신버전 다운받기 > wget https://nodejs.org/dist/v14.1.0/node-v14.1.0-linux-armv7l.tar.xz 4. 압축풀기 > tar -xvf node-v14.1.0-linux-armv7l.tar.xz 5. 폴더 이동 > sudo mv node-v14.1.0-linux-armv7l/opt/nodejs 6. 심볼 링크 연결 > sudo ln -s /opt/nodejs/bin/node /usr/bin/node > sudo ln -s /opt/nodejs/bin/npm /usr/bin/npm > sudo ln -s /opt/nodejs/bin/npx /usr/bin/npx 7. 설치버전 확인 node -v npm -v (Publish Date: 2020-05-04)

최근에 사용된 파일/폴더 표시 설정변경
위 그림에서 바로가기에서 마우스 오른쪽버튼 클릭하며 팝업메뉴가 나타납니다. 팝업메뉴에서 설정을 선택하며 폴더 옵션 팝업창이 뜹니다. 폴더옵션에서 개인정보보호 보시며 두개의 체크를 풀며 더이상 최근에 사용된 파일/폴더 표시 안합니다. (Publish Date: 2020-05-04)

라즈베이파이 설정
1. OS 설치 raspberrypi.org 2. WIFI 설정 wpa_supplicant.conf ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev update_config=1 network={ ssid="name" psk="password" } 3. SSH 설정 putty.org 4. 원격설정 sudo apt-get purge realvnc-vnc-server sudo apt-get install tightvncserver sudo apt-get install xrdp 5. 한글폰트 설정 sudo apt install fonts-unfonts-core 6. 한글자판 설정 sudo apt-get install ibus ibus-hangul im-config -n ibus Raspberry Pi Configureaion 한글 설정으로 변경하기 Preference->Raspberry Pi Configuration->Localisation Local……. (Publish Date: 2020-04-26)

Date.format
//2011년 09월 11일 오후 03시 45분 42초 console.log(new Date().format("yyyy년 MM월 dd일 a/p hh시 mm분 ss초")); //2011-09-11 console.log(new Date().format("yyyy-MM-dd")); //'11 09.11 console.log(new Date().format("'yy MM.dd")); //2011-09-11 일요일 console.log(new Date().format("yyyy-MM-dd E")); //현재년도 : 2011 console.log("현재년도 : " + new Date().format("yyyy")); (Publish Date: 2019-03-14)

using System.Xml;
(Publish Date: 2019-02-28)

CSS 계산식 적용
CSS를 사용하다가 100%를 적용하며 다른 테그로 인해서 벗어나는 경우가 있다. 그 때 사용할 수 있는 계산식 방법이 있다. 예) .div1 { width : calc( 100% – 100px) } (Publish Date: 2019-02-16)

—

• if No post, write the comment Please!