AI 3 Grid를 이용한 column과 row 변환 코드, Bing AI 질문 grid를 처음 공부하면서 블로그 코드를 변경하고 있는 중입니다. grid가 flex에 비하여 상당히 복잡합니다. 단기간에 익히기에는 좀 부담이 되어 모르는 부분은 Bing Chat(AI)의 도움을 받으면서 CSS 코드를 작성하고 있습니다. 반영하려는 웹 페이지의 디자인은 다음과 같습니다. 페이지의 폭이 넓을 때: column + gap + column 페이지의 폭이 좁을 때: row 1개, less than 500px width Bing Ai에 질문합니다. "How to set grid width, to be full width rows when the full width is less than 500px and to be 40% width 2 columns when the full width is m.. 2023. 12. 2. 블로그 스킨의 자바스크립트 수정 코드에 대한 MS Bing AI 설명 const marks = document.querySelectorAll('#content .marker'); window.addEventListener('scroll', function() { const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; document.body.classList.toggle('roll', scrollTop > 400); for (const ele of marks){ let elementTop = ele.getBoundingClientRect().top; if ( elementTop < -64 ) { ele.classList.add('pin'); } .. 2023. 6. 24. 대학로 서울대학교병원에 처음 보는 자율 주행 로봇 Autonomous Mobile Robots within a Hospital Environment 서울 대학로에 있는 서울대학교병원 관련 소식입니다. 최근에 신축한 대한외래에서 진료 기다리는 동안 처음 보는 로봇이 일정 구간을 돌아다니고 있어서 3초 정도 짤막한 동영상을 찍었습니다. 로봇 관리 혹은 개발 담당자인 듯한 몇 사람이 그 앞을 가로막고 상의를 하고 있으니까 로봇이 빠져나가려고 옆으로 방향을 전환하는 모습도 보였습니다. 자동차뿐만 아니라 로봇의 자율 주행 기능도 이제 본 궤도에 올라 빠르게 일상생활에 보급될 것 같습니다. ※ 대한외래는 지상층이 없습니다. 지상층의 엘리베이터 시설을 이용하거나 어린이병원 혹은 본관 지하와 연결된 램프 시설을 이용하여 들어갈 수 있습니다. 참고로 서울대학.. 2020. 7. 7.
