계발하는 개발자

JS로 요소에 개별 스타일 속성을 지정해주느라 진땀뺐던 사람들을 위한 희소식! 전체 스타일 설정을 위한 cssText 프로퍼티에 관해 다뤄볼까 합니다. cssText - 여러 css 스타일을 한번에 지정해줘야 할 때 사용되는 전체스타일 설정 프로퍼티 ※ 단, 기존 스타일에 스타일을 추가하는 게 아닌 전체를 교체해버리기 때문에 주의 필요 -> 요소를 새로 만들고 여기에 스타일을 적용할때는 기존 스타일이 없기 때문에 사용 가능! cssText 를 몰랐을 때는... ele.style.margin: "15px", ele.style.color: "red", ele.style.fontSize: "20px" ele.style.backgroundColor: "aqua" . . 등등등 개별 스타일을 일일히 지정해줘야 하..

간혹 버튼 태그에 위 같은 형태로 type을 명시한 경우를 심심찮게 볼 수가 있습니다. 그리고 비슷하게 이라고 명시한 경우도 찾아볼 수 있는데요. 버튼이면 버튼이지 왜 굳이 타입을 명시할까요? 버튼 타입은 버튼...? Q. 굳~이 button type= "button"을 명시해주는 이유? A. button의 기본 타입은 button이 아니기 때문입니다! button의 디폴트 타입값은 submit 제출이기 때문인데요. 일반적으로 브라우저는 form 작성후 엔터를 치거나 버튼을 누르는 경우 form이 제출된 것으로 인식하고 자동으로 새로고침해주는 특성이 있습니다. -> 이 때문에 브라우저가 새로고침됨에 따라 사용자가 입력한 값은 저장되지 않고 날아가 버리는데요. 사용자가 입력한 값을 브라우저에 저장해주려면 ..

xml, jsp, html의 경우 연속된 공백을 하나의 공백으로 처리하는 성질이 있습니다. 때문에 공백 특수문자를 이용하여 연속된 공백을 처리해줄 수 있습니다. 아래의 예제는 위 빨간박스 영역의 < 기호와 2023년 ~ 텍스트 사이에 띄어쓰기를 주는 방법입니다. 띄어쓰기시 사용되는 주요 특수기호 및 태그 : 1. (작게 띄어쓰기) 띄어쓰고 싶은 부분에 기호를 입력하면 작게 띄어쓰기 됩니다. 두번 작게 띄어쓰고 싶으면? 두 번 사용하면 됩니다! 2. (보통 띄어쓰기) 경우 앞선 기호와 달리 중간 정도 크기로 띄어쓰기 되는 성질이 있습니다. 작게도, 크게도 띄어쓰기할 필요없이 바로 중간 정도 크기의 띄어쓰기 스타일을 주고싶을 때 사용하면 좋습니다. normal(보통)의 약자인 n이 들어가서 ensp 입니다...

== VSCode에서 주석 색상 변경하는 방법 == 1. 왼쪽 하단 설정버튼 클릭 > 설정 2. 검색창에 "editor.token" 검색 > setting.json에서 편집 클릭 3. "comments": "#색상코드" (적용하고 싶은 색상코드번호 넣기) https://materializecss.com/color.html Materialize.css > css탭 > color 페이지 참고하여 원하는 색상 커스터마이징 4. 색상 변경됨 *이해에 도움이 됐던 강의 자료: https://youtu.be/Kz2VYBOTli0 - devebucks / [VSCode][Setting] 주석색상 및 테마 변경하는 방법