질문과 피드백은 언제나 환영!

댓글로 남겨주세요:)

input 2

[CSS] :focus 사용시 주의할 점! / border / outline / 차이

프로젝트를 하던 중 input 태그에 위와 같은 스타일을 적용하고 focus 되었을 때 border의 색을 바꿔주고 싶어 focus 가상 클래스에 아래와 같이 border를 바꾸어 주었다. 그런데 이렇게 적용이 안되고 까만색으로 표시된다. 문제를 찾기 위해 개발자도구를 켰지만.. 개발자 도구 상으로는 잘 적용됐다고 나온다..!!ㅋㅋㅋ 저번에는 배경 색을 변화시킬 때 background-color 대신 background를 사용했더니 잘 적용된 기억이 있어서 혹시 border 대신 사용되는 속성이 있는지 찾아보았다. 구글링 해보니 outline이라는 속성을 찾을 수 있었다. 따라서 border 대신 outline을 사용해서 구현해 보았다. 구현은 잘 되는데 과연 border과 outline을 바꿔서 사용해..

[HTML] form 태그는 언제 쓸까?

코드 리뷰를 받다가 html login form에는 form 태그를 사용해야한다는 리뷰를 받았다. 평소에 로그인 폼을 백엔드와 통신하도록 제대로 구현해 본 적이 없어 간과하고 있었다 ㅠㅠ form 태그를 언제 써야하는지 조사해보자. 전통적인 서버사이드 웹에서는 GET 이외의 메소드 요청을 보내기 위한 필수적인 태그였다고 한다. 실제 mdn을 참고해봐도 form태그는 폼 생성시 필수적으로 사용해야한다고 설명하고 있다. 따라서 HTML을 이용해 페이지를 구성했다면 폼(제출) 요소에는 꼭 form 태그를 사용하는 것이 좋을 것 같다. form 태그에 지정할 수 있는 많은 속성들이 있지만 기본적으로 action, method 는 지정해 주는 것이 좋다. action = "폼 데이터를 처리할 백엔드의 url" 즉..