html15 자바스크립트 이용한 마크다운 자동 목차 만들기 구현목표 내가 만들고자 하는 것은 마크업언어로 #in(textarea) 에 작성을 하면 #out에 html로 자동 변환되고 여기서 변환된 #out의 html 문법을 보고 목차를 자동으로 만드는게 목표이다. 작업을 하면서 구글에 많은 티스토리 블로그 자동 목차만들기를 활용해서 사용하면 되겠다고 생각하였다. 여기서는 자동목차 만들기만 확인할것이다. html 기본 구조 # 뉴스 제목 1 ## 부제목 1 ### 소제목 1.1 # 또 다른 주제 다운로드 Markdown Markdown HTML ×> 위는 기본적인 html의 뼈대이다. 생략된 css난 html 부분이 많이있다. (참고용) 결과페이지 미리보기 자바스크립트 전체 $(document).ready(function () { // 여기에 Markdown 콘텐.. 2023. 9. 7. Spring 타임리프 이용 기본 ✔ 템플릿 엔진 템플릿 엔진 - 지정된 템플릿 양식과 데이터가 합쳐져 HTML 문서를 출력하는 소프트웨어 - 서버 템플릿 엔진 - velocity : 과거 스프링에서 많이 사용하던 엔진. 현재 권장하지 않음 - freemarker : 템플릿 엔진으로 많은 기능을 지원. Apache 템플릿 엔진으로 템플릿 및 변경 데이터를 기반으로 텍스트, 메일, 파일등을 생성하는 Java 라이브러리를 제공 - thymeleaf : 스프링 부트에서 적극 지원하고 있는 엔진. 문법이 쉽지 않음. react, vue의 경험이 있다면 최적의 템플릿 엔진 - mustaches : 문법이 다른 템플릿 엔진보다 쉽다. 비즈니스 로직을 사용할 수 없음. view의 역할과 서버의 역할이 명확하게 구분됨 타임리프(Thymeleaf) 타임.. 2022. 12. 19. JavaScript 회원가입(정규식, 서명, 별명, CKEditor5(자기소개)) ✔ 전체 화면 ✔ HTML * 회원가입 - 아래 필수 입력사항을 모두 입력해 주십시요. 아이디 최소 3자이상 입력하세요. * 영문자, 숫자,_만 입력 가능, 최소 3자이상 입력하세요 패스워드 패스워드 확인 이름 *공백없이 한글만 입력 가능 별명 *공백없이 한글, 영문, 숫자만 입력가능 (한글2자, 영문자 4자 이상) *별명을 바꾸시면 앞으로 60일 이내에는 변경할 수 없습니다. 이메일 : 생년월일 성별 선택하세요 남자 여자 전화번호 핸드폰번호 주소 -우편번호검색 서명 자기소개 메일링서비스 정보 메일을 받습니다 SMS 수신여부 핸드폰 문자메세지를 받겠습니다. 정보공개 다른 분들이 나의 정보를 볼 수 있도록 합니다. 정보공개를 바꾸시면 앞으로 0일 이내에는 변경이 안됩니다. 추천인아이디 자동등록방지 *왼 쪽.. 2022. 11. 28. CSS(구 GitHub 클린코딩, 미디어쿼리(Media Query)) 구 GitHub 클린코딩 국비지원 과제로 한 내용이지만 필요없는데 있는 내용이나 이상한 부분이 많습니다. 개인 복습용 저장공간입니다. ✔ HTML 부분 Personal Open Source Businees Explore pricing Blog Support sign in sign up How people build software Millions of developers use GitHub to build personal projects, support their businesses, and work together on open source technologies. Use at least one letter, one numeral, and seven characters Sign up for GitHub.. 2022. 11. 12. 이전 1 2 3 4 다음
