전체 글43 코딩계로 들어온지 3주차 내상황정리 두서없이쓰기 5월 11일날 처음 학원등록하고 약 3주간 포토샾 일러 배웟고 6월부터 html을 배우기 시작했으니 딱 3주차이다 그동안 html을 배우면서 모르고, 궁금한것들을 유튜브로 찾아보고 하면서 엄청많은 용어들과 정보들을 접하게 되었는데 이게 어떤 분류인지 모른체 그냥 제목들만 접하게 된다 무슨말이냐면 , 파이썬,프레임워크,깃 뭐 이렇게 들었을때 파이썬은 언어라고햇으니 프레임워크랑 깃도 언어의 일종인가인가 뭐 이렇게 되는데 일단 파이썬은 하이레벨 언어중에 하나란것은 알겟고 깃은 버전관리를 해주는 프로그램인걸알겟고 프레임워크는 아직 뭔지모르겟고 할튼 정보들이 내 뇌속으로 난입하는데 그걸 정리하고 구분을 좀해야될거 같다 일단 유튜브나 책으로 독학한 내용말고 정규적으로 내가 정확히 할수있는 부분부터 하자면 1.htm.. 2020. 6. 20. animation 기본2 위치이동 기본2 위치이동입니다. 1. 먼저 사각형 하나를 만들어 주고, 키프레임을 지정합니다. 키프레임에는 from 부분에 left 0px,배경색 파란색 to 부분에 left 100px, 배경색 빨간색 으로 지정해두면 파란색으로 시작해서 오른쪽방향으로 100px가면서 빨간색으로 변하는 에니메이션이 만들어집니다. 2. animation-timing-function 에니메이션이 변하는 구간속도를 설정할수있습니다. 에니메이션이 이동하는 모습을 잘 보고 있으면, 느리게 시작했다가 중간에 빠르고 다시 느려지는걸 볼수 있습니다. 이것은 기본값인 ease 로 설정되어 있어서 그런것이고, 밑에와 같이 여러가지 방식들이 있습니다 이렇게 6가지 설정이 가능하고 베지에 형식을 사용하면 사용자가 속도를 조절할수 있습니다. 3. 직접 .. 2020. 6. 14. animation 기본1 색상변경 에니메이션 기본적인 에니메이션을 해 보겠습니다. 색상이 변경되는 에니메이션입니다. 1. 우선 기본적으로 사각형 박스를 하나 만들어 줍니다. 2. 에니메이션 정의를 하나 세워줍니다. 선택자를 지정할때는 .과 #을 써서 .class , #id 이렇게 썼는데요 에니메이션을 지정할때는 @골뱅이 를 써서 @keyframe 이라고합니다. 에니메이션의 규칙을 정하는 속성입니다. 쓰는방법은 @keyframe 에니메이션이름{ from{} to{} } 입니다. @keyframes color { from {background-color: blue;} to{background-color:red;} } 라고 하면 이 에니메이션의 이름은 color 이고 배경이 파랑에서 레드로 바뀐다는 의미입니다. 3.정의된 에니메이션을 html에 씌여봅니.. 2020. 6. 14. 2D transform 으로 태그 이동하고 돌리고 키우고 기울이기 이동,회전,확대축소,기울이기 4가지를 해보겠습니다. 1 이동 1) 일단 이미지를 넣든 p태그를 하든 뭘하든 하나 적어줍니다. 저는 p태그를 해보겠습니다. br태그를 이용해서 좀 아래쪽으로 적어줬습니다. 2) p태그는 기본적으로 한줄끝까지 너비를 차지 하기 때문에 너비를 조절해서 300px 정도 하겠습니다. 그뒤 transform: translate (가로,세로) 적어주시면 됩니다. 2.회전 이번엔 회전입니다. 위와 같은데 틀린점은 backgrond-color 를 줬습니다. 중요한건 아니고 잘안보여서 추가해줬습니다. translate 대신에 rotate를 적어줍니다. transform: rotate (각도) 여기서 저는 20 도를 줬습니다. 양수는 시계방향 음수는 반시계입니다. 그러니까 transform:.. 2020. 6. 14. 이전 1 ··· 7 8 9 10 11 다음
