본문 바로가기

전체 글110

패스트캠퍼스 환급챌린지 16일차 미션 (2월 16일) : 프론트엔드개발 강의 후기 오늘의 목표 ch.08 24,25 오버워치 예제 시작! 오늘은 그나마 금요일이라서 퇴근하자마자 카페에 왔는데 너무너무 행복하다 금요일이라는 거만으로도!!! 그리고 오늘은 강의가 사실 좀 궁금하긴 했다. 실제로 css 가 어떻게 적용이 되는지!! 근데 유명한 오버워치 예제를 해보게 되다닝 재밌을 거 같다.ㅎㅎㅎ 오 너무너무 신기해 그냥 왁~!! 아래 반복되는 hero 32개를 다 입력하는 게 아니라. .hero*32>.image 를 입력하고 tab 키를 누르면 32개가 한번에 완성된다. 예제 중간 점검 오ㅗ오오오오오!@! 너무너무 신기해애 이게 입력될 때 쾌감이 엄청나다 다만, 작은 거 하나라도 없으면 입력이 안된다. 맨 처음에 왜 나는 회색이 안보일까.. 혼자 고민했는데 알고보니 html에 css를 연결.. 2024. 2. 16.
패스트캠퍼스 환급챌린지 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.

티스토리툴바