Programming/JavaScript 3

[html] 텍스트 관련 태그 정리(b, strong, ins, del, i, em, mark, br, hr, p, span, div, h)

📌굵은 텍스트 굵은 글씨 굵은 글씨 📌선(line) 태그 밑줄친 글씨 취소선 그은 글씨 📌이탤릭체(기울어진 텍스트) 밑줄친 글씨 취소선 그은 글씨 📌기타 형광펜 줄 바꿈 수평선 🟡 태그를 제외하고 모두 inline 요소 📌단락 태그 paragraph 📌헤드라인(headline) 제일 큼 큼 보통 약간 작음 작음 많이 작음 📌블록(block) 레벨 태그 블럭 단위로 묶는 태그 🟡 태그를 제외하고 모두 block 요소

[JavaScript / jQuery] date picker를 사용한 스케줄러 만들기

예전에 개념만 한 번 훑고 직접 써보진 않았다가 이번 프로젝트에서 달력 페이지를 만들게 돼서 써볼 기회가 생겼다 ㅎㅎ 이거 알기 전에 완전 노가다 긴 코드로 작성한 적 있었어서 얼마나 간단하게 되는지 시험해볼겸 ⬇ 제이쿼리 사이트 들어가면 다양하고 자세하게 나와있다 https://jqueryui.com/datepicker/#default 다운로드 소스 코드 달력 띄우는 건 딱 두 줄이면 된다 진짜 간단하다 //html 코드 //javascript 코드 $( function() { $( "#datepicker" ).datepicker(); } ); 포멧팅 해주는 건 서서히 추가할 예정. . 열라 힘듦

[html] 인라인(inline) / 인라인블록(inline-block) / 블록(block) 의 차이

웹사이트 만들어보다가 박스 배치가 원하는 대로 안 되는 경우가 많은데, 어디가 잘못된 건지 바로 알아내지 못하고 우왕좌왕 + 그때그때 구글링하는 것도 힘들어서 개념 한 번 확실히 정리하고 가는 게 좋을 것 같다 . . 제일 헷갈리는 게 inline이랑 inline-block 차이 ! 이 차이 잘 알고 있으면 시간 단축 + 쓸 일 많을 거 같다 코딩애플🍎님 강의영상 보면서 정리했다 👉 https://codingapple.com/ 📂block (블록) - 브라우저에서 가로 한 칸을 모두 차지하는 요소 - 대표적으로 div / p / hr / h 태그 등 📂inline (인라인) - block 요소의 반대 성질. 자기 크기만큼의 영역만 차지하는 요소 - 대표적으로 span / a 태그 등 width / hei..