모스카토

Transform은 시간이랑 상관없이 키면 변해있다. 그냥 기존의 속성들로 만들어내야하는 좌표이동, 회전, 비틀기등을 translate, rotate, skew등의 명령어로 미리 만들어 놓은 것이다. Transition은 한가지 요소가 상태에 따라 변화하는 과정 즉 반응을 보여주는 것이다. 과정의 duration, delay, timing-function등을 원하는대로 조정할 수 있다. transform을 transition에 주면 transform의 시간에 따른 변화를 보여줄 수 있다. Animation은 여러 속성(기존 속성들과 transform을 포함)의 변화를 묶어서 보여줄 수 있다. 애니메이션을 사용할 때 width나 color등 한가지 속성값을 변화시킬 수도 있고, transform을 이용해..

mac에서 기존 계정이 등록된 채로 다른 깃허브 아이디로 clone add commit push를 하면 permission denied 에러가 난다. 기존계정에 새로운 계정의 리퍼지토리에 접근할 권한이 없다는 것이다.. 급하게 구글에 'mac add git user' 같은 것을 검색해서 credential-osxkeychain 같은 것도 깔아봤지만 해결되지 않았다. 겨우 찾아낸 해답은 깃허브 계정을 여러개 등록하려면 ssh를 이용해야한다는 것이었다. ssh가 뭔지도 모르지만 생각보다 어렵지 않아서 해결과정을 기록해둬야겠다. ** 깃 리퍼지토리는 생성했고, 클론까지 한 이후의 상황이다. 1. 일단 터미널을 키고 기존에 ssh폴더가 있는지 확인한다. ls -al ~/.ssh 2. No such file or..

[배경지식] 1. 웹사이트 제작할 때 고려할 사항 1. 웹 표준 : 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격 * 잘지키면 검색엔진에서 상단에 노출될 확률이 높아진다. 2. 웹 접근성 : 사용자의 장애여부와 상관 없이 모두가 웹사이트를 이용할 수 있게 하는 방식 3 . 크로스 브라우징 : 모든 브라우저의 종류, 버전 또는 모든 기기에서 사이트가 제대로 작동하도록 하는것. 2. html문서 기본구조 html5 언어로 구성돼있다고 선언. 모든 내용을 감싸는 태그 -> 문서의 시작과 끝을 의미 웹사이트의 간단한 요약정보, 사용자에게 보여지지 않는다. character setting : 문자열 설정 / UTF-8 : 모든 문자코드를 보여줄 때 주는 속성. 한글이 깨질때 확인하기 상단탭 제목 웹..

1. import import pandas as pd import numpy as np 보통 numpy를 pandas와 같이 import 한다. 2. float 데이터 range 정확하게 만들기 * 가끔씩 np.arange()를 이용해 float의 범위를 만들 때 0.00000000001 정도의 오차가 생길 때가 있다. list(np.arange(f_start, f_end)/10) f_start 에 시작할 float * 10 을 주고, 똑같이 f_end에 시작할 float * 10 을 준다. np.arange()로 범위를 만든 후 /10을 해주면 np.arange의 미세한 오차를 수정할 수 있다. 3. DataFrame 생성 df = pd.DataFrame() df = pd.DataFrame(column..

pseudo selector는 태그가 어떤 특정 상태일 때의 스타일을 지정하는 방법이다. button:hover{background-color:red;} 위 코드와 같이 button에 마우스가 올라간 상태일 때 button의 배경색을 빨갛게 해줄 수 있다. pseudo selector 종류 1. pseudo class : 태그의 상태에 따라 선택한다. :hover 마우스를 올린 상태 :focus 키보드 tab으로 선택되어 있는 상태 :focus-within 자식이 포커스된 상태 :active 클릭된 상태 :visited 방문한 링크일때 :link 방문하지 않은 링크일때 :first-child first child 일때 :last-child last child 일때 :nth-child(n) n번째 chil..

크기단위 1. px : 픽셀 - 1px :화소 1개. 해상도에 따라 상대적인 크기. 2. % : 지정된 사이즈에 상대적인 사이즈. 3. em : 배수단위(중첩된 요소 안에 사용하면 배수도 중첩.) 4. rem : 최상위 요소 기준 배수. 5. vh = viewport height : 스크린 높이, 100vh = 스크린높이의 100% vw = viewport width : 스크린 넓이 색상표현단위 1. 키워드 : blue; 2. rgb() : rgb(192, 35, 35); 3. rgba() : rgb에 투명도포함. 4. HEX 코드단위 : #6495ed; 셀렉터 1. * { css } 2. #아이디 { css } 3. .클래스 { css } 4. 태그[어트리뷰트="값"] { css } 어트리뷰트와 값이 ..