[MARKDOWN] 마크다운 작성규칙[MARKDOWN] 마크다운 작성규칙

Posted at 2019. 1. 15. 00:45 | Posted in 카테고리 없음
반응형




참고 : http://www.hanbit.co.kr/store/books/look.php?p_code=B8463790401

참고 : https://wikidocs.net/1678





■ 마크다운 작성 규칙






#01. 문단 구분을 위한 강제 개행




일반적으로 문단 작성은 그냥 텍스트를 입력하면 된다.


문단을 구별하려면 한 개 이상의 빈 줄을 문단 사이에 삽입하거나 줄의 마지막에 【 SPAACE BAR 】를 두번 이상 눌러 띄어쓰기 한다.



# 입력 텍스트

 

   문단을 작성하면 됩니다.

   빈줄이 없으면 자동으로 앞의 문장 뒤에 붙습니다.공백【공백】

   위 문장에서 두 칸의 공백을 두어 강제 개행할 수 있습니다.




# 출력 결과






#02. 제목, 타이틀을 지정하는 헤더



"# 헤더 이름"식으로 작성하면 된다.


#을 1개부터 6개까지 총 6단계로 쓸 수 있다.



# 입력 텍스트


   # 헤더 이름

   ## 헤더 이름

   ### 헤더 이름

   #### 헤더 이름

   ##### 헤더 이름

   ###### 헤더 이름




# 출력 결과






#03. 인용 상자



> 내용 형식으로 인용 상자를 작성할 수 있다.


빈 줄이 나오기 전까지의 내용이 인용 상자 안에 포함된다.



# 입력 텍스트


   > 여기에 인용할 내용을 채워 넣으면 됩니다.

   빈 줄이 없으면 자동으로 인용 상자에 포함이 됩니다.  

   위 문장에서 음영으로 표현된 2칸의 공백으로 강제 개행을 할 수 있습니다.


   인용이 끝났습니다.

 







#04. 인덱스 목록 나타내기




기본적인 리스트 작성 방법은 무순서 목록을 만든는 것이다.



 # 입력 텍스트

 # 출력 결과


   * 목록이름

   - 목록이름

   + 목록이름



 # 입력 텍스트

 # 출력 결과


  숫자. 목록이름




 # 입력 텍스트

 # 출력 결과


   - 상위목록

   - 하위목록




위 3가지 중 어떤방법을 사용하든 상관 없다.



순서가 있는 목록을 만들려면 다음과 같은 방식으로 작성한다.



이때 사용하는 숙자는 한 자리 숫자면 어떤 숫자든 상관 없다.


하나의 목록 아래에 위치하는 목록을 만들 때는 최소 공백 두 칸을 둔다.


하위 항목을 둘 때마다 일정한 칸 수로 지정해 주어야 한다.


작성 예는 다음과 같다.



 # 입력 텍스트

 # 출력 결과


   - 아이템 1

   + 아이템 2

   - 1단계 하위 아이템

   * 2단계 하위 아이템

   * 아이템 3


   1. 아이템 1

   3. 아이템 2

       - 1단계 하위 아이템

       * 2단계 하위 아이템

   9. 아이템 3







#05. 프로그래밍 언어 코드 블록 및 인라인 코드



첫번째 행에 세개의 역 따옴표를 입력한 후 '프로그래밍 언어 이름'을 입력한다.


두번째 행에는 '코드 내용'을 적는다.


세번째 행에는 다시 세 개의 역 따옴표로 닫으면 해당 프로그램밍 언어의 구문 구별 표시를 적용한 코드를 볼 수 있다.



# 입력 텍스트


   ```python
   def func();
   print "Minatozaki"
   print "Sana"
   pass
   ```

   ```javascript
   var twice = new lim_nayeon();
   twice.sing();
   ```





# 출력 결과





문단 작성 중간에 코드를 삽입해야 할 경우가 있다.


정확히는 고정 폭 폰트를 표시해야 할 때 이다.


코드 내용 처럼 역 따옴표로 감싸면 내용은 고정 폭 폰트로 표시된다.



# 입력 텍스트


   문자 중간에 `Code`를 넣을 수 있다.


   예를 들어 `var redVelvet = new member('wendy');` 와 같은 형태로.





# 출력 결과






#06. 하이퍼 링크 삽입




주소를 별도의 '링크 텍스트'에 연결하지 않고 주소를 그대로 보여주면서 링ㅋ크를 만들려면 주소를 <LINK>로 감싸주면 된다.


이때 "http://"와 같은 프로토콜 표시를 반드시 작성해 주어야 한다.



# 입력 텍스트


   <http://maigc.wickedmiso.com/>





# 출력 결과




문단의 중간에 다음과 같은 형식을 통해 하이퍼 링크를 삽입할 수 있다.



# 입력 텍스트


   [BLOG](http://wickedmagica.tistory.com/ "사악미소")





# 출력 결과





그런데 위키의 경우 【【문서 이름】】 형식을 통해 비어 있는 위키 문서를 생성하는 하이퍼링크를 만들 수도 있다.


만약 하이퍼링크의 보이는 이름과 실제 작성할 윜키 문서 이름을 다르게 만들려면


【【링크에서 보이는 이름 | 위키 문서 이름】】 형식으로 작성할 수 있다.



위키 문서에서의 하이퍼 링크 작성 예는 다음과 같다.






#07. 이미지 삽입하기



이미지를 표현하는 방법은 링크 문법 앞에 느낌표 !만 붙이면 뒤에 입력한 인터넷 주소의 미지를 표시한다.




# 입력 텍스트


  ![사악](http://이미지_링크.png "wicked")





# 출력 결과







아쉽게도 이미지 크기를 조절하는 마크다운 기능은 존재하지 않는다.


따라서 이미지를 표시하기 전 이미지 크기를 미리 조절해야 한다.






#08. 특정 단어 강조하기



텍스트를 강조하는 방법에는 굵게 표시하는 방법과, 기울여 표시하는 방법 2가지가 있다.


굴게 표시하려면 ***텍스트***나 __텍스트__ 라고 작성하면 된다.




# 입력 텍스트


   ***텍 스 트***


   ___텍 스 트___





# 출력 결과





기울여 표시하려면 *텍스트*나 _텍스트_라고 작성하면 된다.




# 입력 텍스트


   *텍 스 트*


   _텍 스 트_




# 출력 결과






이 두가지를 조합해서 굴게 이울여 표시할 수도 있다.


**_텍스트_**, __*텍스트*__, *__텍스트__*, _**텍스트**_의 네가지 경우로 표시 가능하다.




# 입력 텍스트


   __두 개 연속으로 쓰면 굵게 표시__ 입니다. **이것 역시 굴게 표시됩니다.**


   _하나만 쓰면 기울여 표시_ 입니다. *이 역시 기울여 표시* 죠.


   **_텍 스 트_**


   __*텍 스 트*__


   *__텍 스 트__*


   _**텍 스 트**_





# 출력 결과








#09. 가로 실선 긋기



화면 전체를 가로지르는 가로선은 문자의 개수는 3개 이상이기만 하면 된다.




# 입력 텍스트


   ---


   ***


   ___






# 출력 결과






#10 탈출 문자




마크다운 문법을 나타내는 데는 일정한 기호를 사용한다.


그런데 이 기호를 기호 그대로 표시하고 싶다면 탈출 문자를 이용해야 한다.



기본적으로 그대로 표히사고 싶은 문자 앞에서 역 슬래시(\)를 붙이면 된다.


작성 예는 다음과 같다.




# 입력 텍스트


   __\*\WickedMiso\*\*__


   _\_saak\__





# 출력 결과








반응형
//

[JavaScript] 날짜 자동 포맷 함수[JavaScript] 날짜 자동 포맷 함수

Posted at 2019. 1. 11. 18:22 | Posted in JavaScript & jQuery/JavaScript
반응형




참고 : https://poiemaweb.com/js-date#13-new-datedatestring







웹 프론트 개발중에서는 항상 날짜를 특정한 형태의 포맷으로


화면에 나타내야 하는 경우가 잦다.


그때마다 Date() 함수등을 사용하여 정리하기는 너무 번거로운일이다.


아래 포스팅은 사용자 표현식 함수로 미리 날짜 포맷을 자동으로 맞춰주는 기능이다.





■ YYYY-MM-DD 형식으로 날짜 포맷하기





해당 코드는 기본 날짜값을 년 - 월 - 일 형식으로 바꿔준다.




# 소스 코드

<html>
<head>
<title>:: JAVASCRIPT 날짜 출력 ::</title>
<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {

    // 브라우저의 현재 날짜를 받아온다.

    var toDay = new Date();
    document.getElementById("toYmd").value = toDay.yyyymmdd();
  });

  // 현재 날짜값을 yyyy-mm-dd 형식으로 변환해주는 함수
  Date.prototype.yyyymmdd = function() {
      var yyyy = this.getFullYear().toString();
      var mm = (this.getMonth() + 1).toString();
      var dd = this.getDate().toString();
      return  yyyy + "-" + (mm[1] ? mm : "0" + mm[0]) + "-" + (dd[1] ? dd : "0" + dd[0]);
  }
</script>
</head>
<body>
    <h3>금일 날짜는(YYYY-MM-DD)?</h3>
    <input type="text" id="toYmd" style="text-align:center;"/>
</body>
</html>




# 출력 결과












■ HH:MM:SS 형식으로 시간 포맷하기





#01. 00시 ~ 24시 단위로 나타내기




해당 코드는 기본 날짜값을 시 : 분 : 초 형식으로 바꿔준다.




# 소스 코드

<html>
<head>
<title>:: JAVASCRIPT 시간 출력 ::</title>
<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {

    // 브라우저의 현재 시간을 받아온다.
    var toTime = new Date();
    document.getElementById("toHms").value = toTime.hhmmss();
  });

  // 현재 시간값을 hh:mm:ss 형식으로 변환해주는 함수
  Date.prototype.hhmmss = function() {
      var hh = this.getHours().toString();
      var mm = this.getMinutes().toString();
      var ss = this.getSeconds().toString();
      return (hh[1] ? hh : "0" + hh[0]) + ":" + (mm[1] ? mm : "0" + mm[0]) + ":" + (ss[1] ? ss : "0" + ss[0]);
  }
</script>
</head>
<body>
    <h3>현재 시간은(HH:MM:SS)?</h3>
    <input type="text" id="toHms" style="text-align:center;"/>
</body>
</html>




# 출력 결과





#02. AM, PM 12시간 단위로 나타내기




위에서 24시간 개념으로 시간을 출력하는것을 만들어 보았다면


이제 오전, 오후로 구분할 수 있는 12시간 개념으로 숫자를 표현해 보고자 한다.




# 소스 코드

<html>
<head>
<title>:: JAVASCRIPT 시간 출력 ::</title>
<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {

    // 브라우저의 현재 시간을 받아온다.
    var toTime = new Date();
    document.getElementById("toHms").value = toTime.hhmmss();
  });

  // 현재 시간값을 hh:mm:ss 형식으로 변환해주는 함수
  Date.prototype.hhmmss = function() {
      var hh = (hourthis.getHours().toString() % 12) ? hour : 12;

      hh = hh.toString();
      var mm = this.getMinutes().toString();
      var ss = this.getSeconds().toString();
      return (hh[1] ? hh : "0" + hh[0]) + ":" + (mm[1] ? mm : "0" + mm[0]) + ":" + (ss[1] ? ss : "0" + ss[0]);
  }
</script>
</head>
<body>
    <h3>현재 시간은(HH:MM:SS)?</h3>
    <input type="text" id="toHms" style="text-align:center;"/>
</body>
</html>




# 출력 결과





오전 or 오후, AM or PM을 표기하기 위한 함수는 따로 포스팅을 해두었다.


필요하다면 아래 링크를 참고하면 된다.





관련포스팅 : [JavaScript] 시간이 AM 혹은 PM인지 확인하는 함수













문자형 YYYY-MM-DD HH:MM:SS 형식, DATE 형변환






위에서 YYYY-MM-DD, HH:MM:SS 형식으로 날짜값을 변환하여 출력할 수 있게 만들어 보았다.


그렇지만 개발이란게 꼭 이대로 끝나지 않고.


위와 같이 만든 형태를 다시 날짜형으로 변환 시켜주어야 하는 경우가 꼭 발생한다.


아래 코드를 이용하여 YYYY-MM-DD HH:MM:SS 혁식으로 된 날짜 값을 다시


자바스크립트의 날짜형으로 변환 시켜 보자.



# 소스 코드

<html>

<head>

<title>:: JAVASCRIPT 날짜 변환 ::</title>

<script type="text/javascript">

  document.addEventListener("DOMContentLoaded", function() {


    // 강제로 YYYY-MM-DD HH:MM:SS 형식으로 날자값을 변수에 담는다.

    var txtDate = "2019-02-14 11:24:32";

    document.getElementById("convertTime").value = dateConvert(txtDate);

  });


  // 문자 YYYY-MM-DD HH:MM:SS값 날짜형으로 형변환

  var dateConvert = function(date) {

      const yeardate.substring(0, 4);

      const monthdate.substring(5, 7);

      const daydate.substring(8, 10);

      const hourdate.substring(11, 13);

      const minutedate.substring(14, 16);

      const seconddate.substring(17, 19);

      const convert = year + "/" + month + "/" + day + " " + hour + ":" + minute + ":" + second;

      return new Dateconvert );

  }

</script>

</head>

<body>

    <h3>현재 시간은?</h3>

    <input type="text" id="convertTime" style="text-align:center;width:350px;"/>

</body>

</html>




# 출력 결과








반응형
//

[Ubuntu] MariaDB 원격접속 허용하기[Ubuntu] MariaDB 원격접속 허용하기

Posted at 2019. 1. 9. 12:14 | Posted in Linux/Ubuntu
반응형




참고 : https://zetawiki.com/wiki/ERROR_2003_(HY000):_Can%27t_connect_to_MySQL_server_on

참고 : https://askubuntu.com/questions/699903/why-is-etc-mysql-my-cnf-empty





우분투에서 마리아DB 원격접속 설정하기





우분투에 마리아DB를 설치하고 외부에서 마리아DB에 접속하려고 하는 경우


아래와 같은 에러와 맞닥뜨릴 수 있다.



에러 상황 #1 - 외부 DB Toll로 접근 시도한 경우 

 Connection refused: connect

※ 위와같은 에러는 다른 경우에서도 발생할 수 있다.





에러 상황 #2 - 내부 서버 IP 주소로 접근 시도한 경우

 $ sudo mysql -h IP주소 -u root -p




위와 같이 에러가 발생하여,


설치한 마리아DB를 사용하지 못할 수 있기에.


마리아DB를 설치하면 꼭 원격 접속 까지 허용해 주도록 한다.








먼저 마리아DB의 접속을 위한 IPPORT가 어떻게 되어 있는지 확인해 보자.




 $ sudo netstat -antp | grep mysql





보면 127.0.0.1:3306 이라고 적혀 있는것을 확인 할 수 있는데.


현재 상태는 내부에서만 접근이 가능한 상태이다.


그렇다면 저 127.0.0.1로 되어있는 기본 IP 설정을 변경해 주어야 하하는데.


필자도 여기까지는 위 참고로 올려둔


제타위키의 ERROR 2003 (HY000): Can't connect to MySQL server on 포스팅 과 같이 해결이 가능한데


필자의 버전이 문제인지, 똑같이 진행 할 수 가 없어서


부족한 부분을 여기서 더 설명하며 작업을 진행한다.

(필자의 우분투 버전은 18.04, 마리아DB의 버전은 )




bind-address아이피 주소를 변경해야 하는데.


아래부터 진행해 보자.



 $ cat /etc/mysql/my.cnf




보면 includedir이 가리키는 mariadb.conf.d 디렉토리 경로가 존재한다.


먼저  해당 경로로 이동한다.


mariadb.conf.d 경로로 이동하여


어떠한 파일을이 있는지 확인해 보자.



 $ cd /etc/mysql/mariadb.conf.d/




위 이미지와 같이 mariadb.conf.d 안에 50-server.cnf 파일의 존재여부를 확인했다면.


이제 50-server.cnf 파일을 수정해야 한다.




 $ sudo vim /etc/mysql/mariadb.conf.d/50-server.cnf




그럼 bind-address = 127.0.0.1로 적혀있는 부분을 확인 할 수 있다.


해당 값을 0.0.0.0으로 변경하고나, 아예 주석( # ) 처리하한다.




 bind-address = 0.0.0.0




bind-address의 값을 변경하거나 주석처리 했다면 이제 작업은 끝난것이나  다름 없다.


우선 설정이 변경되었기에 마리아DB를 한번 재시작 시킨다.




 $ sudo service mysql restart




재식작된 화면에서 다시 원격접속 가능 여부를 확인해 보면


127.0.0.1이라고 적혀있부분이 0.0.0.0으로 변경된 것을 확인 할 수 있다.




 $ sudo netstat -antp | grep mysql



그럼 이제 다시 마리아DB에 접근할 수 있을 것이다.






이전글 : 우분투 마리아DB 비밀번호 및 보안 설정





반응형
//

[MariaDB] 테이블 구조 복사 쿼리[MariaDB] 테이블 구조 복사 쿼리

Posted at 2019. 1. 9. 00:30 | Posted in MySQL/MariaDB
반응형




참고 : https://extbrain.tistory.com/59




■ MariaDB 테이블 구조 복사 쿼리 생성




많은 Data Base 툴들은 기본적으로 DB 구조를 복사할 쿼리를 자동으로 생성해 주지만.


간혹 뭔가 지정해둔 속성이 빠지거나 하는 경우가 많아.


따로 정리하게 되었다.



 MariaDB > SHOW CREATE TABLE 테이블명



위의 결과를 출력하면 해당 테이블을 생성하는 CREATE 쿼리문이 자동으로 생성되어 나오는 것을 확인 할 수 있다.




■ MariaDB 테이블 컬럼명 조회




 MariaDB > SHOW COLUMNS FROM 테이블명

 







반응형
//