[자바스크립트] JSON형식 직렬화/역직렬화 방법
# JSON(Javascript Object Notation) : 클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷. : 자바스크립트의 객체처럼 키:값으로 구성되며, 각 객체를 배열로 묶을 수도 있다. : 문자열로된 키와 값은 큰따옴표("")로 감싸야 한다. // JSON 형식 const arr_JSON = [ { "name": "taeho", "age": 37, "major": "경제학", "hobby": "코딩" }, { "name": "eunjung", "age": 31, "major": "경영학", "hobby": "디자인" }, { "name": "curryyou", "age": 21, "major": "역사", "hobby": "글쓰기" }, ]; # JSON 내장 객체 : 자바..
2021. 7. 9.
[자바스크립트] div, p, a, span 텍스트 복사(copy)기능 구현 방법
보통 자바스크립트에서 텍스트를 클립보드에 복사하는 방법은 textarea, input[text]태그의 value값을 선택하여 document.execCommand('copy') 명령어를 실행하는 것이다. [자바스크립트] 텍스트 클립보드 복사(copy)/붙여넣기 기능 구현 방법 그런데 이 방법은 div, p, a, span 등 다른 태그의 내부 텍스트는 복사하지 못한다는 단점이 있다. 그래서 textarea를 가상(?)으로 생성하여 value값을 넣어서 복사하고, 다시 제거하는 방법을 사용한다. # div, p, a, h, span 등의 값을 클립보드에 복사하는 방법 1. 태그(div 등)의 내부 값을 취득 const valOfDIV = document.getElementById("div").textCon..
2021. 7. 8.
Lorem Ipsum: 샘플 더미 텍스트 생성 방법(+ VSCode HTML)
개발자들이나 디자이너들이 작업을 할 때, 다양한 이유로 샘플 더미 텍스트(dummy text)를 입력해야 할 때가 있다. 직접 타이핑을 하기도 번거롭고 귀찮을 때, 로렘 입숨(Lorem Ipsum)을 사용한다. IT 업계 실무에서는 - 기획자나 디자이너들의 경우, : 디자인/레이아웃/구성에만 집중하길 바랄 때, 의미 파악이 전혀 안 되는 더미 텍스트로 내용을 채운다. (의외로 그냥 막 써놓은 샘플 텍스트의 내용을 문제 삼는 분들이 종종 계신다.) - 개발자들의 경우, : 미리 텍스트 영역을 잡아놓고자 할 때 더미 텍스트를 사용하곤 한다. 1. 웹사이트: 한글, 영어, 일본어, 중국어 1) http://dogumaster.com/work/dummy 접속 2) 언어, 단락수/단어수 체크후, "생성하기" 버튼..
2021. 7. 7.
