<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>blair-lee.log</title>
        <link>https://velog.io/</link>
        <description>주니어 기획자의 작은 기록 ✍️</description>
        <lastBuildDate>Tue, 18 May 2021 12:23:46 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <image>
            <title>blair-lee.log</title>
            <url>https://images.velog.io/images/blair-lee/profile/29f0e0a7-515d-47f1-849d-9735ba8aa0e3/IMG_0965.PNG</url>
            <link>https://velog.io/</link>
        </image>
        <copyright>Copyright (C) 2019. blair-lee.log. All rights reserved.</copyright>
        <atom:link href="https://v2.velog.io/rss/blair-lee" rel="self" type="application/rss+xml"/>
        <item>
            <title><![CDATA[포스코 청년 AI•Big data 아카데미 13기 합격 후기 [서류/면접/지원팁]]]></title>
            <link>https://velog.io/@blair-lee/%ED%8F%AC%EC%8A%A4%EC%BD%94-%EC%B2%AD%EB%85%84-AIBig-data-%EC%95%84%EC%B9%B4%EB%8D%B0%EB%AF%B8-13%EA%B8%B0-%ED%95%A9%EA%B2%A9-%EC%84%9C%EB%A5%98%EB%A9%B4%EC%A0%91%EC%A7%80%EC%9B%90%ED%8C%81</link>
            <guid>https://velog.io/@blair-lee/%ED%8F%AC%EC%8A%A4%EC%BD%94-%EC%B2%AD%EB%85%84-AIBig-data-%EC%95%84%EC%B9%B4%EB%8D%B0%EB%AF%B8-13%EA%B8%B0-%ED%95%A9%EA%B2%A9-%EC%84%9C%EB%A5%98%EB%A9%B4%EC%A0%91%EC%A7%80%EC%9B%90%ED%8C%81</guid>
            <pubDate>Tue, 18 May 2021 12:23:46 GMT</pubDate>
            <description><![CDATA[<h1 id="1-포스코-청년-aibig-data-아카데미란">1. 포스코 청년 AI•Big Data 아카데미란?</h1>
<p><strong>포항공과대학교 인공지능연구원</strong>과 <strong>포스코</strong>의 사회 공헌 사업으로 국내 청년실업 문제를 해결하고 4차 산업시대의 국가 경쟁력 향상에 기여하기 위한 <u>취업 준비생 인재 양성 프로그램</u>입니다. </p>
<p><img src="https://images.velog.io/images/blair-lee/post/c62e5c09-8552-4ba8-aa33-a00f39f8b97e/image.png" alt=""></p>
<p><em>만 34세 이하 4년제 대학 졸업자 또는 1년 이내 졸업예정자 그리고 합숙교육 기간 전체 일정 합숙가능한 자</em> 라면 누구나 지원 가능해요!</p>
<p><img src="https://images.velog.io/images/blair-lee/post/65b1bad6-9ddc-4db3-813f-230553d9d6df/image.png" alt=""></p>
<p>다른 프로그램에서는 찾아볼 수 없는 <strong>교육특전</strong>까지 갖추고 있는 것이 큰 특징!
<u>교육수당이 지급</u>되기 때문에 프로그램을 이수하는 기간동안에는 공부에만 집중 할 수 있고, <u>성적우수자에게는 채용 기회도 제공</u>된다고 하네요 🙌
<br></p>
<p><img src="https://images.velog.io/images/blair-lee/post/de6ecfa2-b1bf-4482-9b5e-8ea5567eccd9/image.png" alt=""></p>
<p>올해 모집 일정과 교육 일정은 이렇게 예정되어 있다고 해요.</p>
<p>더 자세한 내용은 <a href="http://youth.posco.com/posco/edu/index.php?mod=academy&amp;pag=academy01#khwhay">http://youth.posco.com/posco/edu/index.php?mod=academy&amp;pag=academy01#khwhay</a> 에서 확인하실 수 있어요. 😮</p>
<h1 id="2-교육-내용">2. 교육 내용</h1>
<p><img src="https://images.velog.io/images/blair-lee/post/7eb01f67-597b-46dc-98d9-2272454811ba/image.png" alt=""></p>
<p>홈페이지에서는 교육 내용을 이렇게 소개하고 있습니다. 본 과정을 통해 프로그래밍 기초부터 AI 학습, 프로젝트 수행까지 경험해볼 수 있어요.</p>
<p>상세 커리큘럼은 <a href="http://piai.postech.ac.kr/youth-academy-intro">http://piai.postech.ac.kr/youth-academy-intro</a> 에서 확인하세요~</p>
<h1 id="3-선발-프로세스--🍯">3. 선발 프로세스 + 🍯</h1>
<p><img src="https://images.velog.io/images/blair-lee/post/8fbb5884-1b51-46aa-b101-0a704a3faa7d/image.png" alt=""></p>
<p>선발은 <strong>서류전형 - 필기 및 면접전형 - 최종합격 순</strong>으로 진행됩니다.
이번 13기의 경우, 코로나19 상황으로 인해 <u>필기시험을 치르지 않고, 면접전형에서 인성 및 적성 등을 종합적인 검토</u>하겠다고 안내하셨습니다.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/0ea1a4d7-4402-40ff-a9f2-02690227261c/image.png" alt=""></p>
<p>한 가지 주목할 점은, <strong>지원자의 사전학습을 안내하고 있다는 점</strong>이에요. 크게 프로그래밍과 AI를 위한 기초수학으로 나뉘게 되며, 생각보다 양이 많은 편이니 미리미리 공부해두시는 것을 추천드려요! </p>
<blockquote>
<p>🍯 TIP 
15기 지원을 고려하고 계신 분 계신가요?
*<em>지금 당장 <a href="https://pabi.smartlearn.io/">https://pabi.smartlearn.io/</a> 로 접속해서 가입하고, MOOC 강좌를 수강 신청(여유가 된다면 수강까지) 해 두세요! *</em><br>
서류 전형을 합격하게 되면, MOOC 강좌 수료증을 제출해야 한답니다. MOOC는 학기 단위로 운영되는 것으로 알고 있는데, <u>수강신청 기간이 지나고 나면 신청을 할 수가 없어요.</u> 😨 신청을 못하면 강좌를 수강하고 강좌 수료증을 발급 받을 수 없는 불의의 상황이 발생한다는 사실.. <br></p>
</blockquote>
<h1 id="4-지원-계기">4. 지원 계기</h1>
<p>아무도 궁금하지 않겠지만 .. 지원계기도 써볼게요. 지속적인 관심은 가지고 있었지만, 매 번 발만 담구고 뺀 느낌으로 공부를 했던 거 같아요. 폰전공자거든요 저는.. </p>
<p>구구절절 적고보니 넘 구차해보여서... 한 줄 요약하자면! <em>의지박약인 제 멱살을 잡고 이끌어줄 수 있는 프로그램이라 생각</em> 하여 지원하게 되었습니다. 대한민국 최고의 교수님들에게 배우고 피드백 받을 수 있는 특별한 기회이기도 하구요! </p>
<p>약간의 강제성을 좋아하는 나.. 
<em>일단 버티면.. 견디면.. 성장할 수 있지 않을까요?</em></p>
<p>포스텍은 나를..
그냥 꼬옥 이끌어주면 되...(맞춤법 틀림)</p>
<h1 id="5-서류-전형">5. 서류 전형</h1>
<p>서류 전형에서는 입과 지원서와 증빙 서류들을 제출하게 됩니다!</p>
<p>우선, 입과 지원서는 </p>
<ul>
<li>인적사항(필수)</li>
<li>질문 항목(필수)</li>
<li>교육, 경력, 자격사항(선택) </li>
</ul>
<p>으로 구성되어 있었습니다. </p>
<p><strong><span style="color:white; background:#4472C4">
📝 입과 지원서 항목 (기수마다 상이할 수 있음)</strong></span></p>
<p><span style="color:#4472C4"> <strong>1. 지원동기 및 교육 후 계획/목표를 기술하여 주십시오.</strong></span></p>
<p><span style="color:#4472C4"> <strong>2. AI·빅데이터 관련 분야 경험을 자유롭게 기재해 주세요.</strong></span></p>
<p><span style="color:#4472C4"> <strong>3. 본인이 살면서 ‘열정’을 가지고 목표를 달성한 경험이 있으면 기술하여 주십시오.</strong></span></p>
<p>특이했던 점은 글자수 제한이 따로 없었다는 점!
저는 각 항목 당 공백 포함 850자~1000자 이내로 작성했어요. 억지로 내용을 늘리려고 하지는 않았고, 소재 한 두개를 뽑아서 작성했습니다. </p>
<p><img src="https://images.velog.io/images/blair-lee/post/ef9b49d5-e334-4b22-9737-2ed81192d1ad/image.png" alt=""></p>
<p>서류 전형에서 첨부했던 증빙서류 목록입니다. 최종학교 졸업증명서(재학 중인 경우 재학증명서)와 최종학교 성적증명서의 경우 필수로 제출해야 하며, 추가적인 정보 기입 여부에 따라 선택 제출서류가 있으니 확인 바랄게요. </p>
<h1 id="6-면접-전형--🍯">6. 면접 전형 + 🍯</h1>
<p><img src="https://images.velog.io/images/blair-lee/post/cfa0088d-295f-471a-a541-3dfe235b9aba/image.png" alt=""></p>
<p>사실 큰 기대를 안하고 있었는데, 서류전형 합격 소식을 들으니 기분이 좋았어요.</p>
<p>한편으로는 면접 전형때문에 걱정이 정말 정말 컸답니다. 저는 자타공인 염소거든요..ㅠ  면접을 인상 깊게 망쳐보기도 했고, 그 기억으로 면접 전형이라고 하면 일단 가슴이 떨리는.. 그런 유리멘탈이라 머리가 터질 뻔 했어요. 🤯</p>
<p>하지만!!!! 면접 전형은 그렇게 무섭거나 떨리지 않았어요. <strong>면접은 ZOOM을 통해</strong> 진행되었고, <strong>다대다로</strong> 진행되었습니다. 시간대나 면접 조에 따라 조금씩 상이한 거 같아요. 저는 오전 조였고, 면접관 세 분, 지원자 다섯 분과 함께 면접을 봤어요. <strong>총 면접 소요 시간은 약 20분</strong>입니다.</p>
<p>면접 시간이 엄청 짧죠~? 20분동안 5명이 면접을 보니 개인적으로 주어지는 시간은 최대 3분정도였던 거 같아요. 이제 면접 질문 항목을 알려드릴게요!</p>
<p><strong><span style="color:white; background:#4472C4">
📝 면접 질문 항목 (기수마다 상이할 수 있음)</strong></span></p>
<p><span style="color:#4472C4"> <strong>1. 아카데미에 지원하기 위해 했던 노력</strong></span></p>
<p><span style="color:#4472C4"> <strong>2. 아카데미 교육 이후 계획이나 목표</strong></span></p>
<p>두 가지를 한 번에 말씀 해달라고 하셨습니다. </p>
<p>저는 <u>두 가지 항목 모두, 자소서에 기반하여 짧게 두괄식으로 말하고자</u> 했어요. 현장에서 치뤄지는 면접이 아니다보니 엄청나게 떨리지는 않았지만, 함께 면접을 봤던 지원자 분들의 경험이나 스펙이 뛰어나셔서 쫄았던(?) 기억이 나네요..ㅎㅋㅋ</p>
<blockquote>
<p>🍯 TIP 
아카데미에 지원하기 위해 했던 노력에 대해 답변할 때, <strong>사전 교육 학습에 성실하게 임했음을 언급 !! 강조 !!</strong> 하세요. <br>
저는 면접 순번이 늦은 편이여서, 다른 분들이 답변하는 것을 들을 수 있었는데 다른 분들은 1번보다는 2번에 치중한 답변을 하시고, 사전 교육 학습에 대한 언급도 없으시더라구요. 아무래도 짧은 기간 많은 것을 배워가는 곳이다보니, <strong>&#39;앞으로의 의지&#39; 뿐만 아니라 &#39;준비기간에 임한 자세와 성실함&#39;</strong>도 보시는 것 같았어요.<br>
면접 전형 당시, 사전 교육 강좌를 모두 학습하지는 못했지만 학교 교과목을 수강하면서 선형대수 과목 부족함을 크게 느꼈었고, 이 부분을 우선적으로 학습하고자 했다~ 라는 식으로 솔직하게(..) 답변을 했어요.</p>
</blockquote>
<p>이건 개인적인 생각이지만요.. 줌 화면 옆에 답변 관련 메모를 켜두고 눈알 굴리는 연습을 하시는 것도.. 꽤 도움이 될 거 같습니다. </p>
<p>저는 자연스럽게 읽는 연기를 할 자신이 없어서 키워드만 적어두고 <del>횡설수설</del> 했어요. 적어두고도 읽지 못하는..(ㅋㅋ) 지금 생각하니 제법 웃기네요.. </p>
<h1 id="7-최종-합격">7. 최종 합격</h1>
<p><img src="https://images.velog.io/images/blair-lee/post/4c58df4f-9dd8-450c-a5f5-a7e65530613d/image.png" alt=""></p>
<p>면접 전형 일주일 후에 최종합격 안내 메일을 받아볼 수 있었어요. 🥳</p>
<p>위에서도 언급했지만, 함께 면접 보셨던 분들의 경험이나 스펙이 짱짱하셔서 저는 당연히 떨어질 거라고 생각하고 마음을 정리하고 있었는데(...) 막상 합격 소식을 받아보니 기분이 정~~말 좋더라구요. 쫄지말고.. 따박따박.. 하고 싶은 말을 전한다면 누구에게나 좋은 기회가 찾아올 거라고 생각해요. 무엇보다 중요한 건 쫄지않는 자신감!!!!!! </p>
<p>13기 활동을 되돌아보니, &quot;정말 지원하길 잘했다&quot; 라는 생각이 3000번 정도 드는데요.. 포항에서의 시간은 잊지 못할 꿈 같았던 거 같아요.</p>
<p>하루하루를 성실하게 살아가는 즐거움, 어려움을 만나도 쉽게 포기하지 않는 마음, 함께하면 된다 라는 긍정적인 태도까지! </p>
<p>좋은 교수님들과 짱짱한 지원 아래에서 공부하고 싶으신 분들이라면 다음 기수에 지원해 보시는 것을 강력 추천드립니다. </p>
<p>궁금한 점이 있으시다면 언제든 댓글 또는 메일(<a href="mailto:dakyung.dev@gmail.com">dakyung.dev@gmail.com</a>)로 문의주세요!</p>
<ul>
<li>댓글 확인보다는 메일 답장이 빠른 편이니 급한 부분은 메일로 문의주세요 :)</li>
</ul>
<p>이 글을 보실 <strong>여러분들에게도 합격의 빵빠레가 울리기를 기원합니다 🍦🎉🎵</strong></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[VSCode에서 Github 업로드하는 방법(짱쉬움ㅋㅋ)]]></title>
            <link>https://velog.io/@blair-lee/VSCode%EC%97%90%EC%84%9C-Github-%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EC%A7%B1%EC%89%AC%EC%9B%80%E3%85%8B%E3%85%8B</link>
            <guid>https://velog.io/@blair-lee/VSCode%EC%97%90%EC%84%9C-Github-%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EC%A7%B1%EC%89%AC%EC%9B%80%E3%85%8B%E3%85%8B</guid>
            <pubDate>Sun, 28 Feb 2021 16:57:58 GMT</pubDate>
            <description><![CDATA[<h3 id="잠깐-🤚-시작하기-전에">잠깐 🤚 시작하기 전에</h3>
<ul>
<li>VSCode(Visual Studio Code)를 설치해 주세요.
(<a href="https://code.visualstudio.com/">https://code.visualstudio.com/</a>)</li>
<li>github 회원가입을 해 주세요.
(<a href="https://github.com/">https://github.com/</a>)
<br><br></li>
</ul>
<h3 id="1-git-설치">1. git 설치</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/3249d2fb-1600-4c79-bfd6-56a3dd7a8624/image.png" alt=""></p>
<p><a href="https://www.git-scm.com/downloads">https://www.git-scm.com/downloads</a> 에서 운영체제에 맞는 파일을 다운로드 합니다. </p>
<p><span style="color:blue"><strong>window 사용하고 계신 분들은 <a href="https://miaow-miaow.tistory.com/17">https://miaow-miaow.tistory.com/17</a> 에서 git 환경설정 방법을 꼭!! 확인하시고 다음 단계로 넘어가주세요.</strong></span></p>
<blockquote>
<p><em>git과 github... 무슨 차이일까?</em></p>
</blockquote>
<ul>
<li><strong>git</strong> : local(쉽게 말해서 내 컴퓨터..) 내에서 소스코드를 관리하는 것</li>
<li><strong>github</strong> : local에서 관리한 소스코드를 업로드하고 공유하는 공간</li>
</ul>
<br>

<h3 id="2-github에-새로운-repository-생성하기">2. github에 새로운 repository 생성하기</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/56ae60e5-736c-4609-aad8-ccc900b932b2/image.png" alt=""></p>
<p>본인의 github에서 Repositoreis를 클릭하고, 오른쪽 초록색 버튼 &#39;New&#39;를 눌러주세요. 
Repository를 만들어 두신 분들은 넘어가셔도 됩니다!</p>
<p><img src="https://images.velog.io/images/blair-lee/post/17f4b0fa-c405-4c47-a9f9-65596f1bdc97/image.png" alt=""></p>
<p>새로운 repository의 이름을 정합니다. 저는 git-test로 할게요!</p>
<p><img src="https://images.velog.io/images/blair-lee/post/bdf4acf6-b433-44b4-8dab-ccb2fc94bd38/image.png" alt=""></p>
<p>git-test라는 새로운 repository가 생성된 것을 확인할 수 있습니다.
<br></p>
<h3 id="3-vscode-열기">3. VSCode 열기</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/323966b2-9c71-481f-b37c-ba298d3b12ee/image.png" alt=""></p>
<p>VSCode를 켜고, Open folder 클릭합니다.
github에 올리고자 하는 파일이 속한 폴더를 열어줍니다.
(파일이 아직 없는 경우, 원하는 곳에 폴더 생성하고 열어주시면 됩니다!)</p>
<p><img src="https://images.velog.io/images/blair-lee/post/0b63de35-8a76-4be5-be44-25e639e8f9c5/image.png" alt=""></p>
<p>저는 바탕화면에 있는 test라는 폴더를 열어볼게요.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/23d90da3-6c51-4d94-80e9-1e2831ce29d3/image.png" alt=""></p>
<p>제가 연 test 폴더는 비어 있는 상태입니다.
파일 추가 버튼을 눌러서, hello.py 파일을 만들어 볼게요.
(sql 파일을 만들고 싶으면 파일명.sql 이렇게 만들면 됩니다.)</p>
<p><img src="https://images.velog.io/images/blair-lee/post/9d875d14-20c7-47ac-ada1-978925c6b306/image.png" alt=""></p>
<p>다음과 같이 적어 주었고, ctrl+s를 눌러 저장했습니다.
<br></p>
<h3 id="4-initial-repository">4. Initial Repository</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/31e60bbb-c253-4e3c-9eb3-38810d782d86/image.png" alt=""></p>
<p>좌측에 있는 브랜치 모양의 아이콘을 클릭해 주세요.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/39ab0b55-ef61-4ead-8ec5-00fb399138a3/image.png" alt=""></p>
<p><img src="https://images.velog.io/images/blair-lee/post/8bfe34fd-b6f9-41b1-9ada-d203f2bc9ece/image.png" alt=""></p>
<p><strong>Initial Repository를 클릭하면, 로컬 Repository가 초기화됩니다.</strong>
로컬 Repository가 초기화된다는 말은 <em>&#39;이제 이 폴더에 있는 파일들을 git 명령어들을 이용해 관리하겠다!&#39;</em> 하고 선언하는 것이랍니다. 
<br></p>
<h3 id="5-repository-주소-복사">5. Repository 주소 복사</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/78db9256-e973-470e-b5e4-c8032f7447ca/image.png" alt=""></p>
<p>아까 만들었던 Repository로 돌아가서 repository의 주소를 복사합니다.
<br></p>
<h3 id="6-remote-setting">6. Remote setting</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/12c4f00b-5c45-447d-b695-62dd34982b1b/image.png" alt=""></p>
<p><img src="https://images.velog.io/images/blair-lee/post/3151727a-12d2-478c-8e61-5394b208d12a/image.png" alt=""></p>
<p>remote setting은 지금 <strong>이곳에서 작업 중인 파일을 github의 어떤 repository에 업로드할 것인가 설정</strong>하는 과정입니다. Terminal의 New Terminal을 클릭해서, 새로운 Terminal 창을 열어줍니다.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/1b7f9d4d-499b-4887-b903-8493ae8eff20/image.png" alt=""></p>
<p>command line에 <strong>git remote origin add (repository 주소)</strong> 를 입력합니다.
git remote add 까지 입력하고 ctrl+v하면 주소 붙여넣기 가능!</p>
<p><img src="https://images.velog.io/images/blair-lee/post/6d9b4ac7-ebf8-408b-b483-cdbe40972a26/image.png" alt=""></p>
<p>enter를 하면 아무일도 일어나지 않아요! remote 상태를 잘 설정했는지 확인할게요.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/552bb41e-4369-48b2-9544-e1df31d9aaa1/image.png" alt=""></p>
<p>command line에 <strong>git remote -v</strong>를 입력합니다.
앞서 생성한 github의 repository 주소를 확인할 수 있습니다.
<br></p>
<h3 id="7-commit할-대상-선택하기">7. Commit할 대상 선택하기</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/f6181b32-a019-43f6-86e3-8a3a530acfd1/image.png" alt=""></p>
<p>Changes 아래에는 변동사항이 있는 파일들(관리가 필요한 파일들)의 목록을 보여줍니다. Changes 아래에 앞서 작성한 hello.py 파일이 있는 것을 확인할 수 있어요. git의 입장에서 hello.py 파일은 새로 생성되었고, 새로운 내용이 추가된 파일이니까요!</p>
<p>hello.py 이름 위로 커서를 살짝 올리면 4가지 아이콘이 뜨는 것을 확인할 수 있습니다. 
&#39;<strong>+</strong>&#39; 버튼을 누르는 것은 <em>&#39;이 파일은 github에 올려서 관리하고 싶으니 찜할게~&#39;</em> 하고 의사 표시를 하는 거라고 볼 수 있어요. + 를 클릭해서 의사 표시를 해 볼게요.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/0d311903-7872-4bc0-ac01-b75c046c257e/image.png" alt=""></p>
<p><strong>+를 클릭하고 나면</strong>, hello.py 파일이 Changes가 아닌 <strong>Staged Changes 아래로 이동한 것을 확인할 수 있습니다.</strong> 반대로 -를 클릭하면 <em>&#39;이 파일은 github에 올리고 싶지 않으니 찜 취소!&#39;</em> 하고 의사 표시를 하는 것이 되겠죠. 저는 올리고 싶으니까 그대로 둘게요!</p>
<h3 id="8-commit">8. Commit</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/cc47e01e-130e-447e-b257-fbf7db227917/image.png" alt=""></p>
<p><strong>commit은 로컬에서 발생한 변경 사항을 기록하고, 저장하는 중요한 과정이에요.</strong> 체크 버튼을 누르면 commit을 할 수 있는데요, 한 번 클릭해 볼게요.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/b40a5ceb-784d-4f29-a8e7-5b52d407d0b6/image.png" alt=""></p>
<p><img src="https://images.velog.io/images/blair-lee/post/2bd9ce4d-0063-4db0-bac2-3bdd670c96bd/image.png" alt=""></p>
<p>메시지를 입력하는 창이 뜨는데요, 이 메시지는 파일을 설명하는 tag 역할을 한다고 생각하시면 될 거 같아요! 저는 연습용이니 간단하게 first commit을 적을게요.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/e04356d9-42bf-470d-bfd6-a6e362eae1d3/image.png" alt=""></p>
<p>commit message를 입력하고 엔터를 누르고 나면, Changes에 아무 항목도 보이지 않는데요. hello.py 파일을 수정하거나, 새로운 파일을 추가하면 다시 나타나게 됩니다.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/b9e795f5-1850-49e6-b5fd-9c9c48277abc/image.png" alt=""></p>
<p>(이건 참고만! 따라하지 않으셔도 돼요) hello.py 파일의 2번째 줄에 한 줄을 더 추가했더니, Changes의 목록에 나타나는 것을 확인할 수 있네요. 
<br></p>
<h3 id="9-push">9. Push</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/74d7cc64-36a0-477e-84e5-f3bca133fa23/image.png" alt=""></p>
<p>이제 commit한 파일을, github에 진짜! 최종! 업로드 해 볼게요.</p>
<p>command line에 <strong>git push origin master</strong> 을 입력합니다.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/099a923c-4bba-4aa5-8a29-69257e7f5fb7/image.png" alt=""></p>
<br>

<h3 id="10-확인">10. 확인</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/cba71c4d-7142-4047-afff-d5c31e613c68/image.png" alt=""></p>
<p>hello.py 파일이 git-test Repository에 업로드 된 것을 확인할 수 있습니다.</p>
<blockquote>
<p>전체적인 과정은 이런 느낌 아닐까요 🤔 이건 저의 뇌피셜,,,,,,</p>
</blockquote>
<ul>
<li>Initial Repository한 폴더 : 연습생을 관리하는 회사 </li>
<li>vscode에서 생성, 수정하는 파일들 : 회사의 통제를 받는 연습생들</li>
<li>commit하는 파일 : 데뷔조로 언급되는 연습생들</li>
<li>push하는 파일 : 최종 데뷔조로 선발된 연습생들</li>
<li>github : 데뷔 무대</li>
</ul>
<p>그럼 다들,, 과제 업로드에 성공하시길 바랍니다,,
github 쓸 줄 몰라서 과제 못했다는 말은 하지 않기로 약속,,,
화이팅 ✨</p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[React] gh-pages를 사용해 무료 호스팅 하는 법]]></title>
            <link>https://velog.io/@blair-lee/React-gh-pages%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%B4-%EB%AC%B4%EB%A3%8C-%ED%98%B8%EC%8A%A4%ED%8C%85-%ED%95%98%EB%8A%94-%EB%B2%95</link>
            <guid>https://velog.io/@blair-lee/React-gh-pages%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%B4-%EB%AC%B4%EB%A3%8C-%ED%98%B8%EC%8A%A4%ED%8C%85-%ED%95%98%EB%8A%94-%EB%B2%95</guid>
            <pubDate>Thu, 31 Dec 2020 05:26:52 GMT</pubDate>
            <description><![CDATA[<blockquote>
<p>gh-pages는 Github에서 제공하는 웹 호스팅 서비스로, 
무료로 사용이 가능합니다. </p>
</blockquote>
<blockquote>
<p><strong>gh-pages를 사용하고자 하는 경우</strong>
Github의 <strong>Repository</strong>를 <strong>Public으로 설정</strong> 해 두어야 합니다! </p>
</blockquote>
<br>

<h3 id="1-github-repository-확인">1. Github Repository 확인</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/a4332621-5524-4cb6-b673-245a93798140/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.04.39.png" alt=""></p>
<p>gh-pages를 이용해 호스팅하고자 하는 repository 입니다.
gh-pages를 이용하기 위해 public으로 변경했습니다.</p>
<p><img src="https://images.velog.io/images/blair-lee/post/b6bcc4f0-8e05-44d6-9d9b-dc27c720b6a7/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.09.20.png" alt=""></p>
<p>호스팅 후 {username}.github.io/{repositoryname} 로 접속하면
웹 사이트가 화면 상에 출력될 것입니다.</p>
<p>아직 아무것도 업로드하지 않은 상태이기 때문에, 
blair-lee.github.io/movie_app 로 접속하면
에러가 발생하는 것을 확인할 수 있습니다.</p>
<h3 id="2-gh-pages-설치">2. gh-pages 설치</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/f4ec23b3-cd51-4974-850c-cb468ed1fed6/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2011.58.00.png" alt=""></p>
<blockquote>
<p>npm i gh-pages</p>
</blockquote>
<p>github에 업로드 하는 것을 허가해주는 모듈인 gh-pages를 설치합니다.</p>
<h3 id="3-homepage-프로퍼티-설정">3. homepage 프로퍼티 설정</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/4426667a-a5d3-4f62-a8ff-b0bfb8f15849/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.17.39.png" alt=""></p>
<p>프로젝트 내 package.json 파일에 homepage 프로퍼티를 설정하는 코드를 추가합니다.</p>
<p>이 때, 주소의 형식은 
https://{username}.github.io/{repositoryname} 입니다.</p>
<h3 id="4-npm-run-build-실행하고-build-폴더-생성-확인하기">4. npm run build 실행하고 build 폴더 생성 확인하기</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/3baf6046-5ba8-42bd-927e-2068b6021181/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.23.58.png" alt=""></p>
<blockquote>
<p>npm run build</p>
</blockquote>
<p><img src="https://images.velog.io/images/blair-lee/post/3619a7c4-9a2f-44c6-863b-49c06865a9d0/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.24.49.png" alt=""></p>
<p>npm run build를 실행하면 build 폴더가 생성되는 것을 확인할 수 있습니다. 
서버가 켜져있다면 ctrl+c를 이용하여 서버를 끈 후 다시 npm run build를 실행합니다.</p>
<p>build 폴더를 생성하는 것은, 누군가에게 여러 개의 파일을 보내고자 할 때 하나의 zip 파일로 압축하는 것과 같다고 볼 수 있습니다.</p>
<p>우리는 압축된 project, 즉 build folder를 gh-pages에 업로드 하게 됩니다.</p>
<h3 id="4-deploy-predeploy-스크립트-명령어-추가">4. deploy, predeploy 스크립트 명령어 추가</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/5a15e3af-68fd-4d5d-9b43-84e68c4ef5a9/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.30.17.png" alt=""></p>
<p><img src="https://images.velog.io/images/blair-lee/post/fbced6dd-bb32-4202-8c45-634ca3306b11/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.44.08.png" alt=""></p>
<p>프로젝트 내 package.json 파일에 deploy, predeploy 스크립트 명령어를 추가합니다.</p>
<h3 id="5-npm-run-deploy-실행">5. npm run deploy 실행</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/ec9c6371-cd2c-4368-b10a-6d47d6924731/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.47.02.png" alt=""></p>
<blockquote>
<p>npm run deploy</p>
</blockquote>
<p>terminal에서 npm run deploy를 실행합니다.</p>
<h3 id="6-확인">6. 확인</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/9eadfcbc-452b-450a-8736-14ab06a1a877/IMG_C30A95561B4C-1.jpeg" alt=""></p>
<p>homepage 프로퍼티로 지정해 둔 링크(<a href="https://blair-lee.github.io/movie_app">https://blair-lee.github.io/movie_app</a>) 로 접속하면 위와 같은 화면을 확인할 수 있습니다.</p>
<p><br><br></p>
<h3 id="🤯-만약-화면을-확인할-수-없다면">🤯 만약 화면을 확인할 수 없다면?</h3>
<p><img src="https://images.velog.io/images/blair-lee/post/127af6f8-e4dc-4d1e-9ecc-bedc6e07a5d6/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.25.20.png" alt=""></p>
<p>repository의 setting에서 <strong>select branch가 gh-pages로 설정되어 있는지 확인</strong>합니다.</p>
<p>gh-pages로 설정되어 있음에도 불구하고 에러가 발생하면
select branch로 master로 선택 후 save 했다가, 
다시 gh-pages를 선택하고 save하면 정상적으로 동작하는 것을 확인할 수 있습니다.</p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[React] Typo in static class property declaration react/no-types]]></title>
            <link>https://velog.io/@blair-lee/React-Typo-in-static-class-property-declaration-reactno-types</link>
            <guid>https://velog.io/@blair-lee/React-Typo-in-static-class-property-declaration-reactno-types</guid>
            <pubDate>Wed, 30 Dec 2020 10:31:45 GMT</pubDate>
            <description><![CDATA[<hr>
<p><img src="https://images.velog.io/images/blair-lee/post/45097af6-30dd-4a1d-80c4-f5cd245e8736/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-29%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.50.18.png" alt=""></p>
<p><img src="https://images.velog.io/images/blair-lee/post/2f9c6171-0015-4361-8445-46f20f6d5800/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-29%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.50.29.png" alt=""></p>
<p><img src="https://images.velog.io/images/blair-lee/post/804cf72a-e235-4994-ac11-2c1b54a9f530/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-29%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.50.52.png" alt=""></p>
<p><img src="https://images.velog.io/images/blair-lee/post/8939c743-5779-4839-b809-d22c3887175a/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-29%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.51.01.png" alt=""></p>
<p>Proptypes를 이용해서 React 컴포넌트의 prop에 대한 타입을 정의하려고 하니, Typo in static class property declaration react/no-types 라는 에러가 발생한다.</p>
<p>이러한 경우
Movie.<strong>P</strong>roptypes = { ... } 을
Movie.<strong>p</strong>roptypes = { ... } 로 수정하니 해결!
(대문자를 소문자로)</p>
]]></description>
        </item>
    </channel>
</rss>