dalsu
close
프로필 배경
프로필 로고

dalsu

  • 분류 전체보기 (37)
    • TIL(Today I Learn) (9)
    • 코딩테스트 공부 (5)
    • FE 개발일지 (8)
    • Spring (2)
    • Typescript (5)
    • Javascript (2)
    • DevOps (1)
    • Redis (3)
    • CSS (1)
    • React-Native (1)
      • [AWS] KVS(Kinesis Video Str.. (1)
    • React.js (0)
    • Vue.js (1)
  • 홈
  • 태그
  • 방명록
[데브코스 FE] 1주차 세번째 수업 2024/07/18

[데브코스 FE] 1주차 세번째 수업 2024/07/18

3번째 수업에서는 악명높은 css의 grid, position에 대해 배웠다.그리고 알고있었지만 낯설었던 가상요소와 transform에 대해서도 배웠다. grid를 사용하면 레이아웃을 좀 더 자유롭고 유연하게 할 수 있고position과 가상요소, transform을 이용하면 이미지나 아이콘등을 자유롭게 원하는 위치에 배치할 수 있다. 참고로 실습시간에 진행했던 카드뒤집기는 따로 블로그 글으로 작성해두었다!2024.07.18 - [CSS] - CSS 만으로 카드 뒤집기 애니메이션 구현해보기(transform) CSS 만으로 카드 뒤집기 애니메이션 구현해보기(transform)오늘은 카드에 마우스를 올렸을때, 카드가 뒤집히는 애니메이션을 구현해보고자 합니다. 카드 3개를 만들기 위한 기본적인 html 뼈대..

  • format_list_bulleted TIL(Today I Learn)
  • · 2024. 7. 22.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (37)
    • TIL(Today I Learn) (9)
    • 코딩테스트 공부 (5)
    • FE 개발일지 (8)
    • Spring (2)
    • Typescript (5)
    • Javascript (2)
    • DevOps (1)
    • Redis (3)
    • CSS (1)
    • React-Native (1)
      • [AWS] KVS(Kinesis Video Str.. (1)
    • React.js (0)
    • Vue.js (1)
최근 글
인기 글
최근 댓글
태그
  • #TypeScript
  • #react 지구본 라이브러리
  • #프론트엔드 데브코스
  • #코딩테스트 C++ 입문
  • #react-globe.gl
  • #자바스크립트 동작원리
  • #react-globe.gl 지구본 반응형
  • #코딩테스트입문
  • #C++
  • #데브코스
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바