<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Develop journey</title>
        <link>https://velog.io/</link>
        <description></description>
        <lastBuildDate>Sun, 04 Feb 2024 08:50:27 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <image>
            <title>Develop journey</title>
            <url>https://velog.velcdn.com/images/anjeonghyun_0911/profile/0dfe8fed-0424-449e-b23b-1a8e3cca7b53/image.jpeg</url>
            <link>https://velog.io/</link>
        </image>
        <copyright>Copyright (C) 2019. Develop journey. All rights reserved.</copyright>
        <atom:link href="https://v2.velog.io/rss/anjeonghyun_0911" rel="self" type="application/rss+xml"/>
        <item>
            <title><![CDATA[백준 3273번 문제 - 두 수의 합]]></title>
            <link>https://velog.io/@anjeonghyun_0911/%EB%B0%B1%EC%A4%80-3273%EB%B2%88-%EB%AC%B8%EC%A0%9C-%EB%91%90-%EC%88%98%EC%9D%98-%ED%95%A9</link>
            <guid>https://velog.io/@anjeonghyun_0911/%EB%B0%B1%EC%A4%80-3273%EB%B2%88-%EB%AC%B8%EC%A0%9C-%EB%91%90-%EC%88%98%EC%9D%98-%ED%95%A9</guid>
            <pubDate>Sun, 04 Feb 2024 08:50:27 GMT</pubDate>
            <description><![CDATA[<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/f40c1d1a-b799-469e-8394-87f669f7b7dd/image.png" alt=""></p>
<h2 id="처음-작성한-코드">처음 작성한 코드</h2>
<pre><code>#include &lt;bits/stdc++.h&gt;

using namespace std;

int arr[10000001];
int main(void)
{
  ios::sync_with_stdio(0);
  cin.tie(0);
  int n;
  int x;
  int num = 0;
  cin &gt;&gt; n;

  for (int i = 0; i &lt; n; i++)
    cin &gt;&gt; arr[i];

  cin &gt;&gt; x;

  for(int i=0; i&lt;n-1; i++)
    for(int j=i+1; j&lt;n; j++)
      if(arr[i]+arr[j]==x)
        num++;


  cout &lt;&lt; num;
}
</code></pre><h4 id="처음-작성한-코드이다-n의-크기를-생각하지-않고-단순하게-이중-for문을-사용하여-구하려고-했다-하지만-런타임에러가-발생했다-시간복잡도가-on2이기-때문에-에러가-발생한-것-같다">처음 작성한 코드이다. n의 크기를 생각하지 않고 단순하게 이중 for문을 사용하여 구하려고 했다. 하지만 런타임에러가 발생했다. 시간복잡도가 O(N^2)이기 때문에 에러가 발생한 것 같다.</h4>
<h2 id="수정한-코드">수정한 코드</h2>
<pre><code>#include &lt;bits/stdc++.h&gt;

using namespace std;

int arr[10000001];
bool occur[20000001];
int main(void)
{
  ios::sync_with_stdio(0);
  cin.tie(0);
  int n;
  int x;
  int num = 0;
  cin &gt;&gt; n;

  for (int i = 0; i &lt; n; i++)
    cin &gt;&gt; arr[i];

  cin &gt;&gt; x;

  for (int i = 0; i &lt; n; i++)
  {
    if (x - arr[i] &gt; 0 &amp;&amp; occur[x - arr[i]])
      num++;
    occur[arr[i]] = true;
  }

  cout &lt;&lt; num;
}
</code></pre><h3 id="앞의-연습문제처럼-풀어본-코드이다">앞의 연습문제처럼 풀어본 코드이다.</h3>
<h4 id="occur-배열은-입력된-숫자가-이전에-등장했는지-안했는지를-알려주는-역할을-한다">occur 배열은 입력된 숫자가 이전에 등장했는지 안했는지를 알려주는 역할을 한다.</h4>
<h4 id="x-arri가-0보다-크고-occurx-arri가-true이면-num을-1-해준다">x-arr[i]가 0보다 크고 occur[x-arr[i]]가 true이면 num을 +1 해준다.</h4>
<h4 id="그게-아니라면-occurarri를-true로-만들어준다">그게 아니라면 occur[arr[i]]를 true로 만들어준다.</h4>
<h4 id="예를-들어-arr에-12345가-입력이-되었고-x에-6이-입력이-되었다고-가정하자">예를 들어 arr에 [1,2,3,4,5]가 입력이 되었고 x에 6이 입력이 되었다고 가정하자</h4>
<h4 id="그러면-i0일때-x-arr0--6-1--5-occur5--false이기-때문에-occur1이-true가-된다">그러면 i=0일때 x-arr[0] = 6-1 = 5, occur[5] = false이기 때문에 occur[1]이 true가 된다.</h4>
<h4 id="다음으로-i1일때-occur2가-true가-되고-i3일때-occur3이-ture가-된다">다음으로 i=1일때 occur[2]가 true가 되고, i=3일때 occur[3]이 ture가 된다.</h4>
<h4 id="그리고-i3일때-앞서-occur2--true이-되었기-때문에-num이-1이-된다">그리고 i=3일때 앞서 occur[2] = true이 되었기 때문에 num이 +1이 된다.</h4>
<h4 id="이런-과정으로-코드가-동작한다">이런 과정으로 코드가 동작한다.</h4>
<h3 id="느낀점--계속-브론즈-문제만-풀다가-실버-문제를-풀었는데-생각보다-어렵지-않아-자신감이-생겼다">느낀점 : 계속 브론즈 문제만 풀다가 실버 문제를 풀었는데 생각보다 어렵지 않아 자신감이 생겼다.</h3>
]]></description>
        </item>
        <item>
            <title><![CDATA[[바킹독의 실전 알고리즘] 0x03강 - 배열]]></title>
            <link>https://velog.io/@anjeonghyun_0911/%EB%B0%94%ED%82%B9%EB%8F%85%EC%9D%98-%EC%8B%A4%EC%A0%84-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-0x03%EA%B0%95-%EB%B0%B0%EC%97%B4</link>
            <guid>https://velog.io/@anjeonghyun_0911/%EB%B0%94%ED%82%B9%EB%8F%85%EC%9D%98-%EC%8B%A4%EC%A0%84-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-0x03%EA%B0%95-%EB%B0%B0%EC%97%B4</guid>
            <pubDate>Fri, 02 Feb 2024 16:24:20 GMT</pubDate>
            <description><![CDATA[<h2 id="배열array의-성질">배열(Array)의 성질</h2>
<h3 id="1-o1에-k번째-원소를-확인변경-가능">1. O(1)에 k번째 원소를 확인/변경 가능</h3>
<h3 id="2-추가적으로-소모되는-메모리의-양overhead가-거의-없음">2. 추가적으로 소모되는 메모리의 양(=overhead)가 거의 없음</h3>
<h3 id="3-cache-hit-rate가-높음">3. Cache hit rate가 높음</h3>
<h3 id="4-메모리-상에-연속한-구간을-잡아야-해서-할당에-제약이-걸림">4. 메모리 상에 연속한 구간을 잡아야 해서 할당에 제약이 걸림</h3>
<h4 id="insert-함수를-구현할때-왼쪽에서-오른쪽으로-값을-옮기는-알고리즘을-구현했다">insert 함수를 구현할때 왼쪽에서 오른쪽으로 값을 옮기는 알고리즘을 구현했다.</h4>
<h4 id="1-n-1번째-인덱스-값이-n번째-인덱스로-이동">1. n-1번째 인덱스 값이 n번째 인덱스로 이동</h4>
<h4 id="2-배열의-길이-1-늘리기">2. 배열의 길이 1 늘리기</h4>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/0dce315f-18a6-49e8-b717-1e4f57e89048/image.png" alt=""></p>
<pre><code>#include &lt;bits/stdc++.h&gt;

void insert(int idx, int num, int arr[], int&amp; len){
  for(int i=len; i&gt;idx; i--) {
    arr[i] = arr[i-1];
  }
  arr[idx] = num;
  len++;
}</code></pre><h4 id="erase-함수를-구현할때-오른쪽에서-왼쪽으로-값을-옮기는-알고리즘을-구현했다">erase 함수를 구현할때 오른쪽에서 왼쪽으로 값을 옮기는 알고리즘을 구현했다.</h4>
<h4 id="1-n1번째-인덱스-값이-n번째-인덱스로-이동">1. n+1번째 인덱스 값이 n번째 인덱스로 이동</h4>
<h4 id="2-배열의-길이-1-줄이기">2. 배열의 길이 1 줄이기</h4>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/aac98b12-9c08-40b2-ab82-59e096196dbe/image.png" alt=""></p>
<pre><code>void erase(int idx, int arr[], int&amp; len){
  for(int i=idx; i&lt;len; i++)
    arr[i] = arr[i+1];
  len--;  
}</code></pre><h4 id="출력-부분">출력 부분</h4>
<pre><code>void printArr(int arr[], int&amp; len){
  for(int i = 0; i &lt; len; i++) cout &lt;&lt; arr[i] &lt;&lt; &#39; &#39;;
  cout &lt;&lt; &quot;\n\n&quot;;
}

void insert_test(){
  cout &lt;&lt; &quot;***** insert_test *****\n&quot;;
  int arr[10] = {10, 20, 30};
  int len = 3;
  insert(3, 40, arr, len); // 10 20 30 40
  printArr(arr, len);
  insert(1, 50, arr, len); // 10 50 20 30 40
  printArr(arr, len);
  insert(0, 15, arr, len); // 15 10 50 20 30 40
  printArr(arr, len);
}

void erase_test(){
  cout &lt;&lt; &quot;***** erase_test *****\n&quot;;
  int arr[10] = {10, 50, 40, 30, 70, 20};
  int len = 6;
  erase(4, arr, len); // 10 50 40 30 20
  printArr(arr, len);
  erase(1, arr, len); // 10 40 30 20
  printArr(arr, len);
  erase(3, arr, len); // 10 40 30
  printArr(arr, len);
}

int main(void) {
  insert_test();
  erase_test();
}</code></pre><h2 id="벡터vector의-성질">벡터(Vector)의 성질</h2>
<h3 id="1-배열과-거의-동일한-기능을-수행하는-자료구조">1. 배열과 거의 동일한 기능을 수행하는 자료구조</h3>
<h3 id="2-o1에-k번째-원소를-확인변경-가능">2. O(1)에 k번째 원소를 확인/변경 가능</h3>
<h3 id="3-배열과-달리-크기를-자유자재로-늘이거나-줄일-수-있다">3. 배열과 달리 크기를 자유자재로 늘이거나 줄일 수 있다.</h3>
<h2 id="연습문제-1번---백준-10808번">연습문제 1번 - 백준 10808번</h2>
<h3 id="목표--입력받은-단어에-알파벳이-몇-개가-포함되어-있는지-구하는-프로그램">목표 : 입력받은 단어에 알파벳이 몇 개가 포함되어 있는지 구하는 프로그램</h3>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/89b5745a-7b3a-44ec-8b02-72bae3c64c09/image.png" alt=""></p>
<h3 id="알고리즘">알고리즘</h3>
<h4 id="각-알파벳마다-그릇을-만들어서-입력받은-문자열을-훑으면서-등장횟수를-각-알파벳-그릇에-저장하기">각 알파벳마다 그릇을 만들어서 입력받은 문자열을 훑으면서 등장횟수를 각 알파벳 그릇에 저장하기</h4>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/1fe47052-e2e1-4a6a-bf29-399465677fe0/image.png" alt=""></p>
<pre><code>#include &lt;bits/stdc++.h&gt;

int freq[26];
int main(void){
  ios::sync_with_stdio(0);
  cin.tie(0);

  string s;
  cin &gt;&gt; s;

  for(char c:s)
    freq[c-&#39;a&#39;]++;
  for(int i=0; i&lt;26; i++)
    cout &lt;&lt; freq[i] &lt;&lt; &#39; &#39;;
}
</code></pre><h2 id="연습문제-2번">연습문제 2번</h2>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/ed51fcf8-f694-4052-b11f-a0dafcf06a9b/image.png" alt=""></p>
<h4 id="목표--배열의-원소-중-두-원소의-합이-100인-배열을-판단해라-100이-있다면-1-없으면-0-시간복잡도-on">목표 : 배열의 원소 중 두 원소의 합이 100인 배열을 판단해라. 100이 있다면 1 없으면 0, 시간복잡도 O(N)</h4>
<h3 id="내가-생각했던-알고리즘">내가 생각했던 알고리즘</h3>
<h4 id="각-원소를-훑으면서-100에서-각-원소를-뺀-값이-배열에-있으면-1을-반환하는-알고리즘을-생각했는데-이것도-시간복잡도를-계산해보니-on2인-것-같다">각 원소를 훑으면서 100에서 각 원소를 뺀 값이 배열에 있으면 1을 반환하는 알고리즘을 생각했는데 이것도 시간복잡도를 계산해보니 O(N^2)인 것 같다.</h4>
<h3 id="시간복잡도-on-알고리즘">시간복잡도 O(N) 알고리즘</h3>
<h4 id="1부터-99까지-배열을-만들고-배열을-차례로-훑으면서-각-원소와-더해-100이-되는-수의-인덱스-값이-1이면-1을-반환하고-아니라면-원소의-인덱스-값을-1로-만드는-방법을-계획했다">1부터 99까지 배열을 만들고 배열을 차례로 훑으면서 각 원소와 더해 100이 되는 수의 인덱스 값이 1이면 1을 반환하고 아니라면 원소의 인덱스 값을 1로 만드는 방법을 계획했다.</h4>
<h4 id="아래의-사진처럼-1이-원소이면-99번째-인덱스-값이-0이기-때문에-1번째-인덱스-값을-1로-바꿔줬다">아래의 사진처럼 1이 원소이면 99번째 인덱스 값이 0이기 때문에 1번째 인덱스 값을 1로 바꿔줬다.</h4>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/8e3dde88-204e-45db-8007-062ed030f99b/image.png" alt=""></p>
<h4 id="다음-원소로-23이고-77번째-인덱스-값이-0이기-때문에-23번째-인덱스-값을-1로-바꿔줬다-이러한-과정을-배열의-끝까지-반복한다">다음 원소로 23이고 77번째 인덱스 값이 0이기 때문에 23번째 인덱스 값을 1로 바꿔줬다. 이러한 과정을 배열의 끝까지 반복한다.</h4>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/08a4400f-d00a-48b6-8270-bb89aadea890/image.png" alt=""></p>
<h4 id="이와-같은-방법으로-진행하면-시간복잡도를-on만큼만-사용하여-해결할-수-있게-된다">이와 같은 방법으로 진행하면 시간복잡도를 O(N)만큼만 사용하여 해결할 수 있게 된다.</h4>
<pre><code>int func2(int arr[], int n) {
    int occur[101] = {};
    for(int i=0; i&lt;n; i++) {
        if(occur[100-arr[i]])
            return 1;
        occur[arr[i]] = 1;
   }
   return 0;
}</code></pre><h4 id="느낀점--배열을-잘-활용한다면-시간복잡도를-줄일-수-있다는-것을-깨달았다">느낀점 : 배열을 잘 활용한다면 시간복잡도를 줄일 수 있다는 것을 깨달았다.</h4>
]]></description>
        </item>
        <item>
            <title><![CDATA[C++ 코딩테스트 준비]]></title>
            <link>https://velog.io/@anjeonghyun_0911/C-%EC%BD%94%EB%94%A9%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A4%80%EB%B9%84</link>
            <guid>https://velog.io/@anjeonghyun_0911/C-%EC%BD%94%EB%94%A9%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A4%80%EB%B9%84</guid>
            <pubDate>Tue, 30 Jan 2024 15:37:41 GMT</pubDate>
            <description><![CDATA[<p><a href="https://youtube.com/playlist?list=PLtqbFd2VIQv4O6D6l9HcD732hdrnYb6CY&amp;si=n8_QIvE71rDxra-Y">바킹독 실전 알고리즘 강의</a></p>
<h1 id="0x02강---기초-코드-작성-요령--ii">0x02강 - 기초 코드 작성 요령  II</h1>
<h3 id="1-cincout-사용할-때">1. cin,cout 사용할 때</h3>
<ul>
<li>ios::sync_with_studio(0),cin_tie(0) 사용하기</li>
</ul>
<h3 id="2-endl은-절대-사용하지말기"><strong>2. endl은 절대 사용하지말기</strong></h3>
<h3 id="입출력-코드-예제">입출력 코드 예제</h3>
<pre><code>#include &lt;iostream&gt;

using namespace std;

int main()

{
    int age;
    cout &lt;&lt; &quot;여러분의 나이를 입력해 주세요 : &quot;;
    cin &gt;&gt; age;

    cout &lt;&lt; &quot;여러분의 나이는 &quot; &lt;&lt; age &lt;&lt; &quot;살 입니다.&quot; &lt;&lt; endl;
    return 0;

}</code></pre><h4 id="iostream--입출력-클래스-coutcin-사용하려면-해야함">iostream : 입출력 클래스, cout/cin 사용하려면 해야함</h4>
<h4 id="cout--var_output">cout &lt;&lt; var_output</h4>
<h4 id="cin--var_input">cin &gt;&gt; var_input</h4>
]]></description>
        </item>
        <item>
            <title><![CDATA[AI 관련 기사]]></title>
            <link>https://velog.io/@anjeonghyun_0911/AI-%EA%B4%80%EB%A0%A8-%EA%B8%B0%EC%82%AC</link>
            <guid>https://velog.io/@anjeonghyun_0911/AI-%EA%B4%80%EB%A0%A8-%EA%B8%B0%EC%82%AC</guid>
            <pubDate>Tue, 28 Feb 2023 12:16:40 GMT</pubDate>
            <description><![CDATA[<h1 id="1-chatgpt-우려할-점">1. ChatGPT 우려할 점</h1>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/e5fe5364-b5e5-4541-90f0-01a022d7844b/image.png" alt=""></p>
<h3 id="2023년-2월-3일-관련-기사-링크"><a href="https://www.bbc.com/korean/news-64509969">2023년 2월 3일 관련 기사 링크</a></h3>
<h3 id="최근-openai가-chatgpt를-선보이면서-인공지능에-대한-관심이-높아지고-있다-chatgpt는-대화형-인공지능-모델인데-사용자와-자연스럽게-대화를-할-수-있는-인공지능-서비스이다">최근 OpenAI가 ChatGPT를 선보이면서 인공지능에 대한 관심이 높아지고 있다. ChatGPT는 대화형 인공지능 모델인데 사용자와 자연스럽게 대화를 할 수 있는 인공지능 서비스이다.</h3>
<h3 id="gpt는-generative-pre-trained-transformer의-약자로-대화와-같은-자연어-생성-작업에-사용되는-딥러닝-모델이다-chatgpt에-대한-인기가-높아지면서-표절-우려의-목소리가-커지고-있다">GPT는 &quot;Generative Pre-trained Transformer&quot;의 약자로, 대화와 같은 자연어 생성 작업에 사용되는 딥러닝 모델이다. ChatGPT에 대한 인기가 높아지면서 표절 우려의 목소리가 커지고 있다.</h3>
<h3 id="chatgpt는-인터넷에-올라온-방대한-양의-정보를-학습해-사람이-쓴-것과-같은-글을-만들어낸다-이런-정보를-바탕으로--chatgpt는-의사면허시험-합격-성적을-받기도-했고-경영학-석사mba-시험도-통과했다">ChatGPT는 인터넷에 올라온 방대한 양의 정보를 학습해 사람이 쓴 것과 같은 글을 만들어낸다. 이런 정보를 바탕으로  ChatGPT는 의사면허시험 합격 성적을 받기도 했고 경영학 석사(MBA) 시험도 통과했다.</h3>
<h3 id="chatgpt를-이용하여-표절에-사용할수도-있다며-일부-학계에서는-우려를-표했다-인공지능이-발전하는-시대-속에서-사회적∙윤리적-문제를-인식하고-해결-방법을-모색해야-할-필요성을-느낀다">ChatGPT를 이용하여 표절에 사용할수도 있다며 일부 학계에서는 우려를 표했다. 인공지능이 발전하는 시대 속에서 사회적∙윤리적 문제를 인식하고 해결 방법을 모색해야 할 필요성을 느낀다.</h3>
<h1 id="2-네이버-하이퍼클로바x-7월-출시">2. 네이버 하이퍼클로바X 7월 출시</h1>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/1b3e6003-8754-4d97-9a03-5eac00037bbd/image.png" alt=""></p>
<h3 id="2023년-2월-27일-관련-기사-링크"><a href="https://www.sedaily.com/NewsView/29LWWGW5LN">2023년 2월 27일 관련 기사 링크</a></h3>
<h3 id="chatgpt가-인기를-끌고-있지만-한국어로-사용하였을때-답변-속도나-매끄럽지-못한-번역에-있어-불편함을-겪고-있었다">ChatGPT가 인기를 끌고 있지만 한국어로 사용하였을때 답변 속도나 매끄럽지 못한 번역에 있어 불편함을 겪고 있었다.</h3>
<h3 id="이에-맞서-네이버가-개발자-콘퍼런스-데뷰-2023서-chatgpt보다-한국어를-6500배-더-많이-학습하고-사용자가-바라는-ai의-모습을-발현시킬-수-있도록-개선된-ai인-하이퍼클로바x를-7월에-공개한다고-하였다">이에 맞서 네이버가 개발자 콘퍼런스 &#39;데뷰 2023&#39;서 &quot;ChatGPT보다 한국어를 6500배 더 많이 학습하고 사용자가 바라는 AI의 모습을 발현시킬 수 있도록 개선된 AI&quot;인 하이퍼클로바X를 7월에 공개한다고 하였다.</h3>
<h3 id="또한-올해-상반기-출시를-예고한-차세대-검색-기술-프로젝트-서치gpt도-소개했다">또한 올해 상반기 출시를 예고한 차세대 검색 기술 프로젝트 &#39;서치GPT&#39;도 소개했다.</h3>
<h3 id="서치gpt는-네이버가-20년-간-축적한-사용자의-검색-흐름-데이터를-모델링해-사용자가-검색-목적을-달성할-수-있게-최적의-경로를-안내한다">서치GPT는 네이버가 20년 간 축적한 사용자의 검색 흐름 데이터를 모델링해 사용자가 검색 목적을 달성할 수 있게 최적의 경로를 안내한다.</h3>
]]></description>
        </item>
        <item>
            <title><![CDATA[JavaScript 정리]]></title>
            <link>https://velog.io/@anjeonghyun_0911/post4</link>
            <guid>https://velog.io/@anjeonghyun_0911/post4</guid>
            <pubDate>Mon, 09 Jan 2023 11:49:31 GMT</pubDate>
            <description><![CDATA[<h1 id="1-javascript-알아보기">1. JavaScript 알아보기</h1>
<h3 id="javascript란-무엇인가">JavaScript란 무엇인가?</h3>
<p>JavaScript(자바스크립트)란 객체 기반의 스크립트 언어로써 <strong>웹의 동작</strong>을 구현할 수 있는 언어이다.</p>
<h1 id="2-javascript-문법">2. JavaScript 문법</h1>
<h3 id="변수-선언과-출력">변수 선언과 출력</h3>
<pre><code>var word = &quot;asdf&quot;;
const name = &quot;아이스베어&quot;;
const hobby = &quot;영화 보기&quot;;
let age = 24;

age = 26;

console.log(${age})</code></pre><p>다른 언어들과 달리 타입에 따라 변수가 바뀌지 않는다.
 예전에는 var를 사용하였지만,
 최근에는 let 과 const를 주로 사용하며 
const는 한번 선언을 하면 바꿀 수 없지만 
let은 선언을 하여도 다시 선언하여 바꿀 수 있다.
다만 다시 선언할때는 let은 쓰지 않고 변수명만 사용하여 선언한다.</p>
<p>출력을 할때는 <strong>${변수명}</strong> 으로 써야한다.</p>
<pre><code>function funcName () { 
content
}</code></pre><p>함수는 위와 같이 선언한다.</p>
]]></description>
        </item>
        <item>
            <title><![CDATA[CSS 태그 정리]]></title>
            <link>https://velog.io/@anjeonghyun_0911/post3</link>
            <guid>https://velog.io/@anjeonghyun_0911/post3</guid>
            <pubDate>Fri, 06 Jan 2023 14:15:39 GMT</pubDate>
            <description><![CDATA[<h1 id="1-css-알아보기">1. CSS 알아보기</h1>
<h3 id="css란-무엇인가">CSS란 무엇인가?</h3>
<p>CSS는 우리가 HTML 문서를 스타일하는 데 사용하는 언어이다.
또한 사용자에게 HTML 문서가 어떻게 표시되어야 하는지 지정하는 언어이다.
예시로는 글자의 색깔, 크기, 폰트 등이 있다.</p>
<h1 id="2-css-태그-알아보기">2. CSS 태그 알아보기</h1>
<h3 id="모든-태그들은-tag--content-로-적으면-된다">모든 태그들은 Tag : Content 로 적으면 된다.</h3>
<h3 id="style-태그-안에서-정의해-줘야-한다">style 태그 안에서 정의해 줘야 한다.</h3>
<table>
<thead>
<tr>
<th align="center">태그 종류</th>
<th align="center">의미</th>
</tr>
</thead>
<tbody><tr>
<td align="center">color</td>
<td align="center">글자의 색을 지정</td>
</tr>
<tr>
<td align="center">background-color</td>
<td align="center">배경색을 지정</td>
</tr>
<tr>
<td align="center">font-size</td>
<td align="center">글씨의 크기 지정</td>
</tr>
<tr>
<td align="center">font-family</td>
<td align="center">글씨체 지정</td>
</tr>
<tr>
<td align="center">text-align</td>
<td align="center">위치 정렬</td>
</tr>
<tr>
<td align="center">margin</td>
<td align="center">위치 조절</td>
</tr>
<tr>
<td align="center">border</td>
<td align="center">테두리 색과 크기 조절</td>
</tr>
</tbody></table>
<h2 id="css-예시">CSS 예시</h2>
<blockquote>
<pre><code></code></pre></blockquote>
<head>
<style>
   p{
        color : green;    
        font-size : 10px;
        font-family : cursive;
        text-align : center;
        text-shadow : gray 2px 2px;
    }
</style>
</head>
<body>
   <p>안녕<p>
</body>
>```

<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/acdd904d-f98d-4f42-8c54-38aa56bcc622/image.png" alt=""></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[HTML 태그 정리]]></title>
            <link>https://velog.io/@anjeonghyun_0911/post2</link>
            <guid>https://velog.io/@anjeonghyun_0911/post2</guid>
            <pubDate>Fri, 06 Jan 2023 13:54:54 GMT</pubDate>
            <description><![CDATA[<h2 id="가장-많이-사용하는-html-태그-정리">가장 많이 사용하는 HTML 태그 정리</h2>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/fa113834-7b01-472c-bd3a-d910c31e2ef2/image.png" alt=""></p>
<h3 id="그중에서도-자주-쓰이는-태그들을-정리해보았다">그중에서도 자주 쓰이는 태그들을 정리해보았다.</h3>
<table>
<thead>
<tr>
<th align="center">태그 종류</th>
<th align="center">의미</th>
</tr>
</thead>
<tbody><tr>
<td align="center">html</td>
<td align="center">HTML문서를 정의함</td>
</tr>
<tr>
<td align="center">head</td>
<td align="center">메타데이터(metadata)의 집합을 뜻함</td>
</tr>
<tr>
<td align="center">body</td>
<td align="center">텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역</td>
</tr>
<tr>
<td align="center">title</td>
<td align="center">브라우저의 제목 표시줄이나 페이지 탭의 제목</td>
</tr>
<tr>
<td align="center">div</td>
<td align="center">특정 영역(division)이나 구획(section)</td>
</tr>
<tr>
<td align="center">a</td>
<td align="center">하이퍼링크(hyperlink)</td>
</tr>
<tr>
<td align="center">link</td>
<td align="center">외부 소스(external resource) 사이의 관계 (CSS)</td>
</tr>
<tr>
<td align="center">img</td>
<td align="center">이미지(image)</td>
</tr>
<tr>
<td align="center">span</td>
<td align="center">인라인 요소(inline-element)들을 하나로 묶을 때 사용</td>
</tr>
<tr>
<td align="center">p</td>
<td align="center">문단(paragraph)</td>
</tr>
<tr>
<td align="center">li</td>
<td align="center">리스트(list)에 포함되는 아이템(item)</td>
</tr>
<tr>
<td align="center">ul</td>
<td align="center">li와 같이 쓰이고 리스트(list)</td>
</tr>
<tr>
<td align="center">br</td>
<td align="center">줄바꿈(line-break)</td>
</tr>
<tr>
<td align="center">input</td>
<td align="center">사용자로부터 입력을 받을 수 있는 입력 필드(input filed)</td>
</tr>
<tr>
<td align="center">form</td>
<td align="center">사용자로부터 입력을 받을 수 있는 HTLM 입력 폼(form)</td>
</tr>
<tr>
<td align="center">nav</td>
<td align="center">페이지와 연결되는 네비게이션 링크(navigation links)들의 집합</td>
</tr>
<tr>
<td align="center">button</td>
<td align="center">클릭할 수 있는 버튼</td>
</tr>
</tbody></table>
]]></description>
        </item>
        <item>
            <title><![CDATA[닷홈으로 웹 호스팅하기 및 개발환경 설정]]></title>
            <link>https://velog.io/@anjeonghyun_0911/post1</link>
            <guid>https://velog.io/@anjeonghyun_0911/post1</guid>
            <pubDate>Mon, 02 Jan 2023 13:59:21 GMT</pubDate>
            <description><![CDATA[<h1 id="1-닷홈-가입하기">1. 닷홈 가입하기</h1>
<h3 id="닷홈dothome이란">닷홈(DOTHOME)이란?</h3>
<p>닷홈은 웹 호스팅을 해주는 사이트이다.
무료로 웹 호스팅을 신청할 수 있어 대학생들에게는 좋은 웹 호스팅 플랫폼이다.</p>
<h3 id="웹호스팅이란">웹호스팅이란?</h3>
<p>모든 웹 애플리케이션 또는 웹 사이트는 서버에 이미지, 동영상, 텍스트, 코드와 같은 여러 파일로 구성된다. 웹 호스팅 이런 파일을 저장하기 위해 임대할 수 있는 물리적 서버를 유지 관리, 구성 및 실행 해주는 것을 뜻한다.</p>
<h2 id="닷홈에서-웹-호스팅-사용하기">닷홈에서 웹 호스팅 사용하기</h2>
<p><a href="https://www.dothome.co.kr/web/free/index.php">무료 호스트 링크</a>
위 링크를 클릭하면 아래의 이미지가 나온다.
신청하기 버튼을 클릭하면 무료로 웹 호스팅을 진행할 수 있다.
<img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/96ad223d-9043-4b93-969c-b64f91338709/image.png" alt=""></p>
<h1 id="2-개발환경-설정">2. 개발환경 설정</h1>
<h2 id="ide">IDE</h2>
<p>전세계에서 가장 많이 사용하고 있는 VS code를 사용할 것이다. <a href="https://code.visualstudio.com/">VS code 다운로드</a>
<img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/05ba9452-2da8-49d0-a76a-6f6b422dc3f4/image.png" alt="">
VS code 설치 후,</p>
<p>자동으로 html 태그를 입력해주는 HTML Snippets을 설치한다.
<img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/ed2815bc-16ed-4654-9920-8056f12dc7d5/image.png" alt="">
로컬 디렉토리와 원격 디렉토리를 동기화 시켜주는 SFTP extension을 설치한다. 
<img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/42274950-1e7b-433c-9667-44b01a29b8f1/image.png" alt=""></p>
<p>파일을 연 상태에서 <strong>F1</strong>을 누르고 sftp:config를 클릭하면 아래 화면이 나온다.</p>
<p>name : 본인이 쓰고 싶은 이름
host : 닷홈의 기본 제공 도메인
protocol : ftp(닷홈에서는 ftp만 사용 가능)
username : 닷홈 ftp 아이디
<img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/f30d620f-263a-4c61-a934-46e6ea9df817/image.png" alt=""></p>
<h1 id="ftp-프로그램-설치-filezilla">FTP 프로그램 설치 (Filezilla)</h1>
<h3 id="ftp란">FTP란?</h3>
<p>FTP란 파일 전송 프로토콜(File Transfer Protocol)의 약자이며,
서버와 클라이언트간의 파일을 전송하기 위한 프로토콜이다.</p>
<p>우리는 FTP 소프트웨어를 사용하는 파일질라를 사용할 것이다. <a href="https://filezilla-project.org/">파일질라 다운로드</a></p>
<p><img src="https://velog.velcdn.com/images/anjeonghyun_0911/post/d636a93c-05bf-4ed5-b897-72722b594c10/image.png" alt="">
파일질라를 열면 위의 사진처럼 열리는데 맨 위에 호스트, 사용자명, 비밀번호, 포트를 입력해야 사용이 가능하다.</p>
<p>호스트 : 도메인명
사용자명 : 닷홈 ftp 아이디
비밀번호 : 닷홈 ftp 비밀번호</p>
]]></description>
        </item>
    </channel>
</rss>