나보단 잘하자

- 웹 파비콘 설정 방법을 알았다. 원하는 이미지를 파비콘으로 변환해주는 사이트를 찾으면 쉽게 가능하다. -aws 접속: :git bash를 켜서 아래 처럼 적는다 ssh -i 받은 키페어 파일 드래그 ubuntu@aws에 써있는 ip주소

아이폰 유저로서 사파리로 웹앱의 상태를 확인 한 적 있었다. 내가 디자인한 버튼이 아닌 전혀 촌스러운 입체적 모양으로 바뀌어 있었다. 이런 경우, 아래와 같은 방법을 이용하면 해결된다. .controlInWeb { -moz-border-radius: 2em;/* 파이어폭스 */ -ms-border-radius: 2em;/* IE */ -o-border-radius: 2em;/* 오페라 */ -webkit-border-radius: 2em;/* 사파리, 크롬 */ } 출처: https://stackoverflow.com/questions/18083056/what-are-moz-and-webkit

- 드디어 첫 프로젝트의 큼직한 서비스들은 원하는 기록 삭제를 끝으로 다 구현 했다. 이젠 css를 좀 예쁘게 만들고 도메인이랑 연결해서 모바일에서 어떻게 보이는지 자세히 검토해야겠다. - 브라우저별로 css가 원하지 않는 대로 렌더링 되는 경우가 있다. 때문에, 이를 막기 위한 css 코드는 아래의 것을 이용하면 된다. .whatsup { -moz-border-radius: 2em;/* 파이어폭스 */ -ms-border-radius: 2em;/* IE */ -o-border-radius: 2em;/* 오페라 */ -webkit-border-radius: 2em;/* 사파리, 크롬 */ }

가끔 버튼 클릭 시 사라지지 않는 테두리를 없애고 싶다. 이를 없애기 위해서는 아래와 같은 방법을 사용하자. 버튼을 클릭할 때는 :focus로 설정한다. button.firstBtn:focus{ border: none; outline:none; } 버튼에 마우스를 가져다 댈 때의 효과는 :hover를 이용한다.