Computer/Programming4 [JS-Basic] HTML 요소들(HTML Elements) HTML 요소들(HTML Elements) JavaScript로 작성된 HTML 스크립트를 들여다보면 div/span/svg/circle와 같은 문구를 발견하게 된다. HTML 요소들(HTML elements)이다. HTML tag라고도 불리는 듯하다. 아래는 자주 쓰이는 요소들이다. *참고: https://www.w3schools.com/tags 1.1. div -HTML 문서의 구획 혹은 섹션을 나눈다. -HTML 요소들을 담는 컨테이너로 역할한다. HTML 요소들은 CSS로 쉽게 스타일 설정이 가능하며, JavaScript로 조작이 가능하다. -class/id 등의 속성을 이용해서 스타일 설정이 가능하다. -어떠한 컨텐츠도 div 태그에 포함될 수 있다. *예시: https://www.w3schoo.. 2022. 10. 19. [VS Code-Ext] HTML 파일 미리보기 코딩하면서 자주 output을 확인을 해보고 점증적으로 학습을 해나가고 싶다. 검색을 해보니 Open in Browser이라는 extension을 VS Code에 설치해야 한다고 한다. 방법은 단순하다. 좌측 메뉴에 사각형 4개가 그려진 extension을 클릭하고 Open in Browser를 검색하면 된다. 그 다음에 설치하면 코딩창에서 커서를 대고서 우클릭시에 Open in Browser가 나타난다. 파란색으로 강조된 메뉴를 클릭하면 별도의 창이 뜬다. 그런데 나한텐 안 뜬다. 왜 그럴까? HTML을 파일로 PC에 저장하니까 뜬다. 2022. 10. 5. [Term] hex color code? 색상값. 영문 알파벳과 숫자로 이루어져있다. 2022. 10. 5. [JS-Unit Test] Loading Screen: 원형 진행 바 만들기 원형 진행 바(Circular progress bar animation). Loading screen의 일종이라고 한다. 1. 코딩할 언어를 선택한다. 이 경우에는 HTML을 처음 선택한다. 그래야 웹페이지의 뼈대를 만드니까. 이렇게 빈 HTML 페이지가 생성되었다. 이제는 예제에 맞게 코드를 입력한다. Q1. div/span/svg/circle의 역할은? https://gillbates.tistory.com/430 Q2. div/span에서 class의 역할은? Q3. circle에서 fill의 역할은? 2022. 10. 5. 이전 1 다음
