Beyond the Laziness

안녕하세요? 오늘은 HTML 안에서 특수문자안의 특수문자들을 올바르고 명확하게 표현하기 위한 코드를 알아보겠습니다. 이렇게 알아보게된 배경은 아래와 같았습니다. 별도의 파일로 템플릿 스크립트를 저장해 놓고, ckeditor를 오픈하면 이를 불러와 HTML 템플릿을 뿌려주는 부분 이었는데요. 이 템플릿을 활용해 내용 까지도 잘 작성이 되는데, 여기의 내용을 getHtml 함수로 뽑아내어 DB에 저장하고 이를 전송하는데 내용에 font 쪽 스크립트가 "로 감싸져 있어서 "" 안에 ""가 들어가다 보니 파싱할 때 애러가 발생했습니다. 분명히 템플릿에 지정한 스크립트는 ' 따옴표였는데, 이를 getHtml로 뽑아내면 " 쌍따옴표가 되는 신기한 현상이 발생하더군요. 그래서 명확하게 지정하기 위해 HTML에서 특수..

기존 포스팅에서 vue.js 개발을 위해 필요한 개발환경 구성을 위한 "node.js 설치 / Visual Studio Code 설치 / Build 환경 구성 / 서버 기동" 등에 대해서 알아보았습니다. 그럼, 이번에는 실제 vue.js 프로그램 개발을 위해 수정해야 하는 메인 파일인 App.vue 파일의 내용을 수정하고 이를 build 해 정상적으로 개발한 내용이 적용되는지 확인해 볼게요. 지난 포스팅에서 생성한 C:\vue_test 프로젝트 폴더를 열어줍니다. 그러면 아래와 같이 팝업이 뜨는데요. 선택한 폴더의 파일과 제작자에 대해서 신뢰를 하는지 물어봅니다. 해당 경로에 있는 프로그램은 자동적으로 수행될 수 있으므로 신뢰여부를 물어보는데요. 당연히, "Yes, I trust the athors"를 ..

Vue.js를 통해 애플리케이션을 코딩해 프로그램을 만들기​ 위해서는 프로그래밍할 수 있는 코딩 개발툴을 설치해야 하는데요. 많이 사용되는 것이 바로 Microsoft 사의 Visual Studio Code 입니다. 비주얼 스튜디오 코드는 가벼워 쾌적한 개발환경을 제공하고 다양한 프로그래밍 언어를 사용할 수 있어 많은 사람들이 사용하고 있습니다. 그럼 실제 설치해보면서 과정을 남겨볼게요. 먼저 아래 사이트를 방문해 설치파일은 다운로드 받습니다. Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and ..

지난 포스팅 과정에서 node.js 설치와 Visual Studio Code를 설치해봤는데요. 이제 본격적으로 Vue.js 실습을 진행해 보려고 합니다. 1. 프로젝트 생성 먼저 샘플 코드 작성을 하기 위해서는, vue 프로젝트를 생성해야 합니다. 프로젝트를 생성하기 위해서는 프로젝트가 위치할 경로를 결정해야 하는데요. 이번에는 찾기 쉽게 C:\ 아래에 바로 프로젝트를 생성해보려고 합니다. 비주얼 스튜디오 코드에서 터미널 탭으로 이동하면 콘솔창에서 명령어를 수행 할 수 있는데요. 먼저 c:\ 이동하기 위해 아래 "cd c:\" 명령을 쳐줍니다. 그 다음 "npm create vue@latest" 를 쳐주면 아래와 같은 입력항목들이 나오는데요. 여기서 Project name은 "vue_test"로 작성하고..