코딩기록

1. HTML/CSS를 공부하면서 느낀점전부터 느꼈지만 html/css는 재밌다. 결과물을 바로바로 눈으로 확인할 수 있다는 점과 내 의지대로 만들어 가는 웹 세상이 참 매력적이다. 이번에 공부하면서 '웹 접근성' 이라는 개념에 대해 알게 되었다. aria-label, tabindex 등을 사용하는데 웹 접근성을 공부할 수록 프론트엔드의 필수적인 공부라고 느꼈다.  누가 모르더라도(알아주면 좋지만) 그를 위한 배려를 하며 살자는 내가 생각하는 삶의 방향과 사용자의 편의성을 생각해 일하는 프론트엔드의 업무와 닮았다. 그래서 프론트가 끌렸나보다. 마크업을 끝내고 css를 입히는데 태그에 따라 flex, position으로 배치하는 어려움이 있어 inline 요소, block 요소를 가진 태그를 생각하며 ht..

기본인스타그램 이미지에 배경색을 gradient로 스타일을 주는 방법이다. 파일을 받아 배경색을 주면 가로, 세로 34px의 이미지가 나온다. 최종적으로 저 노란 네모 테두리를 동그랗게 그려 배경색을 입힐 예정이다. 인스타그램 배경색1 [ css ].footer-rights li a:last-child { border-radius: 34px; border: 1px solid #000; background: linear-gradient(174deg, #285AEB 5.61%, #BC1888 22.32%, #CC2366 36.16%, #DC2743 51.91%, #E6683C 73.38%, #F09433 91.99%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2..