ss
'분류 전체보기' 카테고리의 글 목록 (5 Page)
[HTML]블록 / 인라인 레벨 요소
01. 블록 레벨 요소(Block-level Elements) 블록 레벨 요소는 태그를 사용해 삽입했을 때, 혼자 한 줄을 차지하는 요소입니다. 자동으로 줄 바꿈이 일어나고 텍스트오 인라인 요소를 자식 요소로 포함할 수 있습니다. 블록 레벨 요소를 자식 요소로 포함할 수 있는 요소와 없는 요소가 있습니다. 01) 블록 레벨 예시 블록 레벨 요소 블록 레벨 요소 성질 줄 바꿈이 생깁니다. See the Pen 블록 by Kim-chanmi (@kim-chanmi) on CodePen. 02) 블록 레벨 태그 , , , , , , , , , 인라인 요소 인라인 요소는 한 줄로 출력됩니다. See the Pen 인라인 by Kim-chanmi (@kim-chanmi) on CodePen. 02) 인라인 레벨 ..
2022. 8. 19.
QUIZ Effect 05
퀴즈 효과05 웹디자인기능사 필기 기출문제를 이용한 객관식(여러 문제) 유형입니다. 정답 확인하기를 누르면 몇 개 맞았는지, 합격인지 불합격인지 확인할 수 있습니다. 원본 소스 보기 원본 사이트 보기 01. 문제 정보 이번에는 문제수가 많기 때문에 문제 정보를 배열 속의 객체로 저장하였습니다. 코드 보기 //문제 정보 const quizInfo = [ { answerType: "웹디자인기능사 2010년 04회", answerNum: "1", answerAsk: "색의 수축, 팽창의 효과에 가장 큰 영향을 주는 요소는?", answerChoice: { 1: "색약", 2: "명도", 3: "잔상", 4: "중량" }, answerResult: "2", answerEx: "색의 수축, 팽창의 효과에 가장 큰..
2022. 8. 18.
[javascript]concat()
concat() concat() 메서드는 둘 이상의 문자열을 결합하여, 새로운 문자열을 반환합니다. 기존 문자열은 변경하지 않고 추가된 새로운 문자열을 반환합니다. "문자열".concat(문자열); "문자열".concat(문자열, 문자열...); const str1 = "javascript"; const currentStr1 = str1.concat("reference"); const currentStr2 = str1.concat(" ", "reference"); const currentStr3 = str1.concat(", ", "reference"); const currentStr4 = str1.concat(", ", "reference", ", ", "book"); const currentStr5 ..
2022. 8. 17.
[javascript]split()
split() 문자열에서 원하는 값을 추출하여 배열로 반환합니다. "문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 갯수); const str1 = "javascript reference"; const currentStr1 = str1.split(''); //['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't', ' ', 'r', 'e', 'f', 'e', 'r', 'e', 'n', 'c', 'e'] const currentStr2 = str1.split(' '); //['javascript', 'reference'] const currentStr3 = str1.split('', 1); //['j'] const curr..
2022. 8. 17.
[javascript]메서드 join(), push(), pop()
배열 Method[join(), push(), pop()] 배열은 다양한 메서드를 제공합니다. 오늘은 join(), push(), pop()메서드에 대해 알아보겠습니다. 1. join() Method join() Method 통해 배열의 모든 요소를 결합해 하나의 문자열로 만들 수 있습니다. 번호 기본값 메서드 리턴값 * script const arrNum = [100, 200, 300, 400, 500]; const text1 = arrNum.join(''); const text2 = arrNum.join(' '); const text3 = arrNum.join('*'); const text4 = arrNum.join('-'); 2. push() Method push() Method는 배열의 끝에 하나..
2022. 8. 11.
[CSS]벡터방식과 비트맵방식
01. 비트맵(Bitmap)이란? 비트맵은 웹 상에서 가장 많이 접하는 이미지 포맷입니다. JPG, PNG, GIF 모두 비트맵 확장자입니다. 비트맵은 이미지의 각 점들을 픽셀 단위로 나타낸 형태이며, 사각 픽셀이 모여있기 때문에, 확대 시 '계단현상' 또는 '깨짐현상'이 발생합니다. 비트맵 방식의 이미지 표현은 컴퓨터에게 부담을 덜 주는 구조를 갖고 있기 때문에, 웹에서의 이미지 표시, 사실 표현, 특수효과, 합성, 보정 작업 등에 주로 사용됩니다. 또한, 픽셀 하나당 모두 색상 설정이 되어 있어, 사이즈가 커질수록 용량 또한 무거워집니다. [BMP, JPG, GIF, PNG, webp의 특징] BMP : 픽셀 데이터를 압축하지 않고 그대로 저장합니다. 구조가 간단한 반면, 파일 용량은 커지는 단점이 ..
2022. 8. 9.
