Skip to content

first commit #36

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
newsilver1028 wants to merge 4 commits into
base: master
Choose a base branch
from
Open

first commit #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1f62a06
first commit
newsilver1028 Apr 12, 2021
b162889
second commit
newsilver1028 Apr 13, 2021
6f026d2
update project
newsilver1028 Apr 24, 2021
dd3433e
update _config
newsilver1028 Apr 24, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions ...yll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
I"
{"source"=>"C:/Users/roehd/Desktop/newsilver1028.github.io", "destination"=>"C:/Users/roehd/Desktop/newsilver1028.github.io/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/blog/:title/"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>["README.md", "Gemfile", "Gemfile.lock", "node_modules", "gulpfile.js", "package.json", "_site", "src", "vendor", "CNAME", "LICENSE", "Rakefile", "old", ".sass-cache", ".jekyll-cache", "gemfiles", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>[], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"", "show_dir_listing"=>false, "permalink"=>"/blog/:title/", "paginate_path"=>"/blog/page:num/", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>"", "type"=>"posts"}, "values"=>{"permalink"=>"/blog/:title/", "layout"=>"post", "author"=>nil}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>"1..6", "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false, "enable_coderay"=>false, "syntax_highlighter"=>"rouge", "syntax_highlighter_opts"=>{:default_lang=>"plaintext", :guess_lang=>true}, "coderay"=>{}}, "title"=>"GAEUN SHIN", "bio"=>"Web Developer", "description"=>"Frontend", "locale"=>"ko", "url"=>"", "disqus_shortname"=>"default", "analytics-id"=>"default", "twitter"=>"default", "facebook"=>"default", "instagram"=>"default", "github"=>"newsilver1028", "location"=>"인천 남동구 구월로 266번길 16", "phone"=>"010-3572-1964", "email"=>"newsilver1028@naver.com", "background_image"=>"/images/bg.jpg", "slapform_thankyou_page"=>"/thank-you", "mathjax"=>true, "sass"=>{"sass_dir"=>"_sass", "style"=>:compressed}, "gems"=>["jekyll-mentions", "jekyll-sitemap", "jekyll-feed", "jekyll-gist", "jekyll-paginate"], "paginate"=>6, "jekyll-mentions"=>{"base_url"=>"https://github.com"}, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET
19 changes: 19 additions & 0 deletions ...l--Converters--Markdown/18/2fdd0201ca7ede2e1cde1577ce4a7d696ea7a2a31cbb5727174754dca01ca5
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
I"�<h2 id="about-our-site">About our Site</h2>

<p><span class="image left"><img src="/images/pic04.jpg" alt="" /></span></p>

<p>Making steady content and conveying it well takes a great deal of research and, hence, time and exertion. Building a profound established comprehension of your target customer needs is critical as your principle objective ought to be to fulfill their requirements as awesome content. You should need to enhance their lives. Having significant content like this may not be simple by any methods. Be that as it may, in any case, it’s a fundamental apparatus in the event that you expect to grow a fruitful and supportable business in the present web focused world.</p>

<p>Receiving the benefits of content is a certain something. Be that as it may, it’s so substantially less demanding once you begin conveying all the more successfully. The profitable content thought isn’t just about bragging your item’s capacities and general worth or your organization’s achievements. You should concentrate less on advertising how awesome your item is and rather concentrate on indicating how valuable it is. This is a client focused approach as it concentrates on their issues and your answer for them. Making yourself fundamental is critical.</p>

<h3 id="content-is-imortant">Content is Imortant</h3>
<div class="box">
<p>
In saying that, a one-measure fits-all approach won't do the trick with regards to content promoting. Rather, an emphasis on making remarkable, high caliber and totally genuine content that is engaging, helpful and fascinating for customers will get you the crown. From content, video and symbolism to infographics, studies, online courses and podcasts, whatever your favored content medium is, guarantee it is shareable and pertinent to your industry.
</p>
</div>

<p><span class="image left"><img src="/images/pic05.jpg" alt="" /></span></p>

<p>On social media, we may share our own thoughts and advance our image notwithstanding spreading musings for different associations and affiliations. With such a critical number of associations with people and relationship on social media, our experience can be over-burden with a considerable measure of information.</p>
:ET
2 changes: 2 additions & 0 deletions ...l--Converters--Markdown/5d/673ffc6fe83ca84cb9d694b4433084e7579ca1e3a88ef17ba71d1b70002a49
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
I":<h5 id="vuejs-시작하기">Vue.js 시작하기</h5>
:ET
94 changes: 94 additions & 0 deletions ...l--Converters--Markdown/65/ab8584dbd05b32f489942bc6d9d99cd3727a113f8688e1357851c829aba1fb
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
I"W<h5 id="vuejs-시작하기">Vue.js 시작하기</h5>

<h5 id="1-vuejs란">1. Vue.js란?</h5>

<h5 id="2-개발환경-설정">2. 개발환경 설정</h5>

<h5 id="3-vuejs-애플리케이션-예제">3. Vue.js 애플리케이션 예제</h5>

<hr />

<h4 id="1-vuejs란-1">1. Vue.js란?</h4>

<h5 id="vuejs의-특징">Vue.js의 특징</h5>

<ul>
<li>
<p>유연하고 가볍다.</p>

<p>(전체 아키텍처 새로 구성 X, 일부 UI화면만 적용)</p>
</li>
<li>
<p>React와 마찬가지로 가상 DOM을 지원하고 있다. (빠른 렌더링 속도 지원)</p>
</li>
<li>
<p>MVVM 패턴을 따르고 있다.</p>
</li>
</ul>

<p><img src="/images/MVVM.png" alt="MVVM 패턴" title="MVVM 패턴" width="700" /></p>

<hr />

<h4 id="2-개발환경-설정-1">2. 개발환경 설정</h4>

<ol>
<li>Node.js 설치 : npm install -g npm</li>
<li>Visual Studio Code 설치</li>
<li>Vue.js devtools 설치</li>
<li>Vue-CLI 설치 : npm install -g yarn @vue/cli</li>
<li>새 프로젝트 생성 : vue create [프로젝트 폴더명] / ‘Vue 프로젝트 매니저’ 이용</li>
</ol>

<hr />

<h4 id="3-vuejs-애플리케이션-예제-1">3. Vue.js 애플리케이션 예제</h4>

<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code>
<span class="o">&lt;!</span><span class="nx">DOCTYPE</span> <span class="nx">html</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">html</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">head</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">meta</span> <span class="nx">charset</span><span class="o">=</span><span class="dl">"</span><span class="s2">utf-8</span><span class="dl">"</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">title</span><span class="o">&gt;</span><span class="nx">hello</span> <span class="nx">vue</span><span class="p">.</span><span class="nx">js</span><span class="o">&lt;</span><span class="sr">/title</span><span class="err">&gt;
</span> <span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="dl">"</span><span class="s2">https://unpkg.com/vue@2.5.16/dist/vue.js</span><span class="dl">"</span><span class="o">&gt;&lt;</span><span class="sr">/script</span><span class="err">&gt;
</span><span class="o">&lt;</span><span class="sr">/head</span><span class="err">&gt;
</span><span class="o">&lt;</span><span class="nx">body</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">div</span> <span class="nx">id</span><span class="o">=</span><span class="dl">"</span><span class="s2">simple</span><span class="dl">"</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">h2</span><span class="o">&gt;&lt;</span><span class="sr">/h2</span><span class="err">&gt;
</span> <span class="o">&lt;</span><span class="sr">/div</span><span class="err">&gt;
</span> <span class="o">&lt;</span><span class="nx">script</span> <span class="nx">type</span><span class="o">=</span><span class="dl">"</span><span class="s2">text/javascript</span><span class="dl">"</span><span class="o">&gt;</span>
<span class="kd">var</span> <span class="nx">model</span> <span class="o">=</span> <span class="p">{</span>
<span class="na">message</span> <span class="p">:</span> <span class="dl">'</span><span class="s1">첫번째 Vue.js 앱 입니다!</span><span class="dl">'</span>
<span class="p">};</span>

<span class="kd">var</span> <span class="nx">simple</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Vue</span><span class="p">({</span>
<span class="na">el</span> <span class="p">:</span> <span class="dl">'</span><span class="s1">#simple</span><span class="dl">'</span><span class="p">,</span>
<span class="na">data</span> <span class="p">:</span> <span class="nx">model</span>
<span class="p">})</span>

<span class="o">&lt;</span><span class="sr">/script</span><span class="err">&gt;
</span><span class="o">&lt;</span><span class="sr">/body</span><span class="err">&gt;
</span><span class="o">&lt;</span><span class="sr">/html</span><span class="err">&gt;
</span>
</code></pre></div></div>

<hr />

<h5 id="실행결과">실행결과</h5>

<p><img src="/images/ch01.png" alt="실행결과1" width="880" /></p>

<hr />

<p><img src="/images/ch01-2.png" alt="실행결과2" width="880" /></p>

<figure class="highlight"><pre><code class="language-markdown" data-lang="markdown"><span class="gh"># Console에서 변수의 값을 직접 변경.</span></code></pre></figure>

<hr />

<blockquote>
<p>MVVM 구조는 생소했으나, 익숙해져서 실제 프로젝트에도 적용하게 되면 구조 수정도 용이해질 것이다.<br />
팀 프로젝트에는 MVC 구조를 사용했는데, Eclipse에서 수많은 패키지와 클래스를 수정하느라 번거로웠다.<br />
아직은 예제 작성밖에 못하고, 개념도 확실히 이해하지 못했지만, MVVM 구조에 익숙해지면 코드 수정에 할애하는 시간이 훨씬 단축될 것이다.</p>
</blockquote>
:ET
Loading