나보단 잘하자

아이폰 유저로서 사파리로 웹앱의 상태를 확인 한 적 있었다. 내가 디자인한 버튼이 아닌 전혀 촌스러운 입체적 모양으로 바뀌어 있었다. 이런 경우, 아래와 같은 방법을 이용하면 해결된다. .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

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

werkzeug.exceptions.BadRequestKeyError: 400 Bad Request: The browser (or proxy) sent a request that this server could not understand. KeyError: 'music_title' 라는 에러가 뜨길래 혹시 서버와 프론트쪽의 키값이 잘못 연결됐는지 한참을 읽어보고 구글링했다. 난 제대로 적었고, 아래와 같이 적는걸 추천한다는 글을 보았다. ##원래의 코드 @app.route('/checkrecord/delete', methods=['POST']) def delete_record(): title_receive = request.form['music_title']##이 줄 return jsonify({'res..

버튼을 누르면 갑자기 화면 맨 위로 올라가버리는 현상은 아래와 같이 해결하면 된다. $('a.feellink').click(function(e) { e.preventDefault(); }); 이는 기본으로 적용되는 기능을 못하게 만드는 함수다. 기본적으로 a태그를 누르면 화면 최상단으로 가는 함수가 있는 듯 함.