<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>tndus_06.log</title>
        <link>https://velog.io/</link>
        <description>📖개발블로그📖</description>
        <lastBuildDate>Mon, 14 Aug 2023 06:43:16 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <image>
            <title>tndus_06.log</title>
            <url>https://velog.velcdn.com/images/suyeon_/profile/2b8c5eca-2191-45d1-ab4d-641c25ce704f/image.jpg</url>
            <link>https://velog.io/</link>
        </image>
        <copyright>Copyright (C) 2019. tndus_06.log. All rights reserved.</copyright>
        <atom:link href="https://v2.velog.io/rss/suyeon_" rel="self" type="application/rss+xml"/>
        <item>
            <title><![CDATA[[혼공학습단]6주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A86%EC%A3%BC%EC%B0%A8-gkwcfw5u</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A86%EC%A3%BC%EC%B0%A8-gkwcfw5u</guid>
            <pubDate>Mon, 14 Aug 2023 06:43:16 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-07--08">Chapter 07 ~ 08</h3>
<p>🌱 기본미션: p. 315의 &lt;직접 해보는 손코딩&gt;을 실행한 후 출력되는 고양이 이미지 캡처하기</p>
<pre><code class="language-javascript">&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script&gt;
        document.addEventListener(&#39;DOMContentLoaded&#39;,() =&gt; {
            const rects= document.querySelectorAll(&#39;.rect&#39;)

            rects.forEach((rect, index)=&gt;{
                const width=(index + 1)*100
                const src=`http://placekitten.com/${width}/250`
                rect.setAttribute(&#39;src&#39;,src)
            })
        })
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;img class=&quot;rect&quot;&gt;
    &lt;img class=&quot;rect&quot;&gt;
    &lt;img class=&quot;rect&quot;&gt;
    &lt;img class=&quot;rect&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/326fa1cc-9e34-4e2b-93f7-10b25f88a7c1/image.png" alt=""></p>
<hr>
<p>🌻 선택미션: p. 352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡처하기</p>
<pre><code class="language-javascript">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Todo List&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
        &lt;h1&gt;할 일 목록&lt;/h1&gt;
    &lt;input type=&quot;text&quot; id=&quot;todo&quot; placeholder=&quot;할 일을 입력하세요&quot;&gt;
    &lt;button id=&quot;add-button&quot;&gt;추가&lt;/button&gt;
    &lt;div id=&quot;todo-list&quot;&gt;&lt;/div&gt;

    &lt;script&gt;
        document.addEventListener(&#39;DOMContentLoaded&#39;, () =&gt; {
            const input = document.querySelector(&#39;#todo&#39;);
            const todoList = document.querySelector(&#39;#todo-list&#39;);
            const addButton = document.querySelector(&#39;#add-button&#39;);

            let keyCount = 0;

            const addTodo = () =&gt; {
                if (input.value.trim() === &#39;&#39;) {
                    alert(&#39;할 일을 입력해주세요.&#39;);
                    return;
                }

                const item = document.createElement(&#39;div&#39;);
                const checkbox = document.createElement(&#39;input&#39;);
                const text = document.createElement(&#39;span&#39;);
                const button = document.createElement(&#39;button&#39;);

                const key = keyCount;
                keyCount += 1;

                item.setAttribute(&#39;data-key&#39;, key);
                item.appendChild(checkbox);
                item.appendChild(text);
                item.appendChild(button);
                todoList.appendChild(item);

                checkbox.type = &#39;checkbox&#39;;
                checkbox.addEventListener(&#39;change&#39;, (event) =&gt; {
                    item.style.textDecoration = event.target.checked ? &#39;line-through&#39; : &#39;&#39;;
                });

                text.textContent = input.value;

                button.textContent = &#39;제거하기&#39;;
                button.addEventListener(&#39;click&#39;, () =&gt; {
                    removeTodo(key);
                });

                input.value = &#39;&#39;;
            };

            const removeTodo = (key) =&gt; {
                const item = document.querySelector(`[data-key=&quot;${key}&quot;]`);
                todoList.removeChild(item);
            };

            addButton.addEventListener(&#39;click&#39;, addTodo);
            input.addEventListener(&#39;keyup&#39;, (event) =&gt; {
                const ENTER = 13;
                if (event.keyCode === ENTER)
                    addTodo();
            });
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/e8d38a74-b236-45b1-b6f1-49a32d6d4dd4/image.png" alt="">
<img src="https://velog.velcdn.com/images/suyeon_/post/34504eee-ff0b-4800-b03e-d61a28bf431c/image.png" alt="">
<img src="https://velog.velcdn.com/images/suyeon_/post/3a840e2c-1c2e-4093-9d97-2774fd29f608/image.png" alt=""></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]5주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A85%EC%A3%BC%EC%B0%A8-phfy1i7j</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A85%EC%A3%BC%EC%B0%A8-phfy1i7j</guid>
            <pubDate>Sun, 30 Jul 2023 04:29:27 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-06">Chapter 06</h3>
<p>🌱 기본미션: 객체, 속성, 메소드가 무엇인지 설명하기</p>
<ul>
<li><p>객체: 자바스크립에서 여러 자료를 다룰 때 객체를 이용한다.
예를 들어 객체는 실제로 존재하는 사물을 의미한다.</p>
</li>
<li><p>속성: 객체 내부에 있는 값을 의미한다. 
객체 안에 속성인, 예를 들어 이름과 값으로 구성된 것을 말한다. </p>
</li>
<li><p>메소드: 속성 중에 함수 자료형인 것을 의미한다. </p>
</li>
</ul>
<hr>
<p>🌻 선택미션: p. 288 확인 문제 3번 풀고, 풀이 과정 설명하기
<img src="https://velog.velcdn.com/images/suyeon_/post/65649736-8549-47da-b767-e59fe4552a79/image.png" alt=""></p>
<pre><code class="language-javascript">const degree = 90;
const radian = degree * (Math.PI / 180);
const sinValue = Math.sin(radian);

console.log(sinValue);    // 결과값: 1</code></pre>
<p>0.8939966636005579라는 값은 각도가 라디안으로 변환되지 않은 상태에서 Math.sin 함수를 사용하여 계산한 값으로, 올바르지 않은 결과입니다. Math 객체의 사인 함수를 사용할 때에는 각도를 라디안으로 변환하여 사용해야 올바른 결과를 얻을 수 있습니다.</p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]4주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A84%EC%A3%BC%EC%B0%A8-wubw29yb</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A84%EC%A3%BC%EC%B0%A8-wubw29yb</guid>
            <pubDate>Sun, 23 Jul 2023 03:15:44 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-05">Chapter 05</h3>
<p>🌱 기본미션: p. 202 &lt;윤년을 확인하는 함수 만들기&gt; 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기</p>
<pre><code class="language-javscript">&lt;script&gt;
    function isLeapYear(year){
        return (year % 4 ==0) &amp;&amp; (year % 100 !== 0 ) || (year % 400 == 0)
    }

    console.log(`2020년은 윤년일까? === ${isLeapYear(2020)}`)
    console.log(`2010년은 윤년일까? === ${isLeapYear(2010)}`)
    console.log(`2000년은 윤년일까? === ${isLeapYear(2000)}`)
    console.log(`1900년은 윤년일까? === ${isLeapYear(1900)}`)

    console.log(`2022년은 윤년일까? === ${isLeapYear(2022)}`)

&lt;/script&gt;</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/5c8881e1-87e4-4910-b862-17ab4f0cfa9c/image.png" alt=""></p>
<ul>
<li>2022년이 윤년일까?: 2022년은 4로 나누어 떨어지지 않으므로 윤년이 아니다.
<img src="https://velog.velcdn.com/images/suyeon_/post/733828c5-8831-4094-948e-b6c096362aa7/image.png" alt=""></li>
</ul>
<hr>
<p>🌻 선택미션: p. 240 확인 문제 1번 풀고, 풀이 과정 설명하기
<img src="https://velog.velcdn.com/images/suyeon_/post/6eb625f9-551a-4283-a60c-3c249b7d35bd/image.png" alt="">
filter(): 자바스크립트의 filter함수는 배열의 각 요소를 순회하며 callback함수를 실행하며 조건에 맞는 요소만을 갖는 배열을 반환한다. </p>
<pre><code class="language-javascript">numbers=numbers.filter((x)=&gt;x%2===1)    // 홀수만 호출
// [273,25,75,103,57]
numbers=numbers.filter((x)=&gt;x&lt;=100)    // 100이하의 수만 추출
// [25,75,57]
numbers=numbers.filter((x)=&gt;x%5===0)    // 5로 나눈 나머지가 0인 수만 추출
//[25,75]</code></pre>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]3주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A83%EC%A3%BC%EC%B0%A8-2j5n08cj</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A83%EC%A3%BC%EC%B0%A8-2j5n08cj</guid>
            <pubDate>Sat, 15 Jul 2023 22:51:05 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-04">Chapter 04</h3>
<p>🌱 기본미션: 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기</p>
<ul>
<li><p>의미
자바스크립트는 자료 처리를 위해서 다양한 연산자, 함수, 메소드를 제공한다. 자료 처리 연산자 함수, 메소드는 크게 비파괴적 처리와 파괴적 처리로 구분할 수 있다. 처리 후 원본의 상태 변화에 따라 구분한다. </p>
<ul>
<li><p>비파괴적 처리: 처리 후에 원본 내용이 변경되지 않는다.</p>
<pre><code class="language-javascript">const a=&#39;안녕&#39;
const b=&#39;하세요&#39;
const c= a+b
c    // &quot;안녕하세요&quot;
// 원본 내용이 변경되지 않았음
a    // &quot;안녕&quot;
b    // &quot;하세요&quot;</code></pre>
</li>
<li><p>파괴적 처리: 처리 후에 원본 내용이 변경된다. </p>
<pre><code class="language-javascript">const array=[&quot;사과&quot;,&quot;배&quot;,&quot;바나나&quot;]
array.push(&quot;귤&quot;)
// 원본 내용이 변경되었음
array    // [&quot;사과&quot;,&quot;배&quot;,&quot;바나나&quot;,&quot;귤&quot;]</code></pre>
</li>
<li><p>장단점</p>
<ul>
<li>파괴적 처리 <ul>
<li>장점: 메모리를 절약할 수 있다.</li>
<li>단점: 원본이 사라지는 위험이 있다.</li>
</ul>
</li>
<li>비파괴적 처리<ul>
<li>장점: 자료 보호를 할 수 있다. </li>
<li>단점: 과거에는 메모리가 부족했다./ 하지만 현재에는 더 많이 이용됌</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<p>🌻 선택미션: p. 173 확인 문제 3번 문제 풀고, 풀이 과정 설명하기
<img src="https://velog.velcdn.com/images/suyeon_/post/236f4fb8-8de3-4433-a277-fd3ca0938463/image.png" alt=""></p>
<ul>
<li>1번: strA의 내용이 바뀌지 않음</li>
<li>2번: arrayB의 내용이 바뀌었음</li>
<li>3번: arrayC의 내용이 바뀌지 않음</li>
<li>4번: strD의 내용이 바뀌지 않음</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]2주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A82%EC%A3%BC%EC%B0%A8-ksro8qtv</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A82%EC%A3%BC%EC%B0%A8-ksro8qtv</guid>
            <pubDate>Sun, 09 Jul 2023 13:17:34 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-03">Chapter 03</h3>
<p>🌱 기본미션: p. 139 의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기
<img src="https://velog.velcdn.com/images/suyeon_/post/44bd6a19-724b-4c54-9bba-3232b27f2021/image.png" alt=""></p>
<ul>
<li>x가 10초과 20미만일 때 &#39;조건에 맞습니다.&#39;가 출력<pre><code class="language-javascript">let x=11;    // x가 11이므로 10과 20사이에 있는 숫자이기 때문에 출력된다.
if(x&gt;10 &amp;&amp; x&lt;20){
  console.log(&#39;조건에 맞습니다.&#39;)
}</code></pre>
<img src="https://velog.velcdn.com/images/suyeon_/post/b1252818-70f8-4326-b799-25874bc2a24b/image.png" alt=""></li>
</ul>
<hr>
<p>🌻 선택미션: p. 152의 &lt;태어난 연도를 입력받아 띠 출력하기&gt; 예제 실행하여 본인의 띠 출력한 화면 캡처하기</p>
<pre><code class="language-javascript">const rawInput= prompt(&#39;태어난 해를 입력해주세요.&#39;,&#39;&#39;)
const year= Number(rawInput)
const e= year%12

let result
if(e===0) {result=&#39;원숭이&#39;}
else if(e===1) {result=&#39;닭&#39;}
else if(e===2) {result=&#39;개&#39;}
else if(e===3) {result=&#39;돼지&#39;}
else if(e===4) {result=&#39;쥐&#39;}
else if(e===5) {result=&#39;소&#39;}
else if(e===6) {result=&#39;호랑이&#39;}
else if(e===7) {result=&#39;토끼&#39;}
else if(e===8) {result=&#39;용&#39;}
else if(e===9) {result=&#39;뱀&#39;}
else if(e===10) {result=&#39;말&#39;}
else if(e===11) {result=&#39;양&#39;}

alert(`${year}년에 태어났다면 ${result} 띠입니다.`)</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/4179960e-86f7-4671-8cf1-f1177deaf376/image.png" alt=""></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]1주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A81%EC%A3%BC%EC%B0%A8-zu6wna5g</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A81%EC%A3%BC%EC%B0%A8-zu6wna5g</guid>
            <pubDate>Fri, 07 Jul 2023 10:28:55 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-01--02">Chapter 01 ~ 02</h3>
<p>🌱 기본미션: p. 54의 &lt;파일 만들고 저장해 실행하기&gt;에서 &#39;Hello World&#39; 출력하기</p>
<pre><code class="language-javascript">&lt;!DOCTYPE html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script&gt;
        alert(&quot;Hello World&quot;);
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/ed32968b-8882-4991-a56d-79c75796cfc9/image.png" alt=""></p>
<hr>
<p>🌻 선택미션: Ch.01(01-1) 확인 문제 1번 상세하게 적고 인증하기</p>
<ul>
<li>확인문제: 인터넷을 돌아다니면서 보았던 쉽게 사용할 수 있고, 기능이 많다고 느껴던 웹 사이트 5개 정도 적어 보세요.<ol>
<li>애플공식홈페이지: <a href="https://www.apple.com/kr/">https://www.apple.com/kr/</a></li>
<li>인프런: <a href="https://www.inflearn.com/">https://www.inflearn.com/</a></li>
<li>인스타그램: <a href="https://www.instagram.com/">https://www.instagram.com/</a> </li>
<li>유튜브: <a href="https://www.youtube.com/">https://www.youtube.com/</a></li>
<li>트위터: <a href="https://twitter.com/">https://twitter.com/</a></li>
</ol>
</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[Spring]스프링 부트 3 시작하기]]></title>
            <link>https://velog.io/@suyeon_/Spring%EC%8A%A4%ED%94%84%EB%A7%81-%EB%B6%80%ED%8A%B8-3-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0</link>
            <guid>https://velog.io/@suyeon_/Spring%EC%8A%A4%ED%94%84%EB%A7%81-%EB%B6%80%ED%8A%B8-3-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0</guid>
            <pubDate>Wed, 31 May 2023 04:14:20 GMT</pubDate>
            <description><![CDATA[<p><img src="https://velog.velcdn.com/images/suyeon_/post/a17acbf4-b6a7-428c-943c-f3194ecda8ea/image.png" alt=""></p>
<h3 id="🌻-스프링과-스프링-부트">🌻 스프링과 스프링 부트</h3>
<ul>
<li><p>스프링</p>
<ul>
<li>스프링 탄생
엔터프라이즈 애플리케이션(대규모의 복잡한 데이터를 관리하는 애플리케이션) 동시에 처리-&gt; 서버 성능, 안정성, 보안 중요!(사이트 기능까지 신경쓰기 어려움)-&gt; I want 개발집중 -&gt; <strong>Spring 프레임워크 등장</strong></li>
</ul>
</li>
<li><p>스프링 부트 </p>
<ul>
<li>스프링 부트란?
스프링부트는 스프링 프레임워크를 더 쉽고 빠르게 이용할 수 있도록 만든 도구</li>
<li>스프링 부트 탄생 
스프링은 설정이 매우 복잡-&gt; 단점 보완하귀 위해 <strong>스프링 부트 등장</strong></li>
</ul>
</li>
<li><p>스프링 vs 스프링 부트</p>
<table>
<thead>
<tr>
<th></th>
<th>스프링</th>
<th>스프링 부트</th>
</tr>
</thead>
<tbody><tr>
<td>목적</td>
<td>엔터프라이즈 애플리케이션 개발을 더 쉽게 만들기</td>
<td>스프링의 개발을 더 빠르고 쉽게 하기</td>
</tr>
<tr>
<td>설정 파일</td>
<td>개발자가 수동으로 구성</td>
<td>자동 구성</td>
</tr>
</tbody></table>
</li>
</ul>
<hr>
<h3 id="🌻-스프링-콘셉트">🌻 스프링 콘셉트</h3>
<ul>
<li>IoC: 객체의 생성과 관리를 개발자가 하는 것이 아니라 프레임워크가 대신하는 것(제어의역전: 외부에서 관리하는 객체를 가져와 사용하는 것)</li>
<li>DI: 외부에서 객체를 주입받아 사용하는 것(의존성주입: 어떤 클래스가 다른 클래스에 의존한다는 것)</li>
</ul>
<hr>
<h3 id="🌻애너테이션">🌻애너테이션</h3>
<ul>
<li><code>@SpringBootConfiguration</code>
스프링 부트 관련 설정을 나타내는 애너테이션</li>
<li><code>@Component</code>
사용자가 등록한 빈을 읽고 등록하는 애너테이션<ul>
<li>빈(bin)이란? 
스트링 객체
스프링 컨테이너(빈을 생성하고 관리하는 것)가 생성하고 관리하는 객체</li>
</ul>
</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[Spring]자바 백엔드 개발자가 알아두면 좋은 지식 ]]></title>
            <link>https://velog.io/@suyeon_/Spring%EC%9E%90%EB%B0%94-%EB%B0%B1%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%95%8C%EC%95%84%EB%91%90%EB%A9%B4-%EC%A2%8B%EC%9D%80-%EC%A7%80%EC%8B%9D</link>
            <guid>https://velog.io/@suyeon_/Spring%EC%9E%90%EB%B0%94-%EB%B0%B1%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%95%8C%EC%95%84%EB%91%90%EB%A9%B4-%EC%A2%8B%EC%9D%80-%EC%A7%80%EC%8B%9D</guid>
            <pubDate>Wed, 31 May 2023 00:20:44 GMT</pubDate>
            <description><![CDATA[<p><img src="https://velog.velcdn.com/images/suyeon_/post/a17acbf4-b6a7-428c-943c-f3194ecda8ea/image.png" alt=""></p>
<h3 id="🌻-서버와-클라이언트">🌻 서버와 클라이언트</h3>
<ul>
<li>클라이언트란?
서버로 요청하는 프로그램</li>
<li>서버란?
클라이언트의 요청을 받아 처리하는 주체
<img src="https://velog.velcdn.com/images/suyeon_/post/d0fa2508-ec88-4169-ad91-5a971ffe4ce6/image.png" alt=""></li>
</ul>
<hr>
<h3 id="🌻-데이터베이스">🌻 데이터베이스</h3>
<ul>
<li><p>데이터베이스란? 
데이터를 한 군데에 모아놓고 여러 사람이 사용할 목적으로 관리하는 데이터 저장소</p>
</li>
<li><p>RDB(관계형 데이터베이스) </p>
<ul>
<li>관계형 데이터베이스: 데이터를 행과 열로 이루어진 테이블로 관리하며, 기본 키를 사용해 각 행을 식별하는 것</li>
<li>ex) 오라클, mysql ...</li>
</ul>
</li>
<li><p>NoSQL</p>
<ul>
<li>RDB의 단점(성능을 올리는게 쉽지 x)-&gt; 이 단점을 보완한 것이 NoSQL
<img src="https://velog.velcdn.com/images/suyeon_/post/4c93c31e-ac12-48d5-8d83-7f2f493372c6/image.png" alt=""></li>
</ul>
</li>
</ul>
<hr>
<h3 id="🌻-라이브러리와-프레임워크">🌻 라이브러리와 프레임워크</h3>
<ul>
<li>라이브러리란? 
애플리케이션 개발에 필요한 기능인 클래스, 함수 등을 모아놓은 코드의 모음</li>
<li>프레임워크란?
소프트웨어 개발을 수월하게 하기 위한 소프트웨어 개발 환경(틀제공)</li>
</ul>
<hr>
<h3 id="🌻-자바-애너테이션">🌻 자바 애너테이션</h3>
<ul>
<li>사용목적: 데이터에 관한 구조화된 데이터로 사용하는 경우가 많음(표식)</li>
</ul>
<table>
<thead>
<tr>
<th>이름</th>
<th>설명</th>
</tr>
</thead>
<tbody><tr>
<td>@Override</td>
<td>선언된 메서드가 오버라이드 되었음 (메서드 재정의)</td>
</tr>
<tr>
<td>@Deprecated</td>
<td>더 이상 사용되지 않음</td>
</tr>
<tr>
<td>@SuppressWarnings</td>
<td>컴파일 경고를 무시함</td>
</tr>
</tbody></table>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]6주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A86%EC%A3%BC%EC%B0%A8</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A86%EC%A3%BC%EC%B0%A8</guid>
            <pubDate>Tue, 14 Feb 2023 15:26:20 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-07--08">Chapter 07 ~ 08</h3>
<h4 id="😊기본미션-p-363-market_db의-고객-테이블member에-입력된-회원의-정보가-변경될-때-변경한-사용자-시간-변경-전의-데이터-등을-기록하는-트리거-작성하고-인증하기">😊기본미션: p. 363 market_db의 고객 테이블(member)에 입력된 회원의 정보가 변경될 때 변경한 사용자, 시간, 변경 전의 데이터 등을 기록하는 트리거 작성하고 인증하기</h4>
<h4 id="트리거란">트리거란?</h4>
<p>테이블에 <code>INSERT</code>나 <code>UPDATE</code> 또는 <code>DELETE</code> 작업이 발생하면 실행되는 코드이다. 삭제된 모든 사용자 정보를 완벽하게 별도의 장소에 저장한다.</p>
<pre><code class="language-sql">use market_db;
create table singer(select mem_id, mem_name, mem_number, addr from member);

create table backup_singer
(mem_id    char(8)    not null,
mem_name    varchar(10)    not null,
mem_number    int not null,
modType char(2), -- 변경된 타입. &#39;수정&#39;,&#39; 또는 삭제&#39;
modDate date, -- 변경된 날짜
modUser    varchar(3) -- 변경한 사용자
);</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/a7165d89-0fcb-4aed-b06a-be5d0e1dcd74/image.png" alt=""></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]5주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A85%EC%A3%BC%EC%B0%A8</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A85%EC%A3%BC%EC%B0%A8</guid>
            <pubDate>Wed, 25 Jan 2023 10:33:41 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-06">Chapter 06</h3>
<h4 id="😊기본미션-p-310-인덱스-생성하고-key_name이-primary로-출력된-결과-화면-캡처하기">😊기본미션: p. 310 인덱스 생성하고 key_name이 PRIMARY로 출력된 결과 화면 캡처하기</h4>
<h4 id="인덱스-생성">인덱스 생성</h4>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/ac85f972-2a4c-48fe-b379-9b2c44b09caa/image.png" alt="">
<img src="https://velog.velcdn.com/images/suyeon_/post/db829bd2-6c1a-4af0-957c-de0af8e3214a/image.png" alt=""></p>
<h4 id="key_name이-primary로-출력">key_name이 PRIMARY로 출력</h4>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/e51d910c-20c8-452f-a9c4-ea7cd8a9d962/image.png" alt=""></p>
<ul>
<li><code>show index</code>는 테이블에 생성된 인덱스 정보를 보여준다(테이블에 생성된 인덱스 이름과 열을 확인하는 것)
<img src="https://velog.velcdn.com/images/suyeon_/post/f3ec7f0f-d8aa-482b-8a24-a98f775fa9f9/image.png" alt=""></li>
</ul>
<hr>
<h4 id="😍추가미션-인덱스-생성-제거하는-기본-형식-작성하기">😍추가미션: 인덱스 생성, 제거하는 기본 형식 작성하기</h4>
<h4 id="인덱스-생성-1">인덱스 생성</h4>
<p> <code>CREATE INDEX</code>: 인덱스를 직접 생성한다.</p>
<ul>
<li><p>기본 형식</p>
<pre><code class="language-sql">  CREATE [UNIQUE] INDEX 인덱스_이름
     ON 테이블_이름 (열_이름) [ASC | DESC]</code></pre>
</li>
<li><p>실습</p>
<pre><code class="language-sql">use market_db;
select*from member;
show index from member;    
create index idx_member_addr on member(addr);
create unique index idx_member_mem_name on member(mem_name);
create index idx_member_mem_number on member(mem_number);
show index from member;</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/fd4a6db2-beac-41e9-a5a1-c70c51ee6493/image.png" alt=""></p>
</li>
</ul>
<h4 id="인덱스-제거">인덱스 제거</h4>
<p> <code>DROP INDEX</code>: 자동 생성된 인덱스는 <code>ALTER TABLE</code>로 제거하고, *<em><code>CREATE INDEX</code>문으로 생성한 인덱스는 <code>DROP INDEX</code>문으로 제거한다
*</em></p>
<ul>
<li><p>기본 형식</p>
<pre><code class="language-sql">  DROP INDEX 인덱스_이름 ON 테이블_이름</code></pre>
</li>
<li><p>실습</p>
<pre><code class="language-sql">drop index idx_member_mem_name on member;
drop index idx_member_addr on member;
drop index idx_member_mem_number on member;
show index from member;</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/fecad25f-3137-40c8-a41b-e107cef180ba/image.png" alt=""></p>
</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]4주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A84%EC%A3%BC%EC%B0%A8</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A84%EC%A3%BC%EC%B0%A8</guid>
            <pubDate>Wed, 18 Jan 2023 05:40:27 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-05">Chapter 05</h3>
<h4 id="😊기본미션-p-226의-market_db의-회원-테이블member-생성하고-p-229-데이터-입력한-후-인증하기">😊기본미션: p. 226의 market_db의 회원 테이블(member) 생성하고, p. 229 데이터 입력한 후 인증하기</h4>
<h4 id="회원-테이블-생성하기">회원 테이블 생성하기</h4>
<ul>
<li><p>naver_db를 생성하기</p>
<pre><code class="language-sql">use naver_db;
drop table if exists member;</code></pre>
</li>
<li><p>회원테이블 생성</p>
<pre><code class="language-sql">create table member    -- 회원테이블
(    mem_id    CHAR(8)    not null    primary key, -- 회원아이디(pk)
  mem_name    VARCHAR(10)    not null,    -- 이름
  mem_number    TINYINT    not null,    -- 인원수
  addr    CHAR(2)    not null,    -- 주소(경기, 서우르, 경남 식으로 2글자만 입력)
  phone1    char(3)    null,    -- 연락처의 국번
  phone2    char(8)    null,    -- 연락처의 나머지 전화번호(하이픈 제외)
  height    TINYINT UNSIGNED    null,    -- 평균 키
  debut_date    DATE    null    -- 데뷔 일자
);</code></pre>
</li>
</ul>
<h4 id="데이터-입력하기">데이터 입력하기</h4>
<pre><code class="language-sql">insert into member values(&#39;TWC&#39;, &#39;트와이스&#39;, 9, &#39;서울&#39;, &#39;02&#39;, &#39;11111111&#39;, 167, &#39;2015-10-19&#39;);
insert into member values(&#39;BLK&#39;, &#39;블랙핑크&#39;, 4, &#39;경남&#39;, &#39;055&#39;, &#39;22222222&#39;, 163, &#39;2016-8-8&#39;);
insert into member values(&#39;WMN&#39;, &#39;여자친구&#39;, 6, &#39;경기&#39;, &#39;031&#39;, &#39;33333333&#39;, 166, &#39;2015-1-15&#39;);</code></pre>
<ul>
<li>결과
<img src="https://velog.velcdn.com/images/suyeon_/post/eb9b3cd5-7db6-449e-896f-5a62b5fc3ca9/image.png" alt=""></li>
</ul>
<hr>
<h4 id="😍추가미션-p-271-확인-문제-4번-풀고-인증하기">😍추가미션: p. 271 확인 문제 4번 풀고 인증하기</h4>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/fb3ad811-f944-4e0f-bcb0-fd20c1b20a46/image.png" alt=""></p>
<ul>
<li>뷰를 생성할 때 <code>CREATE VIEW</code>는 기존에 뷰가 있으면 오류가 발생하지만, <code>CREATE OR REPLACE VIEW</code>는 <strong>기존에 뷰가 있어도 덮어쓰는 효과</strong>를 내기 때문에 오류가 발생하지 않는다. 연속으로 작성한 효과를 갖는다</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]3주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A83%EC%A3%BC%EC%B0%A8</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A83%EC%A3%BC%EC%B0%A8</guid>
            <pubDate>Tue, 10 Jan 2023 15:14:31 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-04">Chapter 04</h3>
<h4 id="😊기본미션-p-195의-확인-문제-4번-풀고-인증하기">😊기본미션: p. 195의 확인 문제 4번 풀고 인증하기</h4>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/e7edeaa1-49b9-42fb-af39-fc7dbae107f1/image.png" alt=""></p>
<hr>
<h4 id="😍추가미션-p-183-좀-더-알아보기-손코딩-실행하고">😍추가미션: p. 183 [좀 더 알아보기] 손코딩 실행하고</h4>
<ul>
<li>중복된 결과 1개만 출력하기</li>
</ul>
<pre><code class="language-sql">use market_db;
select distinct M.mem_id, M.mem_name, M.addr
    from buy B
        inner join member M
        on B.mem_id= M.mem_id
    order by M.mem_id;</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/54f02ad8-e281-4754-aa47-5efa8e3ed0d4/image.png" alt=""></p>
<p>DISTINCT문: 중복된 열의 값을 1개만 표현하는 구문</p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]2주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A82%EC%A3%BC%EC%B0%A8</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A82%EC%A3%BC%EC%B0%A8</guid>
            <pubDate>Tue, 03 Jan 2023 14:30:21 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-03">Chapter 03</h3>
<h4 id="😊기본미션-p-138의-확인-문제-2번-풀고-인증하기">😊기본미션: p. 138의 확인 문제 2번 풀고 인증하기</h4>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/748d9e90-27e9-4e96-8a96-3d7bec26bba7/image.png" alt=""></p>
<hr>
<h4 id="😍추가미션-데이터-입력-삭제하는-기본-형식-작성하기">😍추가미션: 데이터 입력, 삭제하는 기본 형식 작성하기</h4>
<ul>
<li><p>데이터 입력: INSERT
: 테이블에 행 데이터를 입력하는 것</p>
<ul>
<li>기본형식<pre><code class="language-sql">INSERT INTO 테이블 [(열1, 열2, ...)] VALUES (값1, 값2, ...)</code></pre>
<img src="https://velog.velcdn.com/images/suyeon_/post/33eeeaec-2452-4b44-811f-c0d125c30cea/image.png" alt=""></li>
</ul>
</li>
</ul>
<ul>
<li><p>데이터 삭제: DELETE
: 테이블의 행 데이터를 삭제해야하는 경우에 사용</p>
<ul>
<li>기본형식<pre><code class="language-sql">DELETE FROM 테이블이름 WHERE 조건;</code></pre>
<img src="https://velog.velcdn.com/images/suyeon_/post/09bf0a0c-55c0-4aad-aaf3-acf7308de3af/image.png" alt=""></li>
</ul>
</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[혼공학습단]1주차]]></title>
            <link>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A81%EC%A3%BC%EC%B0%A8</link>
            <guid>https://velog.io/@suyeon_/%ED%98%BC%EA%B3%B5%ED%95%99%EC%8A%B5%EB%8B%A81%EC%A3%BC%EC%B0%A8</guid>
            <pubDate>Sun, 25 Dec 2022 14:24:59 GMT</pubDate>
            <description><![CDATA[<h3 id="chapter-01--02">Chapter 01 ~ 02</h3>
<p>😊기본미션: p. 80의 shop_db의 회원 테이블(member)에서 아이유 회원에 대한 정보만 추출한 후 결과 화면 인증하기</p>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/0a0e0a7a-e13f-4ffb-bb33-2e7bb63eed08/image.png" alt=""></p>
<ul>
<li>shop_db에 member테이블 만들기</li>
</ul>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/45bbb20b-55a8-40e8-895e-fe87cdcb5e60/image.png" alt=""></p>
<pre><code class="language-sql">SELECT member_name, member_addr FROM member;        
//member에서 member_name과 member_addr만 출력

SELECT*FROM member WHERE member_name=&#39;아이유&#39;;
//WHERE조건을 사용하여서 &#39;아이유&#39;회만 나오도록 출력</code></pre>
<ul>
<li><p>WHERE: SELECT문에서 특정 조건을 조회할 때 사용하는 구문</p>
<hr>
<p>&lt;성공!&gt; 
<img src="https://velog.velcdn.com/images/suyeon_/post/0c20986a-23fd-4c34-bb0e-3c83dad829bd/image.png" alt=""></p>
</li>
</ul>
<hr>
<p>😍선택미션: 데이터베이스 개체 3가지 설명하기</p>
<h4 id="데이터베이스-개체">데이터베이스 개체</h4>
<p><strong>인덱스</strong>: &#39;찾아보기&#39;개념과 비슷한 개념
데이터를 조회할 때 데이터가 많다면 결과가 나오는 시간이 많이 소요된다. 인덱스는 이런 경우 결과가 나오는 시간을 줄여주는 역할을 한다.
<img src="https://velog.velcdn.com/images/suyeon_/post/11d7e300-f3fc-4512-b281-ecc9fe539992/image.png" alt="">
<img src="https://velog.velcdn.com/images/suyeon_/post/9168db40-6e7b-43c9-adc9-ed4d203a4a4b/image.png" alt="">
결과는 동일하지만 찾는 방법이 달라짐
-Key Lookup은 인덱스를 통해 결과를 찾았다고 기억!, 이런 방법을 인덱스 검색</p>
<p><strong>뷰</strong>: &#39;가상의 테이블&#39;이라고 할 수 있다.
뷰는 테이블과 상당히 동일한 성격의 데이터베이스 개체이다.</p>
<ul>
<li>보안에 도움이 된다.</li>
<li>긴 SQL문을 간략하게 만들 수 있다.</li>
</ul>
<p><strong>스토어드 프로시저</strong>: MYSQL에서 제공하는 프로그래밍 기능으로, 여러 개의 SQL문을 하나로 묶어서 편리하게 사용할 수 있다. 
스토어드 프로시저를 통해 SQL 안에서도 일반 프로그래밍 언어처럼 코딩을 할 수 있다. 프로그래밍 로직을 작성할 수 있어서 유용하게 사용된다.
<img src="https://velog.velcdn.com/images/suyeon_/post/ba9f6287-9ab7-4d71-b9cb-fa141f1495b3/image.png" alt="">
<img src="https://velog.velcdn.com/images/suyeon_/post/cf3ffdb5-2662-4ead-92f1-5923e82f9b44/image.png" alt="">
<img src="https://velog.velcdn.com/images/suyeon_/post/d97ccb3d-de80-4a8c-b7dc-f53362a7d3e0/image.png" alt=""></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[PYTHON]변수, 입력]]></title>
            <link>https://velog.io/@suyeon_/PYTHON%EB%B3%80%EC%88%98-%EC%9E%85%EB%A0%A5</link>
            <guid>https://velog.io/@suyeon_/PYTHON%EB%B3%80%EC%88%98-%EC%9E%85%EB%A0%A5</guid>
            <pubDate>Sat, 08 Oct 2022 10:27:58 GMT</pubDate>
            <description><![CDATA[<h4 id="변수">변수</h4>
<pre><code class="language-python">#변수 선언과 할당
pi=3.14159265
r=10

#변수 참조
print(&quot;원주율 = &quot; , pi)
print(&quot;반지름 = &quot; , r)
print(&quot;원의 둘레 = &quot; , 2*pi*r)
print(&quot;원의 넓이 = &quot; , pi*r**2)</code></pre>
<ul>
<li>변수=값, 값을 변수에 할당한다.</li>
</ul>
<hr>
<h4 id="입력">입력</h4>
<p><code>input()</code>: 사용자로부터 데이터를 입력받을 때 사용한다.</p>
<pre><code class="language-python">string_a=input(&quot;입력A&gt; &quot;)
int_a=int(string_a)

string_b=input(&quot;입력B&gt; &quot;)
int_b=int(string_b)
#string_a 와b를 정수형을 바꿔주기 위한것

print(&quot;문자열 자료: &quot;,string_a+string_b)
print(&quot;숫자 자료: &quot;,int_a+int_b)</code></pre>
]]></description>
        </item>
        <item>
            <title><![CDATA[[python]출력하기]]></title>
            <link>https://velog.io/@suyeon_/python%EC%B6%9C%EB%A0%A5%ED%95%98%EA%B8%B0</link>
            <guid>https://velog.io/@suyeon_/python%EC%B6%9C%EB%A0%A5%ED%95%98%EA%B8%B0</guid>
            <pubDate>Sat, 08 Oct 2022 05:49:11 GMT</pubDate>
            <description><![CDATA[<blockquote>
<p>출력하는 방법
 <code>print()</code>는 파이썬의 가장 기본적인 출력 방법으로 괄호 안에 출력하고 싶은 것을 입력해서 사용한다.</p>
</blockquote>
<pre><code class="language-python">#하나만 출력합니다.
print(&quot;#하나만 출력합니다.&quot;)
print(&quot;Hello Pyton Programming...!&quot;)
print()

#여러 개를 출력합니다.
print(&quot;#여러 개를 출력합니다.&quot;)
print(10,20,30,40,50)
print(&quot;안녕하세요&quot;, &quot;저의&quot;, &quot;이름은&quot;, &quot;김수연입니다.!&quot;)
print()

#아무것도 입력하지 않으면 단순하게 줄바꿈합니다.
print(&quot;#아무것도 출력하지 않습니다.&quot;)
print(&quot;---확인 전용선---&quot;)
print()
print()
print(&quot;---확인 전용선---&quot;)</code></pre>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/17bb8446-a498-4882-80da-8be0796f4896/image.png" alt=""></p>
<hr>
<blockquote>
<p>식별자란?
프로그래밍 언어에서 이름을 붙일 때 사용하는 언어이다.</p>
</blockquote>
<ul>
<li><p>스네이크 케이스</p>
<ul>
<li>단어 사이에 언더 바 기호를 부텨 식별자를 만든다.    ex)<code>item_list</code></li>
<li>스네이크 케이스로 작성되어 있으면 함수 또는 변수이다.
함수는 뒤에 괄호가 있고 변수는 뒤에 괄호가 없다.</li>
</ul>
</li>
<li><p>캐멀 케이스</p>
<ul>
<li>단어들의 첫 글자를 대문자로 만들어 식별자를 만든다. ex) <code>ItemList</code></li>
<li>캐멀 케이스로 작성되어 있으면 클래스이다.</li>
</ul>
</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[python]파이썬이란]]></title>
            <link>https://velog.io/@suyeon_/python%ED%8C%8C%EC%9D%B4%EC%8D%AC%EC%9D%B4%EB%9E%80</link>
            <guid>https://velog.io/@suyeon_/python%ED%8C%8C%EC%9D%B4%EC%8D%AC%EC%9D%B4%EB%9E%80</guid>
            <pubDate>Sat, 08 Oct 2022 05:30:21 GMT</pubDate>
            <description><![CDATA[<ul>
<li><p>컴퓨터 프로그램이란?
컴퓨터가 무엇을 해야 할지 미리 작성한 진행 계획을 말한다.</p>
</li>
<li><p>파이썬의 장점</p>
<ul>
<li>배우기 쉽다</li>
<li>다양한 분야에서 활용된다</li>
<li>대부분의 운영체제에서 동일하게 사용된다</li>
</ul>
</li>
<li><p>주석 다는 방법: <code>#</code> </p>
</li>
</ul>
]]></description>
        </item>
        <item>
            <title><![CDATA[[JAVASCRIPT]자바스크립트 기본구조]]></title>
            <link>https://velog.io/@suyeon_/JAVASCRIPT</link>
            <guid>https://velog.io/@suyeon_/JAVASCRIPT</guid>
            <pubDate>Thu, 08 Sep 2022 09:20:13 GMT</pubDate>
            <description><![CDATA[<blockquote>
<p>자바스크립트란?
: 클라이언트 프로그램이기에 속도가 빠르고 로직이 있다.
: 자바스크립트는 정적인 HTML 문서와 달리 동적인 화면을 웹페이지에 구현하기 위해 사용하는 스크립트 언어다.</p>
</blockquote>
<h4 id="자바스크립트의-기본구조">자바스크립트의 기본구조</h4>
<pre><code class="language-JavaScript"> &lt;script language=&quot;javascript&quot;&gt;
    document.write(&quot;Head에서 출력되는 자바스크립트 문장입니다.&quot;);
 &lt;/script&gt;</code></pre>
<p><code>document.write</code>: HTML 본문에서 출력되는 javascript 문장입니다.
<img src="https://velog.velcdn.com/images/suyeon_/post/b5cb6031-85de-4e31-8503-81b6726a97c4/image.png" alt=""></p>
<hr>
<h4 id="외부에서-자바스크립트-가져오기">외부에서 자바스크립트 가져오기</h4>
<pre><code class="language-JavacScript"> &lt;script language=&quot;javascript&quot; src=&quot;js_03.js&quot;&gt;

 &lt;/script&gt;</code></pre>
<p> <code>src</code>: 외부에서 자바스크립트 가져오기</p>
<h4 id="js_03js">js_03.js</h4>
<pre><code class="language-JavaScript"> document.write(&quot;여기는 자바스크립트 파일 내부입니다. &lt;br&gt;&quot;);
 document.write(&quot;HTML 파일에서 이 자바스크립트 파일을 링크걸어서 삽입하면 &lt;br&gt;&quot;);            
 document.write(&quot;이 문장들이 화면에 출력됩니다. &lt;br&gt;&quot;);        </code></pre>
<ul>
<li><code>&lt;br&gt;</code>은 문자열로 인식하지 않고 태그로 인식한다.</li>
</ul>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/2502584d-f05e-4f51-87ed-03e47508294c/image.png" alt=""></p>
<hr>
<h4 id="주석">주석</h4>
<p><code>//</code>: 한 줄 주석
<code>/* */</code>: 여러줄 주석</p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[JAVA]1차원 배열]]></title>
            <link>https://velog.io/@suyeon_/JAVA1%EC%B0%A8%EC%9B%90-%EB%B0%B0%EC%97%B4</link>
            <guid>https://velog.io/@suyeon_/JAVA1%EC%B0%A8%EC%9B%90-%EB%B0%B0%EC%97%B4</guid>
            <pubDate>Fri, 02 Sep 2022 13:17:23 GMT</pubDate>
            <description><![CDATA[<blockquote>
<p>배열이란?
같은 데이터형의 데이터를 여러 개 저장하기 위한것(참조형 변수)
*참조형변수: 주소값을 저장하는 것</p>
</blockquote>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/8c9edd04-2506-4abc-b0b8-75fd506f598d/image.gif" alt=""></p>
<p>💟 장점</p>
<ul>
<li>메모리를 절약할 수 있다.</li>
<li>쉽고 간결한 프로그램을 작성할 수 있다.</li>
</ul>
<hr>
<p>💟배열의 사용</p>
<ul>
<li><p>배열선언 -&gt; 배열생성 -&gt; 배열 초기화</p>
</li>
<li><p>배열 초기화 방법</p>
<ul>
<li><p>1번째 방법( <code>int[] a = new int[3];</code> )</p>
<pre><code class="language-java">int[] a = new int[3];
a[0] = 1;
a[1] = 2;
a[2] = 3;
System.out.println(a.length);        //배열의 길이 출력
for(int i=0; i&lt;a.length; i++) {                
    System.out.println(&quot;a[&quot; + i + &quot;] = &quot; + a[i]);
}</code></pre>
</li>
<li><p>2번째 방법( <code>int[] b = new int[] {1,2,3};</code> )</p>
<pre><code class="language-java">int[] b = new int[] {1,2,3};
for(int i=0; i&lt;b.length; i++) {
    System.out.println(&quot;b[&quot; + i + &quot;] = &quot; + b[i]);
}
// 배열의 크기 쓰면 오류난다</code></pre>
</li>
<li><p>3번째 방법( <code>double[] c= {1.5, 2.3, 5.7, 4.0};</code> )</p>
<pre><code class="language-java">double[] c= {1.5, 2.3, 5.7, 4.0};
for(int i=0; i&lt;c.length; i++) {
    System.out.println(&quot;c[&quot; + i + &quot;] = &quot; + c[i]);
}</code></pre>
</li>
</ul>
<hr>
</li>
</ul>
<p>💟데이터형에 따른 배열 초기값</p>
<table>
<thead>
<tr>
<th align="center">데이터형</th>
<th align="center">초기값</th>
</tr>
</thead>
<tbody><tr>
<td align="center">byte, short, int</td>
<td align="center">0</td>
</tr>
<tr>
<td align="center">long</td>
<td align="center">0L</td>
</tr>
<tr>
<td align="center">float</td>
<td align="center">0.0F</td>
</tr>
<tr>
<td align="center">double</td>
<td align="center">0.0</td>
</tr>
<tr>
<td align="center">boolean</td>
<td align="center">false</td>
</tr>
<tr>
<td align="center">char</td>
<td align="center">&#39;\u0000&#39;</td>
</tr>
<tr>
<td align="center">String</td>
<td align="center">null</td>
</tr>
</tbody></table>
<ul>
<li><code>length</code>의 속성: 길이를 나타내는 속성 </li>
</ul>
<hr>
<p>💟배열을 사용할 때 자주 발생하는 오류</p>
<ul>
<li><p><code>length</code>값을 변경할 수 없다.</p>
</li>
<li><p>초기값과 배열의 길이를 동시에 쓸 수 없다.
ex) <code>int[] a= new int[3] {1,2,3};</code> (X) -&gt; <code>int[] a= new int[] {1,2,3};</code> (O)</p>
</li>
<li><p>초기화를 하지 않는 경우에 배열의 길이를 지정해야한다. 
ex) <code>int[] a = new int[];</code> (X) -&gt; <code>int[] a = new int[3];</code> (O)</p>
</li>
<li><p>오른쪽 배열은 왼쪽의 <code>int</code>형 변수에 저장될 수 없다.
ex) <code>int a = new a[3];</code></p>
</li>
<li><p>인덱스의 범위를 벗어나면 안된다.
ex)</p>
<pre><code class="language-java">int[] a = new int[] {10,20,30};        //인덱스의 범위는 3
System.out.println(a[7]);            //출력하려는 것은 인덱스 범위를 벗어나서 오류가 발생(출력하려는 인덱스의 범위는 7)</code></pre>
</li>
</ul>
<hr>
]]></description>
        </item>
        <item>
            <title><![CDATA[[AI]인공지능 딜레마]]></title>
            <link>https://velog.io/@suyeon_/AI%EC%9D%B8%EA%B3%B5%EC%A7%80%EB%8A%A5-%EB%94%9C%EB%A0%88%EB%A7%88</link>
            <guid>https://velog.io/@suyeon_/AI%EC%9D%B8%EA%B3%B5%EC%A7%80%EB%8A%A5-%EB%94%9C%EB%A0%88%EB%A7%88</guid>
            <pubDate>Thu, 01 Sep 2022 02:04:36 GMT</pubDate>
            <description><![CDATA[<blockquote>
<p>딜레마란?
주어진 문제 상황에서 선택해야하는 사항이 두 가지중 하나로 정해져 있을 때. 그 어느쪽을 선택해도 바람직하지 못한 결과가 나오게 되는 곤란한 상황</p>
</blockquote>
<ul>
<li><p>탑승자를 살릴 경우
<img src="https://velog.velcdn.com/images/suyeon_/post/615869cb-756d-4e6e-838a-3a1b4628f56a/image.png" alt=""></p>
</li>
<li><p>보행자를 살릴 경우
<img src="https://velog.velcdn.com/images/suyeon_/post/b5f77f2e-9650-4ad8-8ee0-a4231a21e369/image.png" alt=""></p>
</li>
<li><p>내가 선택해서 다른 사람들의 선택 평균을 비교할 수 있다.
<img src="https://velog.velcdn.com/images/suyeon_/post/2cb280bd-8931-4ef7-b2e9-757171adf5c0/image.png" alt=""></p>
<p><img src="https://velog.velcdn.com/images/suyeon_/post/27da9579-35ab-4750-bdd3-e54ba40feca1/image.png" alt=""></p>
</li>
</ul>
<hr>
<p>결과
의견을 분석한 결과 세가지 공통 요소가 발견되었다.</p>
<ol>
<li>동물보다는 사람의 생명을 구하는 것을 우선으로 한다.</li>
<li>소수의 사람보다 많은 사람을 구하는 것을 우선으로 한다.</li>
<li>나이든 사람보다 젊은 사람의 생명을 구하는 것을 우선으로 한다.</li>
</ol>
]]></description>
        </item>
    </channel>
</rss>