본문 바로가기
반응형

분류 전체보기

 (127)
[Javascript] 배열 객체 메소드 -join() : 배열 객체에 데이터를 연결 -reverse() : 배열 객체에 데이터의 순서를 거꾸로 바꿈 -sort() : 배열 객체에 데이터를 오름차순으로 정렬 -slice(index 1, index2) : 배열 객체에 데이터 중 원하는 인덱스 구간만큼 자름 -splice() : 배열 객체에 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입 -concat() : 2개의 배열 객체를 하나로 결합 -pop() : 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제 -push() : 배열 객체 마지막 인덱스에 새 데이터를 삽입 -shift() : 배열 객체에 저장된 데이터 중 첫번째 인덱스에 저장된 데이터를 삭제 -unshift() : 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입
[Javascript] 날짜 관련 메서드 날짜 정보를 가져올 때 (GET) 날짜 정보를 수정할 때 (SET) getFullYear() 연도 정보를 가져옴 setFullYear() 연도 정보만 수정 getMonth() 월 정보를 가져옴(현재월-1) setMonth() 월 정보만 수정(월-1) getDate() 일 정보를 가져옴 setDate() 일 정보만 수정 getDay() 요일 정보를 가져옴(일:0~토:6) 요일은 날짜를 바꾸면 자동으로 바뀌므로 setDay 없음 getHours() 시 정보를 가져옴 setHours() 시 정보만 수정 getMinutes() 분 정보를 가져옴 setMinutes() 분 정보만 수정 getSeconds() 초 정보를 가져옴 setSeconds() 초 정보만 수정 getMilliseconds() 밀리초 정보를 가..
[Javascript] 조건식에 논리형 데이터가 아닌 다른형이 오는 경우 더보기 0, null, ""(빈문자), undefined 위에 값이 조건식에 입력되면 false를 반환. 그밖에 값들은 true
Mac 에서 Git 설치 1. https://brew.sh/index_ko 사이트에서 터미널에 입력 할 것 복사하기 Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 2. 터미널에 붙혀넣기 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 3. 맥북 비밀번호 입력 4. 터미널에 입력 더보기 brew install git
[html] ul, ol, dl, dt, dd 태그 -ul (unordered list) 순서 상관없음 -> list item -ol (ordered list) 순서형 목록태그 속성 type으로 바꿀 수 있다 -dl (definition list) 정의형 목록 태그 dl태그안에 태그도 있다. dt (definition title) 용어의 정의 dd (definition data) 용어의 설명. 들여쓰기된다
[Css] 반응형 단위 vw, vh, em, rem 크롬에서 폰트사이즈 변경할때 변경이됨 vw : viewport 너비의 1% vh : viewport 높이의 1% em : 요소의 글꼴 크기 rem : 루트 요소의 글꼴 크기 .parent { font-size: 8em; } .child { font-size: 0.5em; } 보통 폰트 사이즈 지정안하면 16px인데, parent가 8em이면 16px * 8 = 128px 로 표기가 되고 child는 128px(parent크기) * 0.5 = 64px 로 표기된다 퍼센트로 바꾸면 위의 em과 똑같다 .parent { font-size: 800%; } .child { font-size: 50%; } .parent { font-size: 8rem; } .child { font-size: 0.5rem; } pa..
[Css] Flexbox container에 꾸밀수 있는건 display flex-direction flex-wrap flex-flow justify-content align-items align-content item 지정할 수 있는건 order flex-grow flex-shrink flex align-self 초기세팅 container: 100vh 에서 100% 로 바꾸면 배경이 사라진다 container의 부모의 높이에서(부모 -> body) 100%로 하겠다 item에 width, height 추가 container에 display: flex를 주면 한줄에 작성된다 flex-direction: row가 기본값 flex-direction: row-reverse 는 오른쪽에서 왼쪽으로 flex-direction: colum..
[CSS] position 1. container에 left와 top을 주어도 안움직인다. 왜냐하면 기본적으로 position: static 이기 떄문이다 그래서 container위치를 바꾸려면 container에 position: relative를 주면 된다 현재 위치를 기준으로 위치를 지정한다. box에 left, top, position: relative 추가하니까 box 혼자 이동하였다 body 또는 컨테이닝 박스를 기준으로 위치를 지정할 수 있다. position: absolute를 쓰면 현재 아이템에서 제일 가까운 box안에서 이동한다 relative는 원래 있어야할 자리에서 움직이는데, absolute는 현재 아이템이 담겨있는 상자(container)안에서 옮겨간다 position: fixed 는 상자안에서가 아닌 윈..
[CSS] display 1. span은 안나옴. 내용이 있어야 나온다 2. span에 내용 추가해주고 div는 red, span은 blue로 색 지정 div는 기본적으로 block span은 기본적으로 inline 3. span에 display: block을 주면 div와 같아진다 4. div에 display: inline-block을 주면 옆으로 표시된다 5. div에 display: inline을 주면 span에 아무것도 안주어졌을 때처럼 표시된다 display: inline -> 안에 있는 텍스트에 따라 크기가 바뀜 display: inline-block -> 안에 있는 텍스트에 상관없이 지정한 값에 따라 한줄에 표시되는데 크기가 넘어가면 다음줄로 넘어간다 display: block -> 안에 있는 텍스트에 상관없이 지정..
[CSS] 사이트 1. display 게임 사이트 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 2. 애니메이션 사이트 https://animista.net/play/basic/rotate Animista - CSS Animations on Demand Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use. animista.net 3. 언어별로 공식 사이트 정리 https://devdoc..
반응형

티스토리툴바