profile
영차영차 !! 오늘도 화이팅 !!
post-thumbnail

javascript 문자열 분리 / 정렬하기

substr() str.substr(시작인덱스) str.substr(시작인덱스, 자를 개수) slice() str.slice(시작위치) str.slice(시작위치, 종료위치) !! 주의 - 종료 위치는 자르고 싶은 위치 + 1 해서 입력해야 함 Sort() 유니코드의 오름차순을 따르다보니 치명적인 오류가 있다! ...

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

HTML : 시멘틱 웹과 시멘틱 태그

Q. 이미지를 넣는 방법 중 img 태그를 사용하는 것과 div 태그에 속성을 추가하는 것은 무슨 차이가 있을까요? 이 질문에 답하기 위해서는 시멘틱 웹과 시멘틱 태그에 대한 이해가 필요하다고 한다. 한 번 알아보자!! 시멘틱(Semantic)? > '의미의', '의미론적인' 이라는 뜻을 가지고 있다. 그렇다면 시멘틱 웹과 시멘틱 태그는 의미가 있는 ...

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

CSS : 개요

정의 Cascading Style Sheets : 스타일 시트 언어, 웹 페이지에 어떻게 표시될지 글꼴과 색상, 크기 등을 지정하는 역할을 한다. 적용방법 인라인 스타일 태그에 직접 style 속성을 주는 방법 CSS style 태그 html 내 `` 부분에 작성 CSS 파일에 작성 실무에서 사용하는 방법-유지보수가 쉽다. link 태그로 html 파일과...

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

HTML : 태그와 속성

h1~h6 태그 제목 텍스트를 보여줄 때 사용하는 태그 h1 은 한 번만 사용해야 하며, h1->h2 와 같이 순차적으로 사용해야 한다. a 태그 하이퍼링크로 이동할 수 있는 태그 속성 기본값은 현재 페이지에서 바로 이동되는 페이지로 넘어가는 것 target 속성 : _blank 이동되는 사이트를 새창으로 띄어줌 p 태그와 span 태그 ...

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

HTML : 개요

정의 브라우저가 웹 페이지를 표시할 수 있도록 구조를 잡아주는 마크업 언어(markup language) 구조 VS Code 에서 html을 만들고 '!'를 누르면 다음과 같은 구조가 자동으로 완성된다. `` 어떤 버전의 HTML 으로 작성됐는지 웹 브라우저에 알려주는 역할 현재는 HTML5이 웹 표준이다. HTML 문서 내용이 같아도 브라우저 환경...

2022년 11월 15일
·
0개의 댓글
·