앨리스 SW 엔지니어 트랙 3

Day 2

#1. Transform - 웹 사이트의 특정 영역에서 어떤 오브젝트의 각도를 튼다거나 크기를 조절하거나 위치를 변경할 때 사용 - rotate(각도deg) : 입력한 각도만큼 (평면적)회전. 음수도 가능 - scale(width 값, height 값) : width 값, height 값 만큼 확대 (축소는 0.5와 같이 표현) - scew(x축 각도deg, y축 각도deg) : x축 y축을 기준으로 입력한 각도만큼 비틂. 음수도 가능 - translate(x축 값px, y축 값px) : 선택한 오브젝트의 좌표 변경. margin이나 padding 대신 최근에는 이걸 많이 사용 - prefix 접두사 : 다른 버전의 브라우저에서의 실행을 원할 경우 (∵ CSS3 최신 언어라서) #2. Transition..

Day 1

#1. 크롬 개발자 도구 - 단축키 (F12) - Computed 탭 현재 요소 스타일이 더 보기 좋게 나옵니다. Group 체크박스를 클릭하면 한층 더 깔끔하게 스타일 속성을 확인할 수 있습니다. - Network 탭 현재 탭에 있는 웹 브라우저 네트워크 분석현황을 볼 수 있습니다. 서버로 부터 요청한 파일을이 어떤 순서대로 응답받는지 나오고, 해당 내용도 살펴볼 수 있습니다. 응답받은 파일을 종류별로도 확인할 수 있습니다. - Application 탭 스토리지와 쿠키를 확인해 볼 수 있습니다. 스토리지는 웹 브라우저가 프로토콜별(간단하게 웹주소)로 데이터를 저장할 수 있는 공간입니다. 쿠키는 서버에서 웹브라우저에게 전송하는 작은 데이터 조각입니다. #2. 웹을 구성하는 요소 - HTML(정보 또는 설..