분류 전체보기

    07_CSS_전환&변환(transition,perspective)

    이번에는 전환,변환에 대해 알아보겠다. Transitions CSS속성의 전환효과를 설정 >>CSS속성의 시작과 끝을 지정(전환 효과)하여 중간값을 애니메이션 transition-property : 전환효과를 사용할 속성 이름 //all transition-duration :전환효과의 지속시간 설정 //0s transition-timing-function : 타이밍 함수 지정 //ease transition-delay : 전환효과의 대기시간 설정 //0s // 뒤는 기본값 설정이다. >> 기본값이 all이기에 trasition 1s;

    01_디지털 필터설계(C++)

    C++을 이용하여 LPF를 설계하는 과정을 했던 프로젝트이다. 예전에 했던프로젝트라 부족한면도 많긴 하지만, 코딩하면서 꽤 재미를 느끼게 된 프로젝트이고, 코딩과 신호처리를 한번에 아우를 수 있어서 뜻깊었던 프로젝트였던 것 같다. 살면서 처음해본 프로젝트이기도 하다. 언어는 C++를 사용했고, mfc나 기타 헤더파일없이 직접 한땀한땀 쳐가면서 해본 프로젝트라서 나름 감명깊은 프로젝트였다. 적분기호들로 나타내져있는 수식들을 디지털로 나열하고, 배열의 공간 개념등이 어느정도 적용되어 있어야 하며, Foruier Transform 및 기타 신호처리 지식이 어느정도 있으면 디지털에서의 신호필터설계가 어떻게 되는지 이해하기 굉장히 편할 것이라고 생각한다. 우선 LPF란 무엇인지 아는것이 필요하다. LPF란 Low..

    06_CSS_background

    오늘은 CSS속성 중 background 속성에 대해 공부했다. background 요소의 배경을 설정하는 속성으로 아래와 같은 설정을 가진다. background-color : 배경색상 background-image : 하나 이상의 배경 이미지 background-repeat : 배경이미지의 반복 background-position : 배경이미지의 위치 background-attachment : 배경이미지의 스크롤 여부 background : 색상 이미지경로 반복 위치 스크롤특성; 위와 같은 방식으로 적혀지게 되고, 누락하여 설정해도 괜찮은것이 특징 background color 요소의 배경 색상을 지정 transparent : 투명 이 기본값으로 부여되어 있다. background-image 요소의 ..

    05_CSS_float,position

    float 요소를 좌우 방향으로 띄움(수평 정렬) flex-box라는 대체 개념이 생겨서 많이 퇴색되었다. none : 요소 띄움 없음 left : 왼쪽으로 띄움 right : 오른쪽으로 띄움 float : 방향 >>float을 사용하면 꼭 해제를 사용해야한다. >>해제를 안하면 요소들이 곂치는 현상이 일어난다. clear : both 위 요소를 적용해도 실제위치는 원지점과 같고, 홀로그램처럼 보이는것만 다르게 보여지는 것이다. abolute 쓰면 붕 떠지는 듯한 느낌 위치상 부모는 html상 부모가 아닌, position = ~~ 으로 설정된 부분의 부모요소를 의미한다. >>습관적으로 부모요소에 position이 있는걸 확인하고 없으면 습관적으로 relative를 사용할 것 fixed 고정된다 (쇼핑몰..

    04_CSS_글꼴,문자

    오늘은 CSS설정중 글꼴, 문자에 대해 공부하였다. font font-style : 글자 기울기 지정 font-weight :글자 두께 지정 font - size : 글자 크기 지정 line-height : 줄높이(줄간격) 지정 font-family : 글꼴 지정 font : 기울기 두께 크기 / 줄높이 글꼴; >> /(슬래시) 가 들어가는 부분이 있다. 이유 ? 크기와 줄높이 모두 px값으로 설정이 가능하기에 헷갈림을 방지하기 위함 >> font-size와 font-family는 필수로 입력해야 사용이 가능하다. font-style nomal : 스타일 없음 italic : 이텔릭체 oblique : 기울어진 글자 font-weight normal : 두께(400) bold : 두껍게 (700) bol..

    02_드론만들기_프레임

    사실 이글을 적은 시점에서는 이미 만들어둔 드론이 있다. 드론을 라즈베리 파이와 연결해서 이러쿵 저러쿵 많은 짓들을 해볼텐데, 그 글들을 자세히 적기 전에 드론을 만든 과정을 간단히 적어볼까 한다. 위와같은 자작드론을 어떻게 만들게 되었는가.. 에대해 서술해보려한다!! 우선, 드론을 만들 당시에 교내에서 진행하는 공모전을 준비하게 되었고 드론에대해서도, 다른것에 대해서도 아직 잘 몰랐지만 '우린 드론을 만들꺼야!'라는 목표하나를 가지고 준비해보자 해서 진행하게 되었다. 드론을 직접만들고, 라즈베리파이와 연동하여 무언가를 한다는 것 자체가 멋있어 보였던 것 같다. 학교에서는 40만원을 준비해줬고, 우리는 연습용으로 아주작은 연습용 드론을 구매했다. 원래 처음 드론을 만들 당시에는, 거리감지 센서를 달아서 ..