728x90 반응형 개발 이야기/[HTML5]31 [HTML5] 웹 메모장 만드는 법 (폰트 선택 기능 추가하기) #주의# 이 글은 강의 글이 아닙니다 틀린 부분, 깔끔하지 못한 부분 있을 수 있습니다. 지적해 주시면 저도 공부가 되고, 앞으로 이 글을 보실 분들에게도 도움이 될 거라 생각합니다. 개요 이전 포스팅에서 저장하면 txt파일로 다운로드할 수 있는 기능까지 구현해 봤습니다. 이제 메모장의 필수 기능인 폰트 선택 기능을 구현해 보겠습니다. 폰트 선택 기능을 추가하기 위해서는 몇 가지 코드만 추가해 주면 됩니다. 이전 코드 아래는 이전 포스팅까지의 코드입니다. 웹 메모장 저장 불러오기 폰트 선택 기능 추가 우선 웹 메모장 저장 불러오기 Arial Times New Roman Courier New Verdana 나눔고딕 개발 이야기/[HTML5] 2023. 5. 26. 더보기 ›› [HTML5] 웹 메모장 만드는 법 (저장해서 txt파일로 다운받기) #주의# 이 글은 강의 글이 아닙니다 틀린 부분, 깔끔하지 못한 부분 있을 수 있습니다. 지적해 주시면 저도 공부가 되고, 앞으로 이 글을 보실 분들에게도 도움이 될 거라 생각합니다. 이전 코드 웹 메모장 저장 불러오기 저장시 txt파일로 다운받기 현재 아래와 같은 모습의 웹 메모장일것입니다. 이제 메모를 작성 후 저장을 누르면 txt파일로 다운로드 받을 수 있는 기능을 넣어볼겁니다. 그럼 개발 이야기/[HTML5] 2023. 5. 26. 더보기 ›› [HTML5] 웹 메모장 만드는 법 #주의# 이 글은 강의 글이 아닙니다 틀린 부분, 깔끔하지 못한 부분 있을 수 있습니다. 지적해 주시면 저도 공부가 되고, 앞으로 이 글을 보실 분들에게도 도움이 될 거라 생각합니다. 웹 메모장 만들기 : 1단계 오랜만에 html관련하여 글을 적으려니 기분이 묘하지만 진행하겠습니다. 우선 Visual Studio code를 켜주시고 아주 기본적인 코드를 작성해 보겠습니다. html:5 작성이 끝났다면 아래와 같은 코드로 작성이 되실 겁니다. 웹 메모장 만들기 : 2단계 웹 메모장 저장 불러오기 개발 이야기/[HTML5] 2023. 5. 26. 더보기 ›› [HTML5] - 23 - 페이지네이션 기능이 추가된 웹페이지 만드는 법 #주의# 이 글은 강의 글이 아니다. 틀린 부분, 깔끔하지 못한 부분 있을 수 있다. 지적해 주시면 저도 공부가 되고, 앞으로 이 글을 보실 분들에게도 도움이 될 거라 생각한다. 이번에는 html과 css, java script로 파일을 나눠줄 것이다. 아래는 html 코드다. 파일 이름을 index.html로 만들고 넣어준다. 이리의 맥 이야기 공지사항 게시판 1 게시판 2 게시글 작성 이전 1 2 3 다음 게시글 작성 × 제목 내용 이미지 첨부 닫기 작성 완료 그 다음 style.css 파일을 만들고 아래의 코드를 넣어준다. body { background-color: black; color: black; } .navbar { margin-bottom: 30px; background-color: gr.. 개발 이야기/[HTML5] 2023. 5. 10. 더보기 ›› [HTML5] - 22 - 댓글기능 만드는 법 #주의# 이 글은 강의 글이 아니다. 틀린 부분, 깔끔하지 못한 부분 있을 수 있다. 지적해 주시면 저도 공부가 되고, 앞으로 이 글을 보실 분들에게도 도움이 될 거라 생각한다. 이번에는 댓글을 달 수 있게 만들어 볼 것이다. 댓글 기능을 추가하기 위해서는 코드에 새로운 HTML 요소와 JavaScript 함수를 추가해야 한다. 먼저 HTML 코드에 댓글 기능을 위한 새로운 요소를 추가해 보겠다. 작성 위 코드에서는 게시글 아래에 새로운 card-footer 요소를 추가한다. 그리고, 그 안에 댓글을 입력할 수 있는 폼과 댓글 목록을 출력할 comments 클래스를 가진 div 요소를 추가한다. 다음으로는 JavaScript 코드에 새로운 함수를 추가해 준다. function addComment(even.. 개발 이야기/[HTML5] 2023. 5. 8. 더보기 ›› 728x90 반응형 이전 1 2 3 4 5 ··· 7 다음
