profile
공부 기록장
post-thumbnail

[프로젝트] 반응형 브랜드 소개 페이지

slick, fullpage 사용, 벤앤제리스 리디자인

2023년 5월 16일
·
0개의 댓글
·
post-thumbnail

[HTML/CSS] 데이터를 저장해 사용하는 attr, css변수

이 방법을 활용하면 선택자와 반복 코드를 줄일 수 있다!

2023년 5월 5일
·
0개의 댓글
·
post-thumbnail

[HTML] 기능 연결 고리 input, label, a

폼과 탭메뉴를 구현하다가 input과 a태그를 활용하면 기능의 뼈대도 구축할 수 있는 거구나..! 하고 매력을 느꼈다. 응용에 따라 다양하게 활용할 수 있는 코딩 세계 〰️〰️ 앞으로 착착 잘 활용하고 싶어서 개념부터 정리해본다.

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

[CSS] flex 정리

유연하게(flexible) 레이아웃을 배치하는 flexbox! 이미 레이아웃 속성에 정리해 뒀지만 확실하게 익히고 싶어 더 자세히 정리해본다 ✍️ flex는 부모요소(container)와 자식요소(item)에 쓸 수 있는 속성이 다르다. 부모요소 속성 🔹 dis

2023년 4월 14일
·
0개의 댓글
·
post-thumbnail

[HTML/CSS] 네이밍에 대해 고민해보자

클래스야 네 이름이 뭐니?? 고민하면 작명 센스가 좀 생길까??

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

[CSS] 레이아웃, 배치 속성

layout이란 웹사이트를 구성하는 요소들을 배치할 공간을 분할하고 정렬하는 것이다. 공간을 분할할 때는 먼저 행을 구분한 후, 행 내부 요소를 분리하는 것이 일반적이다. 핵심은 블록 요소들을 원하는 위치에 배열하는 것! 레이아웃에 관련된 속성들을 익혀보자✨ 1.

2023년 3월 22일
·
0개의 댓글
·
post-thumbnail

[CSS] 기초 정리

Cascading Style Sheets 웹사이트이 실제 표현되는 방법을 기술하기 위한 스타일 언어(style sheet language)이다. HTML 문서 내에 HTML 태그를 선택해서 디자인하고 배치하는 역할. 요소의 브라우저 스타일링인 가장 위에서부터 순차적으

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

[HTML] 기초 정리

Hyper Text Markup Language 웹문서를 만드는 언어다. HyperText란 문서를 서로 연결해주는 링크를 의미, Markup은 '표시한다'의 의미로 웹브라우저에 내용을 보여주는 텍스트, 이미지, 영상 등의 위치를 표시하는 것을 말한다. 마크업 형싱으

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

velog 시작

자신감있게 촤라라락 퍼블리싱 하는 것이 목표다.포트폴리오 준비하는데도 '과연 될까?' 하는 막막함이 앞서 공부용 블로그를 만들었다🤓탄탄하게 기초를 다진다는 생각으로 처음부터 다시 복습..그리고 새로운 강의를 들으며 배운 것들을 기록할 예정이다. (3월까지 완료하는 것

2023년 2월 17일
·
0개의 댓글
·