본문 바로가기

전체 글

 (449)
Android Chrome) 스크롤 가속 -> top 버튼 동작 이슈(Scrolling with Momentum) 상황: Aos 모바일웹에서 스크롤 내리는 중에 Top 버튼 클릭시 버튼 이벤트 발생이 안되고 스크롤만 멈추는 현상(사실 스크롤 중에 터치로 멈추는 게 더 자연스럽다. 하지만 특정 영역은 원하는 이벤트를 발생시켜야함) 파악한 원인으로는 다음과 같다.원인1) 브라우저 내에서 상호작용을 막기 떄문에 스크롤 중에는 멈추는 것으로 처리함.원인2) top 버튼이 부모보다 위에 있지 않을 경우 작동 안됨본인의 경우에는 top 버튼이 제일 위에 position:fixed 되어 제일 높은 z-index 값을 주어 상단에 올라와있었다. top버튼에 touchend 이벤트를 주어 해결함.
atmega128 - interrupt 사용하여 택트버튼으로 LED 켜기 #13 3가지 셋팅을 해줘야 인터럽트를 사용할 수 있다. 인터럽트 셋팅 1) sreg 상태 레지스터의 인터럽트 비트 켜기비트76543210기능ITHSVNZC 인터럽트 비트는 7이다. SREG |= 0x80 을 해줘야한다.인터럽트 셋팅 2) EIMSK 레지스터에 사용할 인터럽트 비트 활성화비트76543210기능INT7INT6INT5INT4INT3INT2INT1INT0 내가 사용할 인터럽트는 INT4, INT5이므로 EIMSK = 0x30; 으로 셋팅해줘야한다.인터럽트 셋팅 3) 트리거 조건 설정트리거 조건 설정하는 레지스터는 두가지다.EICRA, EICRB EICRA는 INT0~INT3 담당EICRB는 INT4~INT7 담당 INT4, INT5를 사용하기 때문에 EICRB를 세팅해줘야한다.추가로 눌렀다 뗐을 때냐..
atmega128 - 4자리 FND 1,2,3,4 순서대로 노출하기 #12 FND 4자리1,2,3,4 순서대로 노출하는 것을 만들어 봤다. 각 자리에 GND를 입력해야 하는데 각 포트에서 출력 값으로 컨트롤 하기 위해 NPN 트랜지스터를 사용했다. 트랜지스터를 수도로 비유하자면NPN은 base를 밸브라고 본다. Collector에서 들어온 물이 Emitier로 나가는데그 중간 역할이 base다. 반대로 PNP는 base를 수도마개라고 본다. 십의자리와 일의자리의 g, f, b가 출력이 잘 안된다. 사진 찍기 전 까지는 잘 되었는데찍으려고 보니 출력이 안됨..ㅎㅎ; 새로 하나 주문해야겠다.
ubuntu - ssh key 생성하기 ed25519, RSA, ECDSA 세가지가 있다. 만드는 방법은 셋 다 거의 동일함 1. 키 생성하기 ED25519ssh-keygen -t ed25519 -C "이메일" [RSA]ssh-keygen -t rsa -b 4096 -C "이메일" 2. pub 키 전달 서버에 pub키를 전달하여 로그인하면 된다. ex) id_rsa.pubssh -i 파일키경로 root@domain.com [생성된 경로]mac-> ~/.ssh/리눅스-> /root/.ssh/Windows -> C:\Users\Administrator\.ssh
kaliLinux - wifi adapter 스캔 대상 5Ghz포함으로 변경 iwconfig Frequency가 2.x Ghz로 되어 있는 경우라우터 2.4Ghz 대역만 감지할 수 있다. 5Ghz까지 탐지하기 위해서는 주파수 변경해야된다. 지원되는 기기가 아닐 수도 있으니 확인이 필요iw list 아래와 같이 5ghz대 있으면 가능 sudo iw dev wlan0 set freq 5180 iwconfig 확인시 5Ghz로 바뀐 것을 볼 수 있다
캐릭터메신저구현기 부드러운 무빙 - requestAnimationFrame 캐릭터 이동시 방향키로 이동을 하는데 누르고 있을 경우에도 무빙을 원했다.  keyDown, keyUp을 이용해움직임 유지를 결정하고 painting이 다시 일어날 때마다 특정함수(캐릭터의움직임)을 계속해주는 requestAnimationFramesetInerval 같은 녀석을 사용해본다. 1. 구현...생략class Person { ...생략 move(key) { this.key = key; if (!this.key) cancelAnimationFrame(move); switch (key) { case 'ArrowUp' : this.setTop(-10); this.target.style.top = this.getTop(); break; ..
Javascript로 캐릭터 메신저 구현기(모아보기) html, js, css로 제작중인 캐릭터가 있는 메신저 구현을 하며 알게 된 내용들을 정리 캐릭터 선택 후 방을 이동하며 메신저가 가능한 프로그램이다.  회사 동기들과 우리만의 메신저로 사용하기 위해 만들기 시작함   https://tomhoon.tistory.com/789 캐릭터메신저구현기 - getBoundingClientRect, offsetTop(Left), clientWidth(Height)캐릭터 이동을 할 때 필요했던 값은캐릭터의 위치를 계산해1. 첫위치 값2. 제한된 구역을 더이상 이동 못하게 할 기준값두 가지가 필요했다. 1. clientWidth  clientWidth와 clientHeight 값은 배경이 되tomhoon.tistory.com
캐릭터메신저구현기 - getBoundingClientRect, offsetTop(Left), clientWidth(Height) 캐릭터 이동을 할 때 필요했던 값은캐릭터의 위치를 계산해1. 첫위치 값2. 제한된 구역을 더이상 이동 못하게 할 기준값두 가지가 필요했다. 1. clientWidth  clientWidth와 clientHeight 값은 배경이 되는 크기가 어느 정도인지 확인이 가능하다.  배경이 되는 값을 먼저 계산한 뒤캐릭터 크기를 빼면 캐릭터가 갈 수 있는 거리를 알 수 있다. 예를 들면 다음과 같다. 캐릭터는 80 x 80높이는 300이다  캐릭터가 최대로 갈 수 있는 높이 거리는300 - 80 = 220이다.  position: absolute로 하는 경우부모는 relative로 잡았을 때top:0, left:0의 좌표는 좌상단이다.  따라서 위로 갈 수 있는 최대값은 top: 0 아래로 갈 수 있는 최대 값은t..

티스토리툴바