본문 바로가기

JavaScript13

프론트엔드 - 4. HTML 기본문법 1. 기본 문법 Hello HTML~ 내용 ->이 세트 하나를 요소라고 부름 2. 부모, 자식 시작과 종료 태그 사이에는 새로운 요소를 작성할 수 있음 내용 바깥에 있는게 부모 요소, 안에 있는게 자식요소 -부모요소 안의 자식요소는 들여쓰기를 함 -들여쓰기 tab -내어쓰기 shift+tab 내용 -:부모요소 -:상위(조상)요소 부모요소 상위에 있는 모든 것들을 다 상위 요소라고 부름 -하위(후손)요소 어떤 요소의 하위에 있는 모든 것들을 다 하위요소라고 부름 3. 빈 태그 닫는 태그가 없는 태그를 빈 태그라고 함 작성방법 - HTML 1/2/3/4/5 작성하기 편리하지만 빈태그라는 것을 명확하게 인식하지 못하면 헷갈릴 수 있음 - XHTML(엄격한 HTML, HTML 4와 5 사이)/HTML5 태그 종.. 2022. 4. 26.
[자바스크립트] Swiper slidesPerView 오류 해결하기 자바스크립트에서 Swiper 라이브러리를 사용할 때, slidesPerView가 적용되지 않는 오류가 있었다. slidesPerView는 한번에 몇개의 요소까지 화면에 표시할 것인지를 설정하는 속성인데, 이 속성을 무시하고 전체 화면에 slide 될 요소들이 모두 표시되었다. new Swiper('.promotion .swiper-container', { slidesPerView: 3, spaceBetween: 10, centeredSlides: true, loop: true, autoplay: { delay: 5000 }, pagination: { el: '.promotion .swiper-pagination', clickable: true }, navigation: { prevEl: '.promoti.. 2022. 4. 25.
프론트엔드 - 3. VS Code 무작정 시작하기 1. 폴더 만들기 소문자, 영어로 제목 2. 폴더 열기 폴더 열기 파일추가(index.html) 3. html 기본 구조 !+enter 태그 시작과 끝: 꼭 큰따옴표"" 써야함!***** 문서(하나의 페이지)의 HTML 버전을 지정 웹브라우저가 html을 몇버전의 해석방식으로 페이지를 이해하면 되는지를 알려주는 용도 웹표준은 가장 최신인 html5 XHTML로 구성된 페이지 html 문서의 전체 범위 브라우저가 읽을 수 있는 정해진 규칙에 맞게 설정해 주는 것 문서의 정보를 나타내는 범위 보이지 않는 정보 웹브라우저가 해석해야 할 정보들 웹페이지의 제목, 설명, 사용할 파일 위치, 스타일CSS같은 웹페이지의 보이지 않는 정보를 나타내는 부분 문서의 구조를 나타내는 범위 보이는 구조 사용자 화면을 통해 보.. 2022. 4. 24.
프론트엔드 - 2. VS Code 튜토리얼 1. Visual Studio Code 열때 폴더 단위로 열고, 파일단위로 열지 않기 프로젝트 단위 = 폴더(디렉토리)단위 2.파일 생성과 삭제 왼쪽에 종이 추가 버튼 누른 후 index.html ! 입력 후 탭 또는 엔터 누르면 기본 HTML 구조가 나옴 마찬가지로 main.css 만들 수 있음 파일 지우기: 우클릭 delete 또는 백스페이스 3. 확장팩 다운 : 맨 왼쪽 블록 조각 아이콘 Korean Language Pack 4. 정돈된 코드 만들기 div+enter: div와 관련된 태그가 자동으로 만들어짐 가운데 Hello world! 코드를 깔끔하게 쓰지 않으면 코드를 읽고 해석하기 어려움 (1)가독성을 위해 해줄 수 있는 것들 -쓸때 깔끔하게 쓰기 -지저분해진 코드를 한번에 정리하는 확장 기.. 2022. 4. 22.

티스토리툴바