멋사

멋쟁이사자처럼 FE스쿨 2기에 합격했다.내일이면 오리엔테이션날이고, 앞으로 공부기록을 하기위해 개발자들이 쓰기 좋다는 벨로그에 가입했다.비전공자인 내가,웹개발 경험이 1도 없는 내가이 교육과정에 합류하게 된 게 신기하고 참 감사하다.엘리스 sw엔지니어 과정에도 동시에

HTML/CSS ✅ div 가운데 정렬 ✅Box Model ✅ 박스 그림자 x : x축으로 그림자 이동(음수면 왼쪽) y : y축으로 그림자 이동(음수면 위쪽) c : 그림자의 흐림정도. 블러값. d : 그림자의 퍼짐도. 스프레드 값. rgba : 그림자의 색(

URL, IP, PORT 정리 ✅ 개념 URL(Uniform Resource Locator) : 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열입니다. HTTP 맥락에서 URL은 "웹 주소" 또는 "링크"라고 불립니다. IP(Inte

text-level은 태그가 차지하는 요소가 콘텐츠 영역만큼이다창 크기가 줄어들면 단어 단위로 떨어짐BUT 한글은 한글자씩 떨어짐. ➡ <p style="word-break:keep-all"> 써주면 단어 단위로 떨어짐<wbr>은 텍스트 박스에서 한 줄로 모

`` 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용 iframe은 width 혹은 height 속성으로 크기를 조절 따로 값을 설정하지 않는다면 height는 150px, width는 300px이 기본값 src속성으로 링크설정 가능하며

The initial CSS keyword applies the initial (or default) value of a property to an element.The initial value of a CSS property is its default value, a

일요일에 회고를 쓰고 싶었지만 과제에 욕심을 내다가 실패...!그리고 지금 글을 쓰는 월요일 아침에 10분 지각... 지각이라니? 앞으로 정말 주의해야 겠다. 첫주는 html과 css를 중심으로 배웠는데 다른 팀원분들과 마찬가지로 css특강이 굉장히 흥미로웠고, 처음

공부해보자

formlabelselectbuttoninput VS buttondatalist (new face!)

h태그 많이 쓰는 연습!푸터에는 주로 회사 정보!푸터 안에는 nav 쓰지 않는다h1태그 푸터에도 필요하다!헤딩의 중요성을 항상 생각하자. 위젯같은 것들이 이제 <article>주제가 있으면 section 쓰는 게 좋음나누는 데 디자인적으로 나눈다 그럼 div!섹션

` 태그를 쓸 때 `를 쓰면서 처음으로 비호감인 태그라고 생각했다(미안ㅠ) 꼭 같이 써줘야 하는 예쁘지도 않아 다 숨겨버려야 하는 `` 태그가 왜 있는지도 의문이었다 (fieldset 안에서 header태그를 쓰면 되는 거 아닌가?!) 그래도 알아보자! `` 필드셋 태그는 label들을 묶어줄 때 사용한다. form 내부에 어떤 기준으로 label들이...

공부하자

px 같은 고정크기 단위가 아닌 주변의 font-size를 기준으로 변하는 단위가 있다!하나씩 알아보자.간혹 1em, 2em 보일 때가 있었다. 배수를 뜻하는 가변크기 단위다.⭐ 기준 : 부모의 글자크기출력(부모의 크기값 \* 자식의 em 값) = 자식이 가지게 될 크

position 속성은 문서 상에 요소를 배치하는 방법을 지정!값으로는 top, right, bottom, left 등이 있다.static : 기본값relative : 요소를 일반적인 문서 흐름에 따라 배치하고 자기 자신을 기준으로 top, right, botto, l

도대체 언제 img태그를 쓰고 언제는 background-image를 쓰고 언제는 가상요소의 background-image를 쓰는 것인가. 참 헷갈려서 한 번 정리해보았다! 같은 고민을 하고 있었던 당신. 읽어보세요~ 오역 있을 수 있음 주의 📌 Proper uses of IMG IMG의 적절한 사용 Use IMG if you intend to h...