profile
성장,,하고싶다
post-thumbnail

css-in-js와 in-css 중에서 어떤 방식이 더 적합할까?

css in css와 Js 중에서 어떤게 더 좋은 방법인지 알아보았습니다.

2022년 6월 26일
·
0개의 댓글

media query 기초

미디어 쿼리란 반응형 웹을 구현하는 CSS 기술이다.웹 페이지에 특정 조건을 설정해두고, 해당 경우에 작동하는 CSS 조건문인셈이다.간단한 예로 알아보자@media : 이 키워드는 media 쿼리를 시작하는 신호.only screen : 어떤 디바이스에서 적용할지 설정

2022년 3월 29일
·
0개의 댓글
post-thumbnail

레이아웃에 대해 알아보자

position 속성 - relative, absolute, fixed inline, inline-block, block 에 대해서 float은 텍스트로 이미지를 감싸기 위해 사용 최근엔 flex를 위주로 더 많이 사용

2022년 3월 29일
·
0개의 댓글

내가 쓸려고 정리한 CSS grid

justify-item 은 그리드 내부의 엘리먼트들의 가로 정렬에 쓰인다start : 아이템들을 그리드 위, 왼쪽으로 각각 정렬end : 아이템들을 그리드 위, 오른쪽으로 각각 정렬center : 위 중앙에 정렬stretch : width를 채우기justify-cont

2022년 1월 25일
·
0개의 댓글
post-thumbnail

Css 포지셔닝

Css를 공부하다보면, 레이아웃 배치의 중요성을 깨닿게 된다.배치가 우선된다면, 코드작성도 쉬워지기 때문이다.또, 원하는 곳에 배치하는 것이 지금은 어렵게만 느껴지기도 한다.그러기 위해 필요한 공부가 position 속성이다.원하는 곳에 컨테이너를 배치하기 위함이다.개

2022년 1월 11일
·
0개의 댓글
post-thumbnail

css 트랜지션

Css 작업을 하다보면, 욕심이 생긴다. 괜시리 아이폰 페이지를 따라만든답시고, 스크롤에 따른 애니메이션을 야매로 넣어보기도 하기도 했다.그런데 매번 필요한 기능만을 검색하다가는 기초 원리도 모르고 따라치는게 아닌가 싶어 css 트랜지션을 공부하기로 결심했다.먼저 키

2022년 1월 11일
·
0개의 댓글
post-thumbnail

애플 클론코딩

오늘은 html과 css 기본기를 잡기 위해, 클론코딩을 진행했다.혼자 공부하며 세운 목표 중 하나인 클론코딩 3번 도전을 위해서기도 하다.아무튼 오늘은 그동안 지켜만 보던 애플의 홈페이지를 따라만들어보기로 했다.감각적인 디자인이 많아서, 심플하게만 해도 어느정도 느낌

2022년 1월 8일
·
0개의 댓글
post-thumbnail

계획

코딩에 들어가기 전 세부적으로 계획하는 습관을 들이자.작은것이라도 계획할 줄 알아야 나중에 큰 프로젝트를 진행할때도 차질없이 진행할 수 있다. 그리고, 자바스크립트로 동적인 웹사이트를 만들기 이전에는 정적인 것으로 구현해놓고 차근차근 바꿔 나가는 것이 구현에 있어 유리

2022년 1월 5일
·
0개의 댓글