본문 바로가기

site2

[Search] 검색 유형 사이트 만들기02 includes()를 통해 검색 사이트 제작하기 이번 시간에는 문자열 메서드 중 하나인 includes() 메서드를 통해 검색 사이트를 제작해보겠습니다! 먼저 includes() 메서드에 대해 짧게 알아보고 사이트 실습에 들어가보겠습니다! #1. includes() includes() 메서드는 대소문자를 구분하며 문자열 내에서 검색할 문자의 포함 여부에 따라 불린(true, false)을 반환합니다. ✏️예제 코드 const str1 = "javascript reference"; const currentStr1 = str1.includes("javascript"); // true const currentStr2= str1.includes("j"); // true const currentStr3= str1.. 2022. 8. 17.

웹사이트 - 카드 유형01 CardType01 웹페이지 실습을 위한 카드타입 페이지 기초 실습하기! 피그마를 통해 원하는 카드 유형을 디자인 합니다. 디자인을 할 땐 만들고자 하는 페이지의 성격을 잘 파악하여 그리드를 만들어주는 것이 중요합니다. 그리드 작업이 완벽해야 후에 코딩을 하는 데 있어서도 오류 및 오차가 생기지 않아 불편해지지 않습니다! 디자인한 웹 페이지 시안을 보며 페이지 구조를 파악한 후 웹 표준성과 접근성에 맞는시멘틱한 마크업을 해줍니다. 구조 파악하기 1. 카드 레이아웃은 보통 웹 메인 페이지의 섹션 부분에 위치한다. 때문에 시멘틱 태그인 요소는 부모와 자식의 관계를 나타낸다. 마찬가지로 요소 + 요소는 형제 관계를 나타낸다.*/.. 2022. 8. 10.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바