Markdown(md)

https://github.com/Ileriayo/markdown-badges#markdown-badges - 뱃지 모음 리포

https://www.webfx.com/tools/emoji-cheat-sheet/ -이모지 사이트

[Shields.io Shields.io](https://shields.io/) - 뱃지 생성 사이트

https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md - 리드미 스텟 카드 테

https://github.com/ashutosh00710/github-readme-activity-graph - 리드미 그래프 카드

마크다운은 산문을 읽고, 쓰고, 편집하기 쉬운 목적으로 만들어진 문서 작성을 위한 형식으로 사용되며 문법이 간결하고 HTML 삽입이 가능합니다.

이때 마크다운을 작성한 문서의 표현 방식은 CSS의 설정에 따라 달라집니다.

[!NOTE] 장점

  • 문법이 간결하고 쉽다.
  • 모든 것에 사용할 수 있다.(웹 사이트, 문서, 메모, 기술 문서 등)
  • 마크다운은 지원하는 플랫폼이 많다.(Github, Discord 등)
  • 마크다운은 대부분의 환경에서 편집, 작성이 가능하다.
  • 텍스트로 저장되기 때문에 용량이 적다.

[!NOTE] 단점

  • 모든 HTML의 문법을 대신하지 못한다.
  • 표준이 없기 때문에 도구에 따라 변환방식 또는 생성물이 다르다.
  • 마크다운으로 파일 업로드하는 경우 저장한 다음 파일 경로를 입력해야 되는 불편함
  • tistory, naver blog, notion과는 다르게 문법들을 하나하나 입력해야 되는 경우가 있다.

Headers 헤더

\#으로 시작하는 텍스트.
\#은 하나부터 여섯개까지 가능.
\#이 늘어날 때마다 제목의 스케일이 낮아짐.

^^ Horizontal Ruels 수평선 - 또는 * 또는 _ 을 3개 이상 작성. 단, -을 사용할 경우 header로 인식할 수 있으니 바로 윗 라인은 비워두어야 한다. 이렇게 ————-


Line Breaks 줄바꿈 <br> 를 사용해서 줄바꿈


Emphasis 강조 * 또는 _ 로 감싼 텍스트. 기울기 ** 또는 __ 로 감싼 텍스트. 두껍게 ~~ 로 감싼 텍스트. 취소선

이태릭과 두껍게는 같이 사용할 수 있다.


Blockquotes 인용 ‘>’으로 시작하는 텍스트. ‘>’는 3개까지 사용가능.

텍스트

텍스트2

텍스트3


Lists 목록

+, * , - 를 이용하면 순서가 없는 목록을 만들 수 있다.


Bachslash Escapes

특수문자를 표현할 때, 표시될 문자 앞에 \를 넣고 특수문자를 쓰면 출력 된다. *, -


이미지

링크와 비슷하지만 앞에 !가 붙는다.

인라인 이미지 ![alt text](/test.png) 링크 이미지 ![alt text](image_URL)

<img> 태그도 사용 가능하다.


[Google](http://www.google.com “구글”) Google

구글 www.google.com 꺽쇠와 괄호 없어도 링크는 자동으로 생긴다.


내부(해시) 링크 [보여지는 내용](이동할 헤드(제목)) 괄호 안의 링크를 쓸 때는 띄어쓰기는 -로 연결, 영어는 모두 소문자로 작성

1. Headers 헤더


체크 리스트 줄 앞에 - [x]를 써서 완료된 리스트 표시. 줄 앞에 - []를 써서 미완료된 리스트 표시.

  • 완료
  • 미완료

  • 완료
  • 미완료

테이블 정렬

헤더1|헤더2|헤더3 :—|:—:|—: Left|Center|Right 1|2|3 4|5|6 7|8|9

테이블 정렬

헤더1 헤더2 헤더3
Left Center Right
1 2 3
4 5 6
7 8 9

This line appears after every note.

Notes mentioning this note


Here are all the notes in this garden, along with their links, visualized as a graph.

ReadmeTips설명자료 모음나의 유의 사항과 고치고자 했던점Throw error기능 목록제출용 소감문회고록1주차 피드백BoardStyle guide checklist기능 요구 사항 숫자 야구입출력 요구 사항제출용 소감문 숫자 야구 게임프로그래밍 요구 사항회고록기능 목록요구 사항제출용 소감문 자동차 경주 게임회고록Todo'기능 목록제출용 소감문 크리스마스 프로모션회고록Scpc몰입해본 경험성공한 프로젝트들1. 효과적인 학습 방식과 경험2. 성장 중 겪은 실패와 극복3. 오랜 시간 몰입했던 경험 그리고 도전4. 원하는 프로그래머 모습우테코 증빙자료효과적인 학습 방법과 결과프론트엔드 기말과제 리팩토링CssDiv에 그림자 효과 넣기FlexBabelBigintBooleanClassIife(즉시 실행 함수 표현식)Javascript style guideJavascript typesJavascriptLinked list(연결 리스트)MapMark and sweepNull typeNumberObject ForeachObject.defineproperty()ObjectPromiseReference countingSetShift 연산String.indexof(), string.includes()StringSymbolUndefined typeV8 가비지 컬렉션Async 와 awaitCall 과 apply 메서드Callback 함수Private 프로퍼티SomeThrowWrapper object가비지 컬렉션객체의 attribute기본 매개변수 문법데이터 속성메모리 관리메모리 생명 주기배열생성자(constructor)원시값접근자 속성함수 호이스팅(hoisting)함수(function)함수를 정의하는 법함수와 메소드의 차이힙과 스택Class component(클래스형 컴포넌트)DomFunction component(함수형 컴포넌트)JsxReact domReact elementReact hooksReact 생명주기ReactSpaVirtual domPropsUseeffect렌더링리렌더링마운트함수형 컴포넌트와 클래스형 컴포넌트의 차이점Github page로 배포GithubReadme 파일 작성CloneFork커밋 메시지 작성 규칙Brain stormingWeb3마이너스마트 컨트랙트페이로드(payload)Markdown(md)MermaidMvc 패턴도메인 로직비즈니스 로직Jest란Tdd(테스트 주도 개발)모킹(mocking)이란스파이(spying)이란AbiDtdNode jsReadmeThreadXml런타임 환경스키마유클리드 호제법최대공배수 알고리즘Todo list옵시디언 웹 주소