분류 전체보기
07_내장요소
내장요소로 iframe, canvas, script를 배웠다. iframe은 다른 html을 불러오는거, canvas 는 js를 이용하여 그림을 그릴 수있는공간이고 script는 말 그대로 스크립트들을 가지고 올 수있는 것이다. 더보기 iframe 다른 HTML가져오기 name 프레임의 이름 src 포함할 문서의 URL URL width 프레임의 가로 너비 height 프레임의 세로 너비 allowfullscreen 전체 화면 모드 사용 여부 불린(Boolean) frameborder 프레임 테두리 사용 여부 0, 1 1 sandbox 보안을 위한 읽기 전용으로 삽입 불린(Boolean) or allow-form: 양식 제출 가능, allow-scripts: 스크립트 실행 가능 , allow-same-o..
06_멀티미디어(img,audio,video)
이번에는 HTML을 이용하여 사진,소리, 비디오를 넣는법을 알아보겠다. 저번에 공부한 내용에서 이미지는 인라인형식이고 기초적으로 넣는것은 배웠는데 이미지파일들을 사이즈에 맞게 분류해두고, 출력되는 화면에 따라 다르게 출력되는 것도 확인할 수 있었다. 하지만 수행결과가 위처럼 나온다고 생각하면 안된다. width를 설정해두었기 때문이다. 개발자 옵션을 통해 브라우저 창을 통해 조절하면, width가 고정되어 사진의 크기는 400으로 고정되나, 이미지는 small medium large 으로 계속 바뀌게 되는 것을 알 수 있다. 더보기 src (필수)이미지 URL URL alt (필수)이미지의 대체텍스트 width 이미지의 가로 너비 height 이미지의 세로 너비 srcset 브라우저에게 제시할 이미지 U..
05_HTML 인라인 요소
오늘은 HTML 여러 인라인 요소에 대해 공부했다. 우선 태그부터 살펴보자. 더보기 이멜주소,우편 등 다른 URL로 연결할 수 있는 하이퍼링크 download 리소스를 다운로드하는 용도로 사용됨을 의미 href ( 하이퍼 텍스트 레퍼런스) hreflang 링크 URL페이지 언어 rel 현재 문서와 링크 URL의 관계 target 링크 URL의 표시 (브라우저탭) 위치 : _self, _blank 다음과 같은 성질을 가지고 있다. Google_blank Google_self README.md Image download 목차 제목1 제목2 Using HTML is fun and easy 제목1 제목2 제목3 a{ } .box { font-weight : bold; width : 100px; line-heig..
03_ MCP23008
더보기 MCP23008의 회로를 수정하여 상위 4비트에 LED 4개를 연결하여 다음 프로그램을 ㅈ가성하시오 GP0의 스위치가 눌리면 4개 LED를 좌로 시프트 GP1의 스위치가 눌리면 4개 LED를 우로 시프트 GP2의 스위치가 눌리면 2개 LED를 교대로 점멸 GP3의 스위치가 눌리면 4개 점멸 위가 해결해야하는 문제고, 첫번째 문제는 7segment를 사용하여 다음과 같이 만드는 예제였다. 우선 위 예제코드는 다음과 같았다. /* * twi_scp23008.c * * Created: 2021-10-29 오전 10:29:42 * Author: 정민규 */ #define _USE_SAFTY_TWI_ #include #include #include "TWI.h" #define MCP23008ADDR (un..
02_ TWI_SRF02의 이용
더보기 SRF02를 사용하여 거리를 측정하는 프로그램을 작성하시오. SRF02를 사용하여 거리를 측정하는 프로그램을 작성하시오. 위 문제는 초음파센서를 사용해보는 예제였는데 원래 항상 아두이노에 사용되던 간단한 센서를 사용했는데 이 아이는 자체 주소값들도 가지고 있고 TWI통신도 이용해야해서 생각보다 되게 까다로웠다. #define _USE_SAFTY_TWI_ //에러체크 모드를 사용했기에 필요하다 #include #include #include "twi.h" #include "lcd.h" #define COM_REG 0 #define SRF02_1st_Seq_change 160 #define SRF02_2nd_Seq_change 170 #define SRF02_3rd_Seq_change 165 #def..
01_TWI
이 게시물은 내가 배운순서대로 올라가진 않을것 같다... 오히려 뒷내용으로 가면 갈수록 쉬워질수도 있는 게시물 사실 ATmega 128에 대해 통신부터 적으보자 나중에 까먹으면 볼수 있도록 또한 이게시물도 문제랑 그에대한 코드 위주로 나갈 것 같다. 더보기 11장의 SPI Master/Slave 응용문제 (1)의 과정을 수행하는 프로그램을 작성 하시오. 마스터 부 : 키의 입력 상태에 따라 다음의 과정을 수행하는 프로그램을 작성함. 1. PD0가 눌릴 때마다 문자 A를 일정 시간 간격으로 전송하는 프로그램 작성. 2. PD1이 눌리면, 문자 A-Z까지 일정 시간 간격으로 전송하는 프로그램 작성. 3. PD2가 눌리면, 정의된 문자열을 전송하는 프로그램 작성. (이상의 전송 가정은 polling 방식으로 ..