Alice53 [ 엘리스 SW 엔지니어 트랙 ] 3일차 📍 10.28.목. 3일차(실시간 강의) ❏ CSS Transition transform: rotate(45deg): 도형을 45도만큼 회전(+는 시계방향, -는 반시계 방향) transform: scale(a, b): 가로폭 a배, 세로폭 b배 만큼 확대 (Equal to scaleX(a) scaleY(3)) transform: translate(100px, 200px): x축으로 100px, y축으로 200px 만큼 이동시킨다. (x는 row, y는 column) transform: skew(10deg, 20deg): x축으로 10도, y축으로 20도만큼 비튼다. margin: 200px 0 0 200px: 한 줄로 나타내기보다는 가독성을 위해 분리해서 작성하는 것을 권장한다. 예를 들면, margi.. 2021. 10. 28. [ 엘리스 SW 엔지니어 트랙 ] 2일차 📍 10.27.수. 2일차 오늘은 실시간 강의 대신 온라인 강의를 듣는 날이다. 기존에 HTML/CSS를 어느 정도 알고 있다고 판단하여 금방 끝날 줄 알았는데 생각보다 오래 걸렸다. 매 강의마다 이론 + 퀴즈 + 실습 구성으로 이루어져 있는데, 실습에서 코드를 제출해야 점수가 기록되므로 알고 있는 내용이라고 그냥 건너뛸 수 없었다. 강의를 다 들은 다음 배운 내용을 점검하는 작은 테스트까지 봐야 훈련이 끝난다. 첫날이라 공부 시간만 8시간이 넘게 걸렸고 다음부터 온라인 강의가 있는 날은 10시 이전부터 시작해야겠다는 생각이 들었다. ❏ 수업 내용 프로그래밍: 컴퓨터와 소통하는 방법, 웹 개발을 하기 위한 언어로 브라우저와 소통하는 매개체 HTML: 정보 또는 설계도, CSS: 디자인 또는 스타일링, J.. 2021. 10. 27. [ 엘리스 SW 엔지니어 트랙 ] 1일차(1주차: HTML / CSS - 기본 문법, 반응형 디자인, Git) 📍 수업 1일차 강의는 생활코딩의 이고잉님께서 가르쳐주셨다. 내가 프론트엔드를 하겠다는 마음을 먹고 유튜브에서 찾아봤던 맨 첫 번째 영상이 이고잉님 강의였는데, 다른 레이서들과 함께 온라인 수업을 실시간으로 가르쳐주시니까 놀라웠다. ❏ CSS 우선순위 !important 태그 HTML 태그 안에 직접 style을 지정한 태그( inline style은 별로 추천하지 않는다.) #id .class, 추상class, 수도클래스(:first-child) HTML 태그 상위 객체에 상속된 속성 ❏ 수업 내용 CSS는 HTML 이 등장한 지 4년 이후에 나왔다. DOM: JS를 이용하여 웹 브라우저를 제어하는 방법 수업내용 이전에 배운 내용이 있다면 처음부터 전체적인 구조를 생각하며 배운다. (제일 중요한 것은 .. 2021. 10. 26. 이전 1 ··· 8 9 10 11 다음
