웹 개발/웹 개발
부트스트랩 span 태그 안의 글자 가운데 정렬하기(수평, 수직)
가끔 span 태그 안의 문자의 수평/수직 정렬이 맞지 않아 거슬릴 때가 있었는데 부트스트랩의 경우 클래스명으로 d-flex justify-content-center align-items-center 를 사용해 수평/수직 정렬을 한다. 가운데 정렬할 문자
HTML
JavaScript/JavaScript
[Javascript] 문자열을 html 변환하기
자바스크립트에서 문자열을 html로 변환하여 DOM에 삽입하는 방법은 두 가지가 있다. 1. innerHTML 첫 번째는 innerHTML이다. innerHTML에 html 형식의 내용이 담긴 문자열을 대입하면 html 태그가 파싱되어 페이지에 삽입된다. element.innerHTML = '삽입 문자열'; 2. insertAdjacentHTML() 두 번째는 insertAdjacentHTML 이다. 위의 innerHTML와 같은 역할을 하지만 html이 삽입될 위치를 정할 수 있다는 점이 다르다. insertAdjacentHTML은 파라미터로 2개의 값을 받는다. element.insertAdjacentHTML("삽입 위치", "삽입 문자열"); 삽입 위치는 총 4가지 위치가 존재한다. beforebe..