반응형 javascript6 [vue.js] markdown to text (마크다운 문법에서 텍스트 뽑아내기) 1. markdown-to-text 라이브러리 설치 npm install markdown-to-text 2. removeMarkdown 함수를 이용해 파싱 import removeMarkdown from 'markdown-to-text' const markdown = '##마크다운 문법 파싱해봅시다' removeMarkdown(markdown) console.log(markdown)//마크다운 문법 파싱해봅시다 2023. 10. 12. [Javascript] 구조분해(Destructuring ) 할당 구조분해(Destructuring) 할당이란? Destructuring 할당은 개체 또는 배열에서 값을 추출하여 개별 변수에 할당할 수 있는 JavaScript(및 일부 다른 프로그래밍 언어)의 기능입니다. 복잡한 데이터 구조에서 값을 압축 해제하는 간결하고 편리한 방법을 제공합니다. Destructuring 할당 구문은 객체에 중괄호 {}를 사용하고 배열에 대괄호 []를 사용하여 값을 추출하기 위한 패턴을 지정합니다. 패턴은 개체 또는 배열의 구조와 일치하며 값은 해당 패턴을 기반으로 변수에 할당됩니다. 1. 객체에 대한 구조분해 할당 이 예에서는 person 개체의 name, age 및 city 속성이 추출되어 동일한 이름을 가진 변수에 할당됩니다. // Object const person = { n.. 2023. 7. 11. [Javascript] 열거형 Enum Enum이란? Enum은 enumerated type의 줄임말이다. 즉, 열거하는 타입이라는 의미이다. 상수 값 중에서 비슷한 종류들을 묵어두기 위한 용도로 자주 사용된다. 상수란? 간단한 상수란 변수의 반댓말로 항상 상(常)자를 사용하여 변하지 않고 고정된 값을 담는 변수를 의미한다. 변하지 않는 값을 사용하고 싶을 때 사용한다. Javascript에서 enum 타입은 고유한 타입은 아니다.(java에서는 enum타입 제공) 2023. 6. 30. [Javacript ] 변수 선언 방식 Javascript 변수 종류 1. var 2. let 3. const 1. var 기존의 많이 사용 됐던 변수이고 단점이 존재한다. var name = 'bathingape' console.log(name) //출력값: bathingape var name = 'javascript' console.log(name) //출력값: javascript 위의 코드를 보면 같은 이름의 변수를 한 번 더 선언했음에도 에러가 나오지 않고 각기 다른 값으로 출력된다. 이는 코드량이 많아질 수록 변수가 어떻게 사용 되고 있는 지 파악하기 힘들며 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완한 변수 선언 방식인 let, const가 등장했다. 2. let, const 위의 코드를 let 변수 선언 방식으로 바꿔.. 2023. 6. 30. [vue3] SCSS사용 방법(정말 쉬움.) SCSS란? CSS pre-processor로서 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성 및 가독성을 높여주며 유지보수에 용이하다. SCSS 설치 npm install -D sass 프로젝트에서 sass파일 만들기 project - src - assets - scss main.scss assets 안에 scss라는 폴더를 생성하고 main.scss 파일을 생성하자. 생성했으면 main.js에 import해서 사용하도록 한다. import { createApp } from "vue"; import App from "./App.vue"; import "./assets/scss/main.scss"; //이부분이 scss import한 부분 createApp(App).mount("#app"); 2023. 6. 23. ReferenceError: Cannot access 'form' before initialization 원인 : 코드에서 함수를 변수보다 위에 선언 해놓음. 해결: 함수 위로 변수를 먼저 선언해서 해결 2023. 5. 9. 이전 1 다음 반응형
