๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’š UIUX ์›นํผ๋ธ”๋ฆฌ์…” ๊ณผ์ •(6๊ฐœ์›”)

2021-07-16 (95์ผ์ฐจ)VS์ฝ”๋“œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์‚ฌ์šฉ๋ฐฉ๋ฒ•, GITHUB์ฃผ์˜์‚ฌํ•ญ, TOAST UI ์‚ฌ์šฉ๋ฐฉ๋ฒ•

by widely design 2021. 7. 17.

  GITHUB 11๊ฐ•  

  PHP 33๊ฐ•  

  ํ† ์ŠคํŠธ UI 1~5๊ฐ•  

 

- vs code ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ๋ฒ• defer

  - ๋ฐฉ๋ฒ• 1

    <script src=""></script> ์•ˆ์— ๋‚ด์šฉ ๋„ฃ์–ด์„œ <body> ์•ˆ ๋งˆ์ง€๋ง‰์— ๋ฐฐ์น˜ํ•˜๊ธฐ

  - ๋ฐฉ๋ฒ• 2

   <script src="ํŒŒ์ผ"></script> ํŒŒ์ผ ์—ฐ๊ฒฐํ•˜์—ฌ  <body> ์•ˆ ๋งˆ์ง€๋ง‰์— ๋ฐฐ์น˜ํ•˜๊ธฐ

  - ๋ฐฉ๋ฒ• 3

    ํ‰์ƒ์‹œ์ฒ˜๋Ÿผ head์•ˆ์— ๋ฐฐ์น˜ ํ›„, ํƒœ๊ทธ ๋’ค์— defer ๋„ฃ์–ด์ฃผ๊ธฐ

    ex) <script src="common.js" defer></script>


<github ํ˜‘์—… ์ฃผ์˜์‚ฌํ•ญ ์ด์ •๋ฆฌ>

- git push origin master ์•ˆ ๋  ๋•Œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

  window > windows ์ž๊ฒฉ ์ฆ๋ช… ๊ด€๋ฆฌ > ์ผ๋ฐ˜ ์ž๊ฒฉ ์ฆ๋ช… ํด๋ฆญ > github ์‚ญ์ œ

 

- git add . -u

  : git add . ์ด ์•ˆ ๋  ๋•Œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

 

- git pull origin master

  ์ž‘์—… ์™„๋ฃŒ ํ›„ > ctrl+s > git add . > git commit -m "์ž‘์—…๋‚ด์šฉ" > git pull origin master

  โ€ป ์ค‘๊ฐ„์— ๋ช…๋ นํ•  ์ˆ˜ ์—†์Œ ctrl+s์ „๋‹จ๊ณ„, commit ํ›„๋‹จ๊ณ„์—๋งŒ ์‚ฌ์šฉ๊ฐ€๋Šฅ

 

- git clone ๋งํฌ .

  : ๊ผญ ํ•œ ๋ฒˆ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ


< TOAST UI ์‚ฌ์šฉ๋ฐฉ๋ฒ• >

 

- ์ •ํ•ด์ง„ ํ‹€์— ๋‚ด์šฉ ์“ฐ๊ธฐ

  <h1>ํƒ€์ดํ‹€</h1>
  <div>
    <script type="text/x-template">
       ์—ฌ๊ธฐ๋ถ€๋ถ„์— ๋‚ด์šฉ ์“ฐ๊ธฐ!!!
    </script>
    <div class="toast-ui-viewer"></div>
  </div>

 

- ์ด๋ฏธ์ง€ ๋„ฃ๋Š” ๋ฐฉ๋ฒ•

  ![์ด๋ฏธ์ง€์ด๋ฆ„](์ด๋ฏธ์ง€ ์ฃผ์†Œ)

 

- ์œ ํŠœ๋ธŒ ์˜์ƒ ๋„ฃ๋Š” ๋ฐฉ๋ฒ•

  ```youtube
   ์˜์ƒ ์ฃผ์†Œ์—์„œ = ๋’ท๋ถ€๋ถ„๋งŒ ์“ฐ๊ธฐ
   ```

 

- HTML, CSS, JAVASCRIPT, PHP ๋ฉ‹์žˆ๊ฒŒ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•

๊ฒฐ๊ณผ๋ฌผ

๋Œ“๊ธ€