구조 알아보기 : 블록 구조 / 인라인 구조/ 인라인블록 구조
블록 구조 / 인라인 구조 / 인라인블록 구조 HTMl의 요소들은 그 특성에 따라 블록 구조와 인라인 구조로 나뉘어집니다. 각 구조의 특성을 알고 적절히 사용하도록 합니다. > 블록(block) 구조 블록(block) 구조는 영역의 너비가 상위 영역의 전체 너비만큼 만들어져, 줄바꿈이 일어납니다. 블록 구조인 요소는 padding, margin 과 같은 여백 값이 적용됩니다. 기본 설정이 블록 구조인 태그는 div, p, h1~h6, ul, li, ol, table, form, section, footer 등이 있습니다. > 인라인(inline) 구조 인라인(inline) 구조는 영역의 너비가 텍스트 또는 컨텐츠의 너비만큼만 만들어져, 줄바꿈이 일어나지 않고 옆으로 나열됩니다. 인라인 구조인 요소는 pa..
2022. 8. 21.
정규식 표현 알아보기
정규식 표현 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. 패턴 설명 abc abc 문자열을 검색합니다. /abc/는 'abc' [abc] a, b, c 중 문자 하나를 검색합니다. /[abc]d/는 'ad', 'bd', 'cd' [^abc] a, b, c 를 제외한 문자 하나를 검색합니다. /[^abc]d/는 'ed', 'fd', 'gd' [A-Z] 알파벳 대문자 문자를 검색합니다. [a-z] 알파벳 소문자 문자를 검색합니다. [0-9] 0-9까지의 숫자를 검색합니다. . 하나의 문자를 검색합니다. 만약 '마침표' 문자 그대로의 의미를 사용할 경우 '\.'으로 표현해야 합니다. \w 알파벳, 숫자, _를 검색합니다. \W 알파벳, 숫자, _를 제외하고 검색합니다. \d..
2022. 8. 16.
내장 함수 알아보기
내장 함수 내장 함수는 자바스크립트에 기본적으로 내장되어 있는 함수들을 말합니다. 내장 함수에는 '인코딩,디코딩 함수', '숫자, 유/무한 값 판별 함수', '숫자, 문자 변환 함수', '자바스크립트 코드 변경 함수' 등이 있습니다. ▶ 인코딩, 디코딩 함수 자바스크립트에서의 인코딩이란, 문자를 부호화 시키는 것이며, 디코딩은 반대로 부호화 시킨 문자를 원래의 문자로 되돌리는 것입니다. 인코딩은 url주소에 쿼리 정보를 전송할 때, 유니코드 문자가 포함되어 발생하는 오류를 방지하기 위해 사용합니다. 함수명 설명 encodeURIComponent() 영문, 숫자와 ( ) - _ . * ! ' 을 제외한 문자를 인코딩합니다. dencodeURIComponent() encodeURIComponent()의 디코..
2022. 8. 13.
