Computer/WEB, PHP-JAVA-Script
<iframe> 아이프레임 스크롤 기준으로 높이 자동 조절
scrollHeight에서 +20을 더해주었다. 단위차이랄까?설명하려니 귀찮다. 넣으면 깔끔하다. 여기까지 찾아올 실력이라면,자세한 설명은 필요없을것이라고 생각한다.가끔 필요해서 정리해 보았다.-끝- 너무 틱! 하고 간듯하여 다시 돌아왔다.1. `` 태그- 자바스크립트를 정의하는 부분입니다. `language="javascript"` 속성은 HTML4에서 사용되던 방식으로, 최신 표준에서는 생략 가능합니다.2. `ifmHeight()` 함수- `iframe`의 콘텐츠가 로드될 때, 그 내부 콘텐츠의 높이를 계산해서 `iframe`의 높이를 자동으로 조절하는 함수입니다. - `getElementById("ifm")`는 id가 `ifm`인 `iframe` 요소를 찾습니다. - `contentWindow.d..
Computer/WebDesign, Animation
풍향 풍속을 표현해 보자
풍향과 풍속을 지도에서 시각화하는 데 사용할 수 있는 몇 가지 유용한 JavaScript 라이브러리들이 있습니다.leaflet-velocity이 라이브러리는 Leaflet 지도 위에 풍향과 풍속을 애니메이션으로 표시할 수 있습니다. 주요 특징은 다음과 같습니다:- Leaflet 플러그인으로 사용 가능 - 바람, 해류 등 다양한 종류의 속도 데이터 시각화 가능 - 방향과 강도를 캔버스 레이어로 표현 - 사용자 정의 옵션 제공 (색상 스케일, 입자 애니메이션 등) GitHub - onaci/leaflet-velocity: Visualise velocity data on a leaflet layerVisualise velocity data on a leaflet layer. Contribute to onac..
Computer/ETC
Arduino IDE, 보드매니저나 라이브러리 매니저등 경로 설정
경로에 한글이 있어도 잘되던 시절이 있었다.어느순간부터 갑자기 한글이 있다고 잘 안되던것이였다.아두이노 IDE에서 경로 수정이 불가피했다. 빠르게!!근데 어디서 바꾸지? 라는 의문...... 으로 글을 적어보았다.C:\Users\\.arduinoIDE\arduino-cli.yaml에 가면 arduino-cli.yaml 파일이 있다.이 파일을 열어보면,board_manager: additional_urls: - https://dl.espressif.com/dl/package_esp32_index.jsonbuild_cache: compilations_before_purge: 10 ttl: 720h0m0sdaemon: port: "50051"directories: bui..
Computer/ESP32
ESP32 WT32-ETH01, WT32-S1 with an Ethernet LAN interface
ESP32를 재미있게 가지고 놀고 싶었으나, 지금 내게 필요한건 이더넷 랜 포트가 있는 놈이였다.물론, 작년부터 가지고 놀았지만 만들어 볼 시간도 없고.. 정리할 시간도 없고? (정말??)여하튼 그리하여 이제서야 정리해본다.라는.....?그리하여 « - - » 이제서야 사이는, 점심시간이라는 큰 시간 간격이 존재한다. 음, 오랜만에 다시 하려니 기억이 가물가물...어떻게 했드라...?첫째, 컴퓨터랑 연결해보자USB용으로 시리얼 CP201x 로 연결할때,5V 전원과 RX0, TX0로 연결 후 IO0에 그라운드 연결 이후 펌웨어.!이후 RXD, TXD로 통신.Arduino IDE를 사용하도록 하겠다.VS 사용하려고 했으나 또 설정하고 ㅈ-ㅈ-ㅈ 하기 귀찮다.OTA업로드 순서를 수동으로 처리하지 않으려면 스케..
Computer/WEB, PHP-JAVA-Script
DOMSubtreeModified 이녀석 알아보자.
갑자기, DOMSubtreeModified 이녀석으로 인해 당혹스러운 문제가 생겨서..[Deprecation] Listener added for a 'DOMSubtreeModified' mutation event. This event type is deprecated, and will be removed from this browser VERY soon. Usage of this event listener will cause performance issues today, and represents a large risk of imminent site breakage. Consider using MutationObserver instead. See for more information.크롬에서 열심히 보..
Computer/ETC
데이터베이스가 필요한데, 외부에서 사용가능한 무료가 있을까?
내용은 제목 그대로이다.대부분의 웹호스팅은 localhost 만 지원하고, 그렇다고 사무실이나 집에서 컴퓨터를 가지고 디비를 설치하고 서버를 운용하기에는... 귀찮다.그래서, 무료로 사용할 수 있는 외부 데이터베이스 서비스들을 아래에 몇 가지를 소개해 보겠다.1. Firebase Firestore설명: Google에서 제공하는 NoSQL 클라우드 데이터베이스로, 실시간 데이터베이스 기능도 제공합니다.무료 플랜: Firebase Spark Plan은 월 1GB의 저장 공간과 일일 50,000 읽기, 20,000 쓰기, 20,000 삭제 작업을 제공합니다.웹사이트: Firebase Firebase | Google's Mobile and Web App Development Platform개발자가 사용자가 좋아..
Computer/WEB, PHP-JAVA-Script
Spring(프레임워크)
스프링 프레임워크(Spring Framework)는 자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크로, 엔터프라이즈 애플리케이션 개발을 위한 포괄적인 인프라를 제공합니다. 스프링 프레임워크는 다양한 기능과 모듈을 통해 개발자의 생산성을 높이고, 유연한 아키텍처를 설계할 수 있도록 돕습니다.주요 특징의존성 주입 (Dependency Injection, DI):객체 간의 의존성을 프레임워크가 주입해주는 방식입니다. 이를 통해 객체의 생성과 관계 설정이 코드에서 분리되어 테스트와 유지보수가 용이해집니다.AOP (Aspect-Oriented Programming, 관점 지향 프로그래밍):비즈니스 로직과 횡단 관심사를 분리하여 모듈화하는 방법입니다. 예를 들어, 로깅, 트랜잭션 관리, 보안 등의 기능을 분리..
Computer/Machine learning models
데이터 어노테이션(Data Annotation)
학습을 위해 이미지에 라벨링하는 과정을 "데이터 어노테이션"이라고 합니다. 데이터 어노테이션은 머신 러닝 모델, 특히 딥 러닝 모델을 학습시키기 위해 데이터에 정답 레이블을 부여하는 과정입니다. 이를 통해 모델이 학습 데이터와 해당 레이블 간의 관계를 학습할 수 있게 됩니다.데이터 어노테이션의 주요 유형:객체 감지(Object Detection):이미지에서 사물의 위치와 크기를 바운딩 박스 형태로 지정합니다.예: YOLO, Faster R-CNN.이미지 분류(Image Classification):이미지 전체에 하나의 레이블을 부여합니다.예: 개, 고양이, 자동차.세그멘테이션(Segmentation):이미지의 각 픽셀에 레이블을 부여합니다.세부 유형:이미지 분할(Image Segmentation): 이미..
Computer/ETC
데이터 흐름도(Data Flow Diagram, DFD)
데이터 흐름도(Data Flow Diagram, DFD)는 시스템의 데이터 흐름과 처리 과정을 시각적으로 표현한 도구입니다. DFD는 시스템 분석과 설계 단계에서 중요한 역할을 하며, 시스템의 구조를 이해하고 설계하는 데 도움이 됩니다. DFD는 크게 네 가지 주요 요소로 구성됩니다.1. 프로세스(Process)프로세스는 입력 데이터를 받아서 처리하고, 그 결과를 출력하는 작업 단위를 나타냅니다.프로세스는 동그라미 또는 타원으로 표현되며, 내부에 해당 프로세스의 이름을 적습니다.2. 데이터 흐름(Data Flow)데이터 흐름은 데이터의 이동 경로를 나타냅니다.화살표로 표현되며, 화살표의 방향이 데이터의 흐름 방향을 나타냅니다.데이터 흐름의 이름을 화살표 위에 적어줍니다.3. 데이터 저장소(Data Sto..