CSS (2) 썸네일형 리스트형 [JS] JavaScript 프로젝트에서 스타일 설정 방법 3가지 코드 예시 1. 인라인 스타일 app.style.background = '#000'; app.style.setProperty('background', '#f00'); cssText는 기존에 설정된 inline이 날아감 app.style.cssText = ` background: #fff; max-width: 500px; width: 100%; margin: 100px auto; padding: 20px; border-radius: 6px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); `; app.style.removeProperty('box-shadow'); 2. 스타일 시트 document.styleSheets[0].insertRule(` #app { background: #f.. [FE] 짚고 넘어갈 기본 내용 프론트엔드 개발자로서 프레임워크와 라이브러리를 사용하기 위해서는 HTML & CSS & Javascript의 동작 원리를 잘 알아야 한다. 경력이 좀 있다 보니 아주 기초는 빼고 그 중 놓치고 있던 부분 + 중심 개념을 적어두고 싶었다. HTML * HTML(Hypertext Markup Language,하이퍼텍스트 마크업 언어) 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어 HTML은 elements로 구성, 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분들을 감싸고 마크업 * 태그 HTML의 tags 는 문서의 내용을 구조화, 의미 부여 검색 엔진이 문서의 내용을 이해하고 적절히 처리하는 데 중요한 역할 태그 브라우저에 표시 되지 않음.. 이전 1 다음