HTML/CSS
1.[TIL] HTML Semantic
2.[TIL] HTML_WEB
기본문법 태그 > 내용 >>태그란 중요한 내용을 감싼다 ` ~` 콘텐츠의 중요도 차이를 줄 수 있다. (폰트 크기) `` paragraph `` 줄바꿈 `` bold `` underline `` 강조(bold) `` italic `` 강조(italic) `` or
3.[TIL] Form validation (유효성 검사)
server-side validation : 유효성 검사를 위해 데이터가 다른 컴퓨터(일반적으로 서버)로 전송될 때 발생 ex) 로그인 페이지 (id, pw를 입력 수락 후 일치확인 서버로 데이터를 보냄) client-side validation : 데이터가 서
4.[TIL] CSS_ 기초문법
CSS(Cascading Style Sheets)란?웹 문서의 전반적인 스타일을 미리 저장해둔 스타일 시트로써, html에 수록된 내용을 디자인해주는 역할html에서는 <style> </style>를 통해서 디자인 효과를 줬다.style테그는 <head
5.[TIL] Flex (Flexbox)
아직까지 실무에선 float과 inline-block를 많이 쓰지만, 점점 grid와 flexbox의 사용이 늘어나면서 제대로 정리를 해보고 싶었다.Flex는 flexbox라고도 하는데 레이아웃 배치 전용 기능으로 고안되었으며 1차원적인 배치를 형성한다. 부모요소를 f
6.[TIL] Grid
display:grid 혹은 display:inline-grid1\. grid-template-colums: 100px 40% 200px : 그리드의 열 너비 설정2\. grid-template-rows: 40% 20px 100px
7.[TIL] CSS_텍스트 효과(타이핑 효과)
h1 뒤쪽에 문장을 삽입한 것이 아닌 투명한 글자 위에 같은 텍스트로 다른 글자를 입힌것입니다.텍스트 두개가 겹쳐져있는 상태라고 보시면 돼요만약 실제 h1태그안 글자자체를 지웠다가 쓰는 기능을 구현하려면 자바스크립트가 필요합니다, 하지만 이 영상에서는 자바스크립트 없이