css9 WIL 2주차 바쁜 미니 프로젝트 주가 지나가고 다시 오는 일주일을 정리하는 주가 왔다. 미니 프로젝트가 끝나고 나서 내가 얼마나 어느 부분이 부족한지 자각하는 주가 되었고 이번 주는 그 부족한 부분을 공부하는 주로 계획을 했었다. 새로운 주가 시작되고 JavaScript 강의가 열렸고 다른 조원들에게 조금이나마 도움이 될 수 있는 조원이 되려고 여러 번 정독했다. 처음에는 들어도 내가 무엇을 하고 있는지 모를 정도 감이 안 왔고 2번 3번 반복해서 들었을 때야 조금씩 이해하기 시작했다.... 겨 겨우 조금씩 이해될 때쯤에 파이썬 기초 문법 강의가 열렸고 또 새로운 언어를 듣다 보니깐 JavaScritp랑 다른 부분들에서 혼동이 왔고 나중에는 언어를 섞어 쓰기까지 했다... 서로의 언어를 이해하려다 보니깐 전주에 부족.. 2022. 11. 13. Animation,Transformation, Transition transition 어떤 상태에서 다른 상태로의 변화! 를 보내주는 애니매이션이다 1. transtion은 state가 없는 요소에 붙어야한다 처음 생긴곳에 있어야한다 state에 transition을 준다면 변화를 준것(예를들면 hover라면 마우스를 갖다 댄것)을 그만할경우(마우스를 뗄경우) 원래상태로 바로 돌아간다 2. transtion 에 변화를 준것들은 state에 들어있는것들이 기준이 되어 바뀌는것이다 바뀌는 것들에 한정하여 transition 이 일어날 수 있다 transition 은 상태에 따라 바귀는 요소가 있을때 사용한다 상태 ex) hover, active, focus, focus-within... -ease-in function : 브라우저에게 변화하는 방법을 알려주는 역할 line.. 2022. 11. 13. HTML CSS 복습 -HTML tag사이에 넣는 텍스트가 무언가가 된다. (title,image 등) -브라우저는 아무 의미가 없어도 이해하려함. -h1 = header 글자 no.1 ~ h6까지 존재 -Header, main footer div 태그랑 같이 쓸 수 있음 태그들을 이용하여 시네마틱으로 짜면 좋음 Div - div는 의미가 없는 box -div 태그는 Block 속성 칸을 다 차지삼 span -은 짧은 text를 위한 태그 Attribute 값에는 큰 따음표 무조건 "" a=anchor를 뜻함 // link href= http reference 라고 함! // anchor 태그에만 추가 가능 target = 기본값은 self 이고 , _blank 입력 시 새 탭에서 링크가 열림 img = 다른 태그와 다르게 .. 2022. 11. 12. 미니 프로젝트 3일차 오늘은 미니 프로젝트한지 3일차다 !! 팀원들가 모여서 만든 뼈대를 가지고 CSS를 통해 세부적인 디자인과 구상을 마치고 뼈대를 채워넣기 시작했다. 첫번째로 각자만의 파스톤 색깔을 정해 구성원들을 소개하는 카드를 만들었고 hover를 이용해 카드위에 마우스 커서를 올리면 각자 카드의 소개를 볼 수 있게 적용해 보았다. 또 카드에 해쉬태그를 달아 각자 구성원들의 특징들을 소개했다. 처음에 카드 위치설정하는 것과 분단 나누는거에 어려움을 겪었으나 팀원들가 협동하여서 맞춰 나갔고 오늘 한번 더 느낀점으로 Html,Css 가 쉬워보여도 쉬운게 아니였고 다시 공부해야 겠다는 생각을 많이 했다. 미니 프로젝트를 통해 팀원들과 더 돈독해진거 같은 하루였다. 카드소개 디자인 2022. 11. 2. 이전 1 2 3 다음
