profile
프론트엔드 개발자를 꿈꾸는 도화지 위를 달리는 여자
post-thumbnail

인스타 돋보기 검색창 구현

위스타그램 클론 코딩 중 모르는 것이 생겨서 적어보는...인스타그램 클론코딩 중 검색창에 대한 이해가 필요했다. 평소 기본 검색창은 이렇다.그런데 검색창을 클릭하는 순간돋보기가 사라지고 오른쪽에 삭제 표시가 뜬다.이걸 적용하느라 굉장히 힘들었다... 구글링을 수많이 하

2021년 11월 10일
·
0개의 댓글
post-thumbnail

1102 TIL position / inline, inline-block, block

position > 참조: 드림코딩 엘리 유튜브 relative : 박스가 원래있던 자리에서 왼쪽에서 이동을 하는 것 Absolute : 원래 있는 박스에서 컨테이너에서 움직이는 것 Fixed : 상자에서 벗어나서 웹페이지에서 옮겨가는 것 Sticky : 원래

2021년 11월 2일
·
0개의 댓글
post-thumbnail

1102 TIL img / Semantic Tag

이미지를 웹 사이트에 추가하는 방법은 두 가지가 있습니다. 그 중 하나는 태그로 이미지를 넣는 방법 background-image로 이미지 넣는 방법 이렇게 두 가지 입니다. 태그로 이미지를 넣는 방법부터 알아보겠습니다. html에서 직접적으로 추가하는 방식으로써

2021년 11월 2일
·
0개의 댓글
post-thumbnail

1002 TIL

HTML과 CSS에서 알아두어야 할 것들가급적 이미지는 SVG를 사용한다. 용량이 가벼우면서도 벡터 이미지이기 때문에 해상도가 아무리 높아져도 선명하게 보이는 강점을 가지고 있습니다. (특히 아이콘 같은 이미지라면 적극 사용 권장)이미지 사이즈를 실제 적용할 사이즈보다

2021년 10월 2일
·
0개의 댓글

0927 TIL

위코드 1주차 사전스터디 과제로 자기소개 페이지를 만들고 있다. 공부를 한지 너무 오랜만이라서 왠만한건 다 까먹어서 정신이 없는데 그래도 조금씩 건들여보고 있다.html+css+js 공부 열심히 해야한다.cssid를 넣어준 다음 a태그 안에 넣으면 된다.js그리고 js

2021년 9월 27일
·
0개의 댓글