본문 바로가기
반응형

분류 전체보기

 (127)
[css] text-shadow 그림자 text-shadow: 3px 4px 5px #666666; -3px : 오른쪽 그림자 길이 -4px : 아래쪽 그림자 길이 -5px : 흐린 정도 -#666666 : 그림자 색상
[html] 테이블 (table, tr, th, td) : 테이블의 행을 나타낸다 : 열의 제목을 만드는데 사용 : 각각의 셀 표시
[html] head 태그, meta 태그, charset meta 태그 : 메타 데이터를 다룬다. '데이터에 대한 데이터', '어떤 목적으로 만들어진 데이터'를 의미. 주로 기계가 읽고 이해하는 정보 -charset : 문서의 인코딩 방식. 인코딩 방식을 지정하지 않으면 문자 깨짐 현상 발생
[html] DOCTYPE 은 문서의 타입을 지정한다. DOCTYPE을 html로 지정하면 HTML5로 작성된 문서라고 나타낸다. DOCTYPE을 명시하지 않아도 HTML5로 인식하지만 IE9 이전 버전의 브라우저는 다른 형태의 문서로 인식한다. 일괄된 것을 위해서 DOCTYPE을 입력하는게 좋다
[html] link 태그로 css적용 를 추가한다
[Vue] 이 시스템에서 스크립트를 실행할 수 없으므로 오류 1. 해당 에러가 뜬다면 2. 윈도우 검색에서 Window PowerShell 에서 관리자 권한으로 실행 3. get-ExecutionPolicy 입력시 Restricted 이면 4. Set-ExecutionPolicy RemotedSigned 입력 후 y 입력 5. get-ExecutionPolicy 입력시 RemoteSigned 되면 된다.
[Vue] 설치 설정 (mac.ver) 1. node.js 설치 vue cli는 뷰를 빠르게 실행 해주는 툴 2. 터미널에 설치 npm install -g @vue/cli 2-1. 에러 뜰 시, 관리자 권한으로 설치 sudo npm install -g @vue/cli 2-2. 버전 확인 vue --version 3. 프로젝트 생성 vue create ex) vue create new-cli-project 4. Manually select features 선택 5. 스페이스 누르고 enter 누르면 다음으로 이동 Babel, Router, Vuex 스페이스로 선택 6. yes 6. In package.json 선택 7. 위에 선택한 환경을 저장해둘래? 라는 의미 n 선택 8. 해당 프로젝트로 진입 cd new-cli-project 9. 터미널에..
[css] justify-content, align-items, flex-direction, order, align-self, flex-wrap, align-content justify-content 속성은 다음의 값들을 인자로 받아 요소들을 가로선 상에서 정렬 flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. align-items 속성은 다음의 값들을 인자로 받아 요소들을 세로선 상에서 정렬 flex-start: 요소들을 컨테이너의 꼭대기로 정렬합니다. flex-end: 요소들을 컨테이너의 바닥으로 정렬합니다. center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다. baseline: 요소들을 컨테이너의 시작..
[Javascript] filter filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.length > 6); console.log(result); // ["exuberant", "destruction", "present"]
[Javascript] splice - 1번째 index에서(영희) 1개 제거 let nameAry = ['철수', '영희', '이언']; nameAry.splice(1, 1); console.log(nameAry); //['철수', '이언'] - 아무 것도 제거하지 않고 1번째 index에 민지, 초롱 추가 let nameAry = ['철수', '영희', '이언']; nameAry.splice(1, 0, '민지', '초롱'); console.log(nameAry); // ['철수', '민지', '초롱', '영희', '이언'] -
반응형

티스토리툴바