디자이너14 패스트캠퍼스 환급챌린지 15일차 미션 (2월 15일) : 프론트엔드개발 강의 후기 오늘의 목표 ch.08 22,23 변환 오늘은 변환을 보자 아유 왜 아직까지 감기가 안 나을까... 이제 다 나았나보다 싶었더니 또 오늘 목이 부어서 아프다..ㅎㅎ 아무튼 오늘은 변환 파트 듣자. 오늘은 주된 내용은 transform translate(2d 위치 이동) transform:translate( x축 값 , y축 값 ); 형태로 x축과 y축 으로 움직이고, 개별적으로 transform:translateX(x축 값); 만 , transform:translateY(y축 값); 만 움직일 수도 있다. transform: scale( x축 값 , y축 값 ); or transform: scale( 값 ); transform: rotate( x축 값 , y축 값 ); or transform: scal.. 2024. 2. 15. 패스트캠퍼스 환급챌린지 14일차 미션 (2월 14일) : 프론트엔드개발 강의 후기 오늘의 목표 ch.08 끝까지 들어보자아!! 오늘은 ..... 끄하 수요일 목이 너무너무 아프고 몸이 무겁다. 급하게 또 나는 카페에 와서 강의를 듣는다. 가보쟈고 18. 플렉스(정렬) Container (1) 19. 플렉스(정렬) Container (2) 20. 플렉스(정렬) Items FLEX 1차원의 레이아웃을 만드는 개념. 수직-Y축 정렬 수평-X축 정렬 flex container (부모요소) 컨테이너에 부여되는 속성들 - display flex-flow flex-direction flex-wrap justify-content align-content align-items flex items (자식요소) 아이템들에 부여되는 속성들 - order flex flex-grow flex-shrink fl.. 2024. 2. 14. 패스트캠퍼스 환급챌린지 13일차 미션 (2월 13일) : 프론트엔드개발 강의 후기 오늘의 목표 ch.08 끝까지 들어보자아!! 우당탕탕 오늘은 감기에 회사까지 출근하니까 몸이 너무 힘드네 그래도 회사 갔다오니까 시간이 너무 빠르게 간다아 후다닥 강의를 들어봅시다요 - 14.배경 15.16.17 배치 기본적으로 css에서는 대부분의 시각적인 눈에 보이는 것들을 다룬다. 아래는 내가 보려고 정리하는 내용들이다. 배경 background - background-color 배경 관련 CSS 속성 중 가장 많이 사용되는 것은 아마도 배경색을 지정할 때 사용하는 background-color일 거다. 기본값은 transparent, 즉 투명이며 색상명이나 색상 코드를 사용할 수 있음 일반적으로 배경색은 웹 접근성(accessibility)을 준수하기 위해서 글자색과의 명암비를 고려해서 결정을 하.. 2024. 2. 13. 패스트캠퍼스 환급챌린지 12일차 미션 (2월 12일) : 프론트엔드개발 강의 후기 오늘의 목표 ch.08 중간까지는 들어보자! 오늘은 감기 걸린 상태로 다시 책상에 앉았다 너무너무 몸에 열이 나고 몸이 무겁지만..! 오늘 들을 내용을 정리하고 글로 옮기는 건 게을리하지 말아야지!!! 후하 연휴가 길어서 감사하다 퇴근하고 들었으면 진짜 집중 너무 안되었을 거 같다. 오늘도 여유있게 낮에 강의를 들을 수 있다는 게 너무너무 좋다:) 벌써 12일차라니..!! 가보쟈아아 오늘은 12일차 기념(3주차 시작) 썸네일도 만들어봤닿ㅎㅎㅎ 맨날 화면은 다르지만 같은 노트북 사진이 좀 지루해보이기도 해섷ㅎㅎ 오늘도 아이패드에 내용을 정리하면서 들었다. 📍이건 기억하자📍 vw - 뷰포트 가로 너비 vh - 뷰포트 세로 너비 em - 요소의 글꼴 크기 Margin(외부여백) 마진이 외부여백이라는 거 그리고.. 2024. 2. 12. 이전 1 2 3 4 다음
