목록분류 전체보기 (123)

열정 실천

[사물인터넷(IoT) 워크숍] MyRio연동 - labView로 신호등 구현하기

오늘은 홍익대학교에서 바이오헬스 혁신공유대학 컨소시엄 참여대학 학생들을 대상으로 사물인터넷(IoT) 입문&실습 워크숍을 진행했다. 강의와 실습은 MarkerBox 회사 대표님과 개발자님이 진행해주셨다. IoT가 처음이었는데도 불구하고 잘 따라올 수 있게 중간중간 진행 상황도 확인해주시고 질문이나 실습 중 안되는 사항에도 바로바로 도와주셨다. 1. IoT 소개 사물인터넷의 산업과 생활에서의 영향 현재 산업을 관통하는 기술적 동향의 탐색 2.myRio, LabView 소개 산업군을 대표하는 툴체인 NI플랫폼 소개, 사용 방법, 랩뷰의 동작, 마이리오 연결 및 마이리오의 작동 방법 3. LabView 기초 문법 자료형, 구조체 등을 타 언어들과 비교하며 실습 4. 하드웨어의 연결 및 제어..
기타/수료 2023. 3. 26. 00:43
[IoT 특강] Labview 기초 실습

홍익대학교 사물인터넷(IoT) 입문&실습 워크숍에서 진행한 LabView 실습! - 아는 것이 무기당! - National Instruments [NI] 의 제품으로 실습 진행! (실제 산업에서 사용되는 제품- 아두이노, 라즈베리는 프로토타입 제작용) (VI - 웹뷰를 이루는 최소 단위이다) Block Diagram - 코드창 Front Panel - 콘솔창 🍯 단축키 🍯 *실행 단축키 : ctrl + r *UI 정렬 단축키 : ctrl + a ➡ ctrl + u *전체 2분할 화면 단축키 : ctrl + t LABVIEW 자료형 LabView의 자료형에는 Numeric, String, Boolean이 있다. 이 외에도 Graph, Array, Enum 등 다양한 자료형들이 존재한다! - 모든 자료형에는..
기타/수료 2023. 3. 25. 23:43
[CSS 008] CSS 단위 - px, %, rem/em, vw/vh

스크린 환경에서 크기를 나타내는 적합한 CSS의 단위로 px, %, rem/em, vw/vh 등이 있다. 이들은 크기가 절대 변하지 않는 절대적 단위와 상황에 따라 크기가 변하는 상대적 단위로 나뉜다. 상대적 길이 단위 요소는 상대적인 길이를 지정함으로써 다양한 기기에 적용할 수 있다. 따라서 웹 앱 이나 반응형 웹을 구현하기 위해서는 상대적 단위를 잘 알고 있어야 한다. 절대적 단위 px 스크린을 구성하는 하나의 작은 점 만약 화면의 크기가 1920*1080이면 가로 1920개, 세로 1080개의 px가 있는 것이다. ▶사용 예시 width : 100px height : 100px 상대적 단위 % 부모 요소를 기준으로 비례하여 크기를 설정 ▶사용예시 width : 50% (부모의 width가 100px..
개발 공부/CSS 2023. 3. 23. 21:48
[CSS 007] Box-sizing - 박스에 적용된 사이즈의 기준 정하기

Box-sizing box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성이다. content-box box-sizing: content-box; width: 100px; padding: 10px; ✔ 요소 사이즈에 패딩과 테두리 포함x ✔ 콘텐츠만 100px로 최종 너비는 120px(100px+10px+10px)이 된다. ❗❗ 생각했던 요소의 크기 + ( ) border-box box-sizing: border-box; width: 100px; padding: 10px; ✔ 요소 사이즈에 패딩과 테두리 포함o ✔ 테두리와 패딩까지 합해서 최종 너비 100px 기본값은 내용이 차지하는 영역에만 사이즈가 적용되는 content-box로 생각했던 크기보다 최종 크기가 커지게 하지 않기..
개발 공부/CSS 2023. 3. 23. 21:48
[CSS 006] Box Model (margin, border, padding)

Margin 테두리(border) 바깥 쪽 여백 ✔ 상하좌우 모두 margin : 10px ; ✔ 상하, 좌우 margin : 10px 20px ; ✔ 상,우,하,좌 (위쪽부터 시계방향) margin : 10px 20px 10px 20px ; ✔ 각각 지정하기 margin-top : 10px; margin-right : 10px; margin-bottom : 10px; margin-left : 10px; 📌 margin collapsing 마진 상쇄 margin-top과 margin-bottom이 각각 10px로 지정되어있는 두 태그(블록요소)가 20px 이어야하는 둘 사이의 마진이 실제로는 10px로 표현되는 현상이다. 이를 마진 상쇄(margin collapsing) 또는 마진 겹침(margin ov..
개발 공부/CSS 2023. 3. 23. 21:47
[CSS 005] 글자를 표현하는 다양한 스타일

color 색상 변경 font-style 폰트의 스타일 - 주로 기울임꼴 표현을 위해 사용(italic, oblique) font-weight 글자의 두께(100부터 900까지) font-variant:small-caps; 주로 대소문자를 강제로 변환하는 용도로 사용 (대문자는 그대로, 소문자는 크기가 작은 대문자로) font-size 폰트 크기 지정 font-family 글꼴 변경 text-align 글자의 정렬 방향 지정 (left, right, center) font-decoration 글자에 밑줄을 그을 때 사용 (underline, overline, line-through) 💡예시 💡결과 💡예시 💡결과
개발 공부/CSS 2023. 3. 23. 21:16
이전 Prev 1 ··· 8 9 10 11 12 13 14 ··· 21 Next 다음