본문 바로가기

HTML4

[HTML] input 태그 클릭시 자동 줌인되지 않게 하기 올해 초에 만들었던 맛집 검색기를 배포했을 때, 한 개발자분께서 피드백을 주셨었다. input 태그 누르게 되면 폰트사이즈가 작을 때 자동으로 줌인을 시키는 부분이 있는데요 이 부분이 사실 사용자성을 많이 떨어뜨려서 지양하고 있는 부분입니다 참고 부탁드려요! input 태그, 그러니까 검색창을 누르면 자동으로 화면이 확대가 되는 것이었다. font-size가 16이하면 자동으로 확대가 된다고 한다. 피드백을 받고 나서 다시 사용해보니, 확대가 되고 나서 입력을 받은 후에도 계속해서 확대된 상태로 화면이 유지되었다. 따라서 그 때마다 화면을 다시 축소 시켜줘야 했기 때문에 불편했다. 이를 해결하는 방법은 다양하지만, 나는 그냥 폰트 사이즈와 인풋의 크기 자체를 고정시켜주었다. + 다른 방법들 https:/.. 2022. 10. 8.

[JS] Uncaught TypeError: Cannot read property 'addEventListener' of null 내 코드 submit 버튼을 누르면 addEventListner가 작동하여 입력된 값들을 가지고 다음 페이지로 넘겨주어야 하는데 제대로 작동하지 않았다. 오류 내용 Uncaught TypeError: Cannot read property 'addEventListener' of null addEventListner가 null 값을 받아오고 있었다. 문제 해결 js 파일을 살펴보니 문제가 없었고, 문제는 html 파일에 있었다. html 파일과 js 파일을 연결해주는 script 코드를 html 파일의 header 태그 안에 작성하여서 페이지가 렌더링되기도 전에 작동이 되었던 것이다. 그렇기 때문에 addEventListner가 제대로 작동할 수 없었던 것이다. 그래서 script 코드를 body 밖으로 빼.. 2022. 9. 30.

[HTML & CSS] 웹사이트 글씨체 변경 (SUNN 글씨체 추천) 내 대책없는 사이트 디자인을 보고,,, 아는 언니가 추천해준 무료 폰트... http://sunn.us/suit/ S U N N sunn.us 이 사이트에 들어가면 폰트도 파일로 다운 받을 수 있지만, 스크롤 쭈욱 내려보면 개발자들이 사용할 수 있게 코드도 제공해준다. HTML 파일에서 글씨체 변경하는 방법은, 태그 내에 font-family를 아래와 같이 지정해주면 된다. 꼭 에 넣어야만 되는지는 잘 모르겠으나... 저는 그렇게 했습니다. 2022. 1. 27.

웹사이트 내에 랜덤으로 이미지 노출시키기 최근 만든 웹사이트(트위터 맛집 검색기 https://twitter-michelin-guide.netlify.app/)의 주 사용층이 아이돌 팬들이기 때문에, 초반에는 하루씩 돌려가면서 트친들이 좋아하는 아이돌 사진을 올려주었다. 그렇지만 세상은 넓고 아이돌은 많기 때문에 한번에 다 올려서 창이 새로고침 될때마다 다르게 띄워줘야겠다는 생각을 했다. (그럼 최애 찾으려고 새로고침도 많이하고 사이트 방문도 많이하고 읍읍..) 초보 개발자에게 웹사이트 개발은 구글링-복붙-고치기의 연속이 아닐까... 반박시 님들 말이 다 맞음. 내가 잘 몰라.. 암튼 그렇게 구글링을 했는데,, 이게 언어도 다양하고 (개발 언어든, 말하는 언어든,,,) 쉽게 적용하기가 어렵더라...구요... 그래서 여러 코드 참고해서, 제가 돌.. 2022. 1. 26.

이전 1 다음

티스토리툴바