개발자 퉁이리

인터페이스 인터페이스는 타입을 정의하는 강력한 방법으로 변수, 함수, 클래스의 타입을 정의할 수 있게 도와준다. 인터페이스는 변수, 함수, 클래스의 타입을 정의함으로써 일관성을 유지시켜주는데 크게 기여한다. 인터페이스가 어떻게 작동하는지 다음 예시를 통해 확인하자. interface Items { id: string category_id: string category_name: string name: string price: number } 위 예시를 보면 Items라는 인터페이스 안에 여러 변수가 들어있다. 그리고 각각 타입이 지정되어 있는 것을 확인할 수 있다. interface 형식 interface 이름 { 키: 타입 key : type } interface를 선언한 후 이름을 지정해준다. 그리고..

마크다운 (MarkDown) 마크다운은 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용된다. 일반 마크업 언어에 비해 문법이 쉽고 간단하다. ❓ 마크다운을 어디서 사용하나요? 마크다운 문법을 지원하는 모든 곳에서 사용 가능하다. 블로그나 워드프레스, 인스턴트 메시지나 온라인 포럼 등에서 널리 사용된다. 우리가 알만한 곳으로는 Trello나 Slack, 그리고 마크다운이 가장 주목받은 이유인 GitHub가 있다. GitHub에서 Repository의 정보를 기록하는 README.md가 마크다운 형식이다. README에 설치 방법이나 소스코드 설명 등을 마크다운 형식으로 기록한다. 🎬 마크다운 역사 Swartz와 John Gruber는 2004년에 마크다운 언어를 만들었다. 읽기 쉽고 쓰기 쉬운 일반 텍..

TOAST UI 마크다운과 위지윅 방식을 지원하는 에디터이다. 📋 TOAST UI 세팅 https://nhn.github.io/tui.editor/latest/ 위 사이트에 접속하여 좌측 메뉴바에 Examples를 누르면 여러 가지 샘플을 볼 수 있다. 마음에 드는 샘플이 있다면 자바스크립트 코드와 HTML 코드를 가져와 사용하면 된다. (오픈소스) 🛒 이제 본격적으로 TOAST UI를 어떻게 사용하는지 알아보자 🔎TOAST UI 사용법 우선 사용하고 싶은 페이지에 CSS 코드를 추가해준다. 자바스크립트 코드도 추가해주자 CSS 코드와 자바스크립트 코드를 추가해주었으면 HTML 코드도 추가해준다. 마지막으로 아래 코드만 추가해주면 된다 const Editor = toastui.Editor; const e..