<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>2dowon</title>
    <link>https://dwon-lee.tistory.com/</link>
    <description>모든 순간을 기록하고자 노력합니다.</description>
    <language>ko</language>
    <pubDate>Sat, 27 Jun 2026 23:40:35 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>2dowon</managingEditor>
    <image>
      <title>2dowon</title>
      <url>https://tistory1.daumcdn.net/tistory/4179594/attach/cd0d6c2745c44cd886a3d20be39c786b</url>
      <link>https://dwon-lee.tistory.com</link>
    </image>
    <item>
      <title>2022.1</title>
      <link>https://dwon-lee.tistory.com/34</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;2022년이 된지 얼마 되지도 않은 것 같은데, 벌써 또 한달이 흘렀다. 한 달 일기 겸 회고를 쓰면서 시간이 유독 빨리 흐르는 것 같기도 하고  &amp;nbsp; 물론 이번 달 시간이 빨리 흐른건 회사를 다니고 있다는 점이 한 몫하기도 했다. 아무래도 주 40시간씩 일을 하고, 보통 2~3시간 정도는 오버해서 근무하기도 하고 거기다 주 2일은 퇴근 후에 주짓수를 가려고 노력했다. 일주일에 한 번 정도는 친구를 만나고, 그러다보면 진짜 일주일씩 휙휙 간다 ㅎㅎ 그래도 1월에는 일이 좀 익숙해져서 12월보다 좀 더 재밌게 회사를 다닌거 같다. 물론 고도몰이나 jQuery나 이런건 거의 처음 써봐서 아직도 익숙하지 않긴 한데.. 묘하게 웹의 꼼수가 늘어가고 있달까 ㅋㅋㅋㅋ 회사 분위기를 보니까 앞으로 리뉴얼하면서 맡은 업무가 좀 바뀔꺼같은데, 아마 그러면 vue가 아니라 다시 React를 쓸 가능성이 높아서 빨리 빨리 복습 좀 해야겠다.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;vue.js&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;현재 회사에서 주로 맡은 업무가 vue.js를 이용한 업무이다보니 1월 한달 동안에는 vue.js 공부를 많이 했던 것 같다. 처음에는 간단한 컴포넌트만 만들어서 상태관리까지는 필요없었는데, 가장 최근에 만든게 주문서/결제 페이지 쪽이다보니 상태관리가 필요해져서 vue.js에서 상태 관리하는 라이브러리인 vuex를 사용하기도 했다. vue를 쓰면서 항상 느끼는거지만 진짜 쉽다. 일단 리액트보다 훨씬 쉽다. 직관적이여서 코드를 짜기가 쉬운데, 그러다보니까 약간 HTML 태그에 안에 비즈니스 로직이 같이 들어가다보니 코드가 좀 더러워지고, 테스트코드를 짜는게 좀 어렵다는 단점이 있다. 그래서 이번에 약간 복잡한 컴포넌트를 만들어보니까 단순할수록 vue랑 어울린다는 생각이 들기도 하고. 그 점에서는 요즘 svelte가 뜨고 있다던데... svelte가 궁금했다가 React18이랑 next.js 공부하기도 벅차서 ㅎㅎ.....ㅜㅜ&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;test code&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;테스트 코드의 중요성을 실감하고 있는 요즘이다. 간단한 프로젝트가 아닌 실무에서 여러 사람과 함께 일을 하다보니까 테스트 코드가 없으면 다른 사람이 만든 코드를 수정할 때도 제대로 수정하는 것인지 확인하기가 어렵고, 결정적으로 배포된 후에 자잘한 에러가 나기도 했었다. 그래서 vue로 작은 컴포넌트들을 만들때 테스트 코드를 간단하게 작성을 했었다. 솔직히 작성할 때는 귀찮은 마음이 컸는데, 작성 후에 테스트가 성공으로 나오고 배포하니까 뭔가 든든은 하더라 ㅎㅎ 아직 테스트코드 작성이 익숙하지 않아 TDD는 무리지만.. 나중에는 TDD 방식으로 바꿔봐야지.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;드림코딩 - TDD 강의&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;788&quot; data-origin-height=&quot;449&quot;&gt;&lt;a href=&quot;https://academy.dream-coding.com/pages/6d10a8&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dhVfKp/btrr4xEHdmF/D0D0rkBGHD2Gakr5Dsu670/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdhVfKp%2Fbtrr4xEHdmF%2FD0D0rkBGHD2Gakr5Dsu670%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;788&quot; height=&quot;449&quot; data-origin-width=&quot;788&quot; data-origin-height=&quot;449&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 드림코딩으로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위에서 얘기한 것 처럼 테스트 코드를 작성할 일이 많아지면서 테스트 코드를 작성은 하는데, 내가 제대로 된 테스트 코드를 작성하고 있는가에 대한 의문이 들때쯤 드림코딩에서 리액트와 노드강의를 완강한 수강생을 대상으로 무료 강의를 준비해주셨다. (엘리님 사랑합니다 ❤️&amp;nbsp; )&lt;br /&gt;테스트 코드 중에서도 비동기 테스트, E2E 테스트 등에 대한 지식은 거의 없던 차에 들었어서 빠른 속도로 필요한 지식들을 얻을 수 있었다. 급한 마음에 이번에는 능동적으로 듣는데는 실패했지만, 나중에 복습하면서 다시 능동적으로 들어볼 계획이다. 쨋든 설 연휴에 끝내려고 했는데, 설 직전에 백신 부스터샷 맞고 하루이틀정도 몸살 기운이 있어서 아직 완강을 못했다ㅜㅜ 얼른 들어야지.&lt;br /&gt;아, 그래도 강의 들었으니까 느낀 점을 조금 적자면, 사실 나는 이전에 테스트 코드 작성을 위해서 필요없는 클래스 이름을 짓느라 시간을 낭비하기도 했고, 대부분이 view가 제대로 보이는지에 관한 테스트라 자잘한 css를 테스트하는 로직이 많았다. 근데 이번 강의를 들으면서 이렇게 테스트 코드를 작성하는게 좋지 않다는 것을 배웠다. 사실 작성하면서도 클래스 이름 짓는데 시간이 드니까 테스트 코드 작성이 더 귀찮았고, css를 수정할 때마다 테스트 코드도 같이 수정해줘야하는 번거로움이 있어서 이게 맞나 싶었던건데, 예상했던대로 강의에서 좋은 테스트 코드는 UI의 구현사항을 꼭 알 필요가 없다고 했다. 즉 수정될 가능성이 높은 클래스 이름 대신 data-testid나 title 등을 활용하는 방법이 있다. &lt;br /&gt;회사 다녀와서 강의 듣는게 생각보다 쉽지는 않는데, 아직까진 강의로 얻는 지식이 가장 빠르다고 생각하는 편이라 퇴근 후에는 강의를 많이 듣지 싶다!&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;JavaScript 알고리즘&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;587&quot; data-origin-height=&quot;134&quot;&gt;&lt;a href=&quot;https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B4/dashboard&quot; target=&quot;_blank&quot; title=&quot;클릭하면 강의로 이동합니다!&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/NL00Y/btrr7pMUb6w/EgdxbwHx1uDunxnEcMsTlk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNL00Y%2Fbtrr7pMUb6w%2FEgdxbwHx1uDunxnEcMsTlk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;587&quot; height=&quot;134&quot; data-origin-width=&quot;587&quot; data-origin-height=&quot;134&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;애증의 알고리즘이다 진짜. 나는 알고리즘을 사실 잘하지는 못하는 편이라서 필요할 때 약간 벼락치기로 했던 것 같다. 학원에서 코테 보기 직전이나 소마 준비했을 때, 그리고 잠깐 소마 끝날때쯤 취준하기 위해서 준비할때? 이렇게 진짜 잠깐씩 했고 그 결과 백준으로 얘기하면 여전히 실버3이라는.... 애매한 위치의 알고리즘 실력이다. 이마저도 이때는 주로 파이썬으로 알고리즘 공부를 했었는데, 작년 말에 프론트엔드 개발자로 취업하려고 보니 알고리즘 테스트가 거의 다 JavaScript였다....ㅎ 처음에는 JavaScript로 알고리즘을...?하면서 막막했던 기억 밖에 없었는데, 그럴때마다 저 강의를 들으면서 조금씩 조금씩 나아갔다. 근데 문제는 정말 조금씩 나아가서 아직도 못 끝냈다는거지.. &amp;nbsp; &amp;nbsp;쨋든 그래도 최근에 회사에서 알고리즘 스터디 얘기가 가끔 나와서 알고리즘 문제를 풀어야겠다는 생각이 들때마다 종종 풀고있는데, 덕분에 일주일에 3문제정도 풀기는 하는데 퇴근하고 푸니까 머리가 진짜 안돌아가서 문제를 푸는건지 강의만 듣는건지 싶지만 그래도 2월에는 가능하면 저 강의 끝내고, 백준으로 넘어가고 싶다. 백준 골드 찍고싶다아아아아&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;일일커밋을 다시 해보자!&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;223&quot;&gt;&lt;a href=&quot;https://github.com/2dowon&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bq43vS/btrr9ghUW0m/fUZg0kFekpLDIvPOFR82Kk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbq43vS%2Fbtrr9ghUW0m%2FfUZg0kFekpLDIvPOFR82Kk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;922&quot; height=&quot;223&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;223&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 GitHub로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;작년 겨울쯤에 일일 커밋을 100일정도 했었는데, 확실히 매일매일 컴퓨터 앞에 앉는 습관도 들고 무엇보다 잔디밭이 푸릇해지는 기분이 아주 좋았다. 그러다가 소마 합격하고 기획 준비하는 한달동안은 멘토링과 기획 위주로 한 덕분에 잔디가 텅 비었고, 취업한 직후에도 한달정도는 퇴근 후에도 피곤해서 커밋을 하지 못했다. 그래서 이렇게 가다가는 일일 커밋을 했던 기간이 지나가버리면 잔디밭이 너무 휑해질꺼 같은 마음에 다시 일일 커밋을 해보자는 마음을 먹었고, 아직까지는 꽤 지키면서 하고 있는 중이다!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;169&quot; data-origin-height=&quot;154&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/WuFIk/btrr2Su4lYQ/Bj0IOc02vHOyaXSkR569oK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/WuFIk/btrr2Su4lYQ/Bj0IOc02vHOyaXSkR569oK/img.png&quot; data-alt=&quot;회사 GItLab&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/WuFIk/btrr2Su4lYQ/Bj0IOc02vHOyaXSkR569oK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FWuFIk%2Fbtrr2Su4lYQ%2FBj0IOc02vHOyaXSkR569oK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;169&quot; height=&quot;154&quot; data-origin-width=&quot;169&quot; data-origin-height=&quot;154&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;회사 GItLab&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;회사에서는 GitLab을 쓰고 있는데, 회사에서도 GitHub을 썼다면 12월의 텅 빈 곳이 좀 채워졌을텐데...ㅜㅜㅜㅜㅜ 근데 지금보니까 GitLab은 푸른색이라 바다같고 개인적으로는 GitLab 색이 더 예쁜거같기도하고!&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;TIL 블로그 재정비&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;926&quot; data-origin-height=&quot;539&quot;&gt;&lt;a href=&quot;https://2dowon.netlify.app/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/mMVqg/btrseRVW4wM/qqadi1eCbr3N82PMpKL72k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmMVqg%2FbtrseRVW4wM%2Fqqadi1eCbr3N82PMpKL72k%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;926&quot; height=&quot;539&quot; data-origin-width=&quot;926&quot; data-origin-height=&quot;539&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;예전&amp;amp;nbsp; TIL 블로그&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이유는 모르겠지만.. 나의 예전 TIL 블로그 배포가 더이상 되지 않는다... 설 직전에 오랜만에 TIL 글을 올리려고 했는데 netlify에서 배포가 실패했고, 계속 구글링을 해봤는데 모르겠더라ㅜㅜ 그래서 한참을 고민하다가 일단 기존 TIL 블로그를 버리고 다른 방법을 택하기로 했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;좀 더 원인을 찾아서 최대한 살리는 방향도 고민을 했었는데, 기존에 쓰고 있는 블로그도 일년 넘게 쓰다보니 약간 불편한 점들이 생겨서 이참에 아예 버리기로 한거다. 먼저, 흔해졌다. 사실 GitHub 블로그 중에서 개츠비를 이용한 이유는 그 전에 jekyll 블로그를 만드는데 실패하고 성공한게 개츠비였기 때문이다. 개츠비 테마 중에서는 한국 프론트엔드 개발자인 JBEE 님이 만든 테마가 가장 설명이 잘되어있었고 따라하기가 쉬었다. 저 블로그를 만들때까지만 해도 이제 막 프로그래밍을 시작했을 때라 최대한 자료가 많고 쉬운 것으로 하고 싶었다. 근데, 그렇게해서 1년 넘게 쓰다보니 요즘은 대부분의 TIL 블로그가 이 디자인인 경우가 많았고, 나는 내가 커스텀할 수 있는 블로그를 만들까 라는 생각만 가지고 미뤘는데 드디어 만들때가 온 것이다..ㅎ 그리고 검색 기능이 없어서 아쉬웠다. 내가 가장 많이 보는 블로그인만큼 나는 사실 잘 찾지만, 다른 사람들은 검색도 되면 더 원하는 정보를 찾을 수 있을 것 같은데 검색 기능이 없어서 그게 좀 아쉬웠다. 마지막으로 최신글 위주로 보여지는 UI가 마음에 들지 않았다. 원래는 알고리즘 문제 풀이도 TIL에 올리고 싶었는데, 그러다보면 최신글이 다 알고리즘 글이 되어버려서 뭔가 민망하기도 하고.. 좀 그랬다. 쨋든 이런 이유들로 블로그를 바꿀까 생각하던 차에 어쨋든 반강제로 바꾸게 되었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;첫 번째 방법은 지금 회고용으로 쓰고 있는 티스토리를 이용하는 것이다. 개인적으로 개발자 블로그라면 GitHub로 만들어야지 라는 생각이 있었는데, 이번에 갑자기 배포에 문제가 생기면서 블로그를 바꿔야되는 상황이 생긴 것도 그렇고, 이미 회고용 블로그로 쓰고 있는 티스토리가 있는데다가 회고용이랑 TIL 블로그 두개를 가지고 있는게 좀 그래서 예전부터 합쳐야지 했던 마음도 있고 해서 이번 기회에 티스토리 블로그로 합쳐봐야지 했다. 그래서 이전 TIL 글 몇 개를 티스토리에 올려봤는데 음 뭔가 영 마음에 안들었다. 일단 커스텀이 안되어서 예쁘지가 않았다. 어떻게보면 TIL 블로그를 가장 많이 보는 사람은 나인데, 내가 보기에도 안 예쁘고 가독성이 좋지 않아서 하루이틀 정도 글을 올려보다가 말았다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1143&quot; data-origin-height=&quot;611&quot;&gt;&lt;a href=&quot;https://2dowon.github.io/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/l0XOO/btrr4QpZvvQ/ekiHi97cPZp4iSIgU3P3Nk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fl0XOO%2Fbtrr4QpZvvQ%2FekiHi97cPZp4iSIgU3P3Nk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1143&quot; height=&quot;611&quot; data-origin-width=&quot;1143&quot; data-origin-height=&quot;611&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;새로운 TIL 블로그로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 결국은 Jekyll을 이용해서 GitHub 블로그를 만들었다. 일년전에 실패했어서 시간이 좀 걸리려나 했는데, 생각보다 쉽게 만들었다. 아직은 이전 글들만 옮겨놓고, 제대로 커스텀하지는 못해서 약간 못생기긴 했는데 그래도 커스텀하는 재미가 꽤 있는 것 같다. 검색 기능도 생기긴 했는데... 아직 영어만 된다...ㅎ 나중에 한국어 검색도 되도록 만들어야지. 그리고 가장 좋은건 UI가 약간 사전 느낌이라서 왼쪽에 폴더링이 되어있어서 글 찾기가 쉽고, 나중에 알고리즘 문제 풀이를 올리더라도 그것만 보이지는 않기 때문에 부담이 덜 할 것 같다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;혹시라도 Jekyll로 GitHub 블로그 만드는 방법이 궁금하다면 &lt;a href=&quot;https://2dowon.github.io/docs/etc/jekyll-blog/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;여기!&lt;/a&gt;서 확인할 수 있습니당&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;984&quot; data-origin-height=&quot;418&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vYWoo/btrr5U7vZYE/fkYaKVpthg3vaSssflk5y0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vYWoo/btrr5U7vZYE/fkYaKVpthg3vaSssflk5y0/img.png&quot; data-alt=&quot;이전 TIL 블로그의 Google Search Console&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vYWoo/btrr5U7vZYE/fkYaKVpthg3vaSssflk5y0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvYWoo%2Fbtrr5U7vZYE%2FfkYaKVpthg3vaSssflk5y0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;984&quot; height=&quot;418&quot; data-origin-width=&quot;984&quot; data-origin-height=&quot;418&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이전 TIL 블로그의 Google Search Console&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;943&quot; data-origin-height=&quot;285&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Bef6H/btrsaR90OJ7/61TKRirDCKKKEeRKcFygCk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Bef6H/btrsaR90OJ7/61TKRirDCKKKEeRKcFygCk/img.png&quot; data-alt=&quot;인기글 TOP 5&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Bef6H/btrsaR90OJ7/61TKRirDCKKKEeRKcFygCk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FBef6H%2FbtrsaR90OJ7%2F61TKRirDCKKKEeRKcFygCk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;943&quot; height=&quot;285&quot; data-origin-width=&quot;943&quot; data-origin-height=&quot;285&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;인기글 TOP 5&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이전 TIL 블로그에 약 2만명의 사람들이 방문했었다. 가끔씩 이 지표를 보는 재미도 꽤 있었다. 사람들이 무슨 글을 많이 보는지, 어떻게 검색해서 들어오는지를 보는 재미가 있었고 내가 특히 열심히 쓴 글이 많이 클릭되어 있으면 기분이 특히 좋았다. 예를 들어서, java swing에 관한 글은 진짜 저 글때문에 블로그를 시작했다고 말할 수 있을 정도로 내가 쓴 글이 많이 도움이 되었으면 좋겠다라는 쓴 글이었다. 저 글도 TOP5안에 든 걸 보면 진심이 통한 기분도 들고 그래서 좋았다. 그래서 이번에 블로그를 아예 바꿔버리면서 새롭게 시작하는 덕분에 이 지표들을 버리고 가서 많이 아쉽긴 하다. 그래도 새 블로그에도 글 자주 올려서 많은 사람들에게 도움이 되는 공간이 되었으면 좋겠다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>Jekyll 블로그</category>
      <category>TDD</category>
      <category>TIL 블로그</category>
      <category>테스트코드</category>
      <category>회고</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/34</guid>
      <comments>https://dwon-lee.tistory.com/34#entry34comment</comments>
      <pubDate>Mon, 31 Jan 2022 17:30:05 +0900</pubDate>
    </item>
    <item>
      <title>2021년 회고</title>
      <link>https://dwon-lee.tistory.com/21</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;696&quot; data-origin-height=&quot;375&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/2vUGe/btrpzKrOMXC/Rs5N9Aj7wlAIk6ZgJ8YfQ0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/2vUGe/btrpzKrOMXC/Rs5N9Aj7wlAIk6ZgJ8YfQ0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/2vUGe/btrpzKrOMXC/Rs5N9Aj7wlAIk6ZgJ8YfQ0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F2vUGe%2FbtrpzKrOMXC%2FRs5N9Aj7wlAIk6ZgJ8YfQ0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;696&quot; height=&quot;375&quot; data-origin-width=&quot;696&quot; data-origin-height=&quot;375&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;12월 월간 회고를 작성할까 하다가, 12월은 사실상 회사를 적응하는 시간이라 개인적으로 무언가를 많이 하지 못해서 아예 2021년 회고를 작성하기로 했다. 물론 12월 안에 작성해야지 했는데.. 이틀 늦었다 ㅎㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2021년에는 나름 크게 크게 정리할 일이 많이 있었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1. 4월에 국비학원 수료&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. 4월부터 11월까지 소프트웨어 마에스트로 12기 활동 + 수료&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3. 12월부터 프론트엔드 개발자로써 취업&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;2020년 10월 ~ 2021년 3월 : 플레이데이터 국비학원 + 소마 준비&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2020년 여름, 개발 공부를 시작하기로 마음먹고 html, css 정도로 가볍게 만들어보다가 2020년 10월부터 국비학원에 다니기 시작했다. 제대로된 공부는 해본 적이 없어서 처음부터 비싼 돈을 들여 부트캠프에 가고 싶지는 않았고, 그래서 부담없이 국비학원부터 시작하기로 했다. 천천히 6개월동안 기초를 쌓고 그 뒤에 부트캠프를 갈 생각으로 말이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇게 여러 국비학원을 알아봤었고, 그때의 나는 통계학의 베이스를 어느정도 가지고 있었기에 데이터 사이언티스트가 되고 싶다는 생각으로 데이터와 관련된 학원인 플레이데이터를 선택했다. 플레이데이터의 자유로운 분위기의 시설도 괜찮았고, 남부터미널이라는 위치도 개인적으로 마음에 들었던 것도 한 몫했다. 그렇게 10월부터 4월까지 자율주행과 관련된 수업을 듣게 되었다. 파이썬으로 시작해 자바, MySQL, 플러터, openCV 등 다양한 과정을 배우는 코스였는데, 파이썬을 한달쯤 배운 후부터는 코로나가 심해져서 비대면 수업으로 바뀌었다. 그래서 그 이후 수업은 사실 제대로 듣지는 않았다. 자바랑 MySQL까지는 그래도 들을려고 노력했는데, 특히 자바가 재미없고 그래서 파이썬 백엔드 개발자가 되겠다는 마음으로 플라스크랑 장고를 개인적으로 인강을 들으면서 공부했었다. 근데 배우면 배울수록 백엔드보다는 프론트쪽이 재밌어서 더 늦기 전에 프론트엔드로 갈아타야되나 그 생각도 많이 했던거 같다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇게 2021년 1월쯤에 소프트웨어 마에스트로를 알게 되어서 지원해보기로 했다. 떨어지더라도 2번의 코딩테스트와 면접까지 볼 수 있다면 좋은 기회가 되겠다는 생각이었기 때문이다. 그래서 1-2월에는 알고리즘 공부를 꽤 열심히 했고, SQL 문제랑 간단한 Web 문제도 나온다고 해서 MySQL이랑 JavaScript도 복습하기 시작했다. 다행이도 2번의 코딩테스트를 모두 통과할 수 있었고, 덕분에 면접까지 볼 수 있는 기회를 얻어서 3월에는 기술면접 준비도 처음으로 시작했었다. 중간 중간에 국비학원 프로젝트도 빼먹지 않고 같이 하느라 바쁘긴 했는데, 그래도 비대면이었기 때문에 프로젝트와 소마 준비 두 개 다 놓치지 않고 할 수 있지 않았을까 싶다.&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;혹시라도 프로그래밍 공부의 첫 시작으로 국비학원을 고민하고 계신 분들이 있다면, 학원의 모든 과정을 따르기 보다는 본인의 적성에 맞는 커리큘럼을 스스로 생각해서 주도적으로 공부하시기를 바래요. &lt;br /&gt;어쨋든 국비학원의 6개월 과정 후의 본인 모습은 그 6개월의 시간을 어떻게 보냈냐에 따라 크게 달라지니까요&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;4월~5월 : 소프트웨어 마에스트로 12기 예비과정&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;국비학원을 4월 초에 수료하고, 바로 소프트웨어 마에스트로 12기 예비과정을 시작했다. 4~5월은 예비과정으로 소마를 알아가는 과정으로 멘토님들로부터 다양한 멘토링 수업을 신청해서 들을 수 있고, 해커톤, 미니 프로젝트, 디자인 씽킹 등 다양한 행사들을 통해 12기 연수생들과 만나볼 수 있는 시간이었다. 사실 처음에는 소마에 붙은 것 자체가 너무 얼떨떨해서 잘하는 사람들 사이에서 내가 이렇게 섞여있어도 되는 것일까 라는 생각을 진짜 많이 했었다... 개인적으로 자존감도 이때 조금 많이 낮아졌었고 ㅜㅜ 그래도 가능하면 소마에서 제공하는 모든 행사들에 참여하려고 노력했고, 그 과정에서 좋은 팀원들을 만났다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;6월~11월 : 소프트웨어 마에스트로 12기 프로젝트 'GOODSDUCK'&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;예비과정에서 좋은 팀원들을 만났고, 좋은 아이디어를 바탕으로 아이돌 굿즈 중고거래 플랫폼인 GOODSDUCK 프로젝트를 6개월동안 진행했다. 우당탕탕 제일 힘들었던 기획부터, 진짜 매일 아침 스크럼 회의와 새벽 내내 에러를 고치면서 3명이 함께 개발했던 여름, 그리고 마지막으로 프로젝트를 마무리했던 가을까지 반년동안 하루종일 프로젝트만 신경쓸 수 있었던 시간이었다. 코로나 때문에 팀원들과 주로 온란인으로 함께해서 실제로 많이 만나지는 못해서 추억을 덜 쌓게 되었던건 많이 아쉽지만 그래도 3명 모두가 처음부터 끝까지 이 프로젝트 하나만을 위해서 달려왔고 비록 인증팀이 되진 못했지만 그래도 우리 모두에게 정말 소중한 경험으로 남았을 프로젝트이다.&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;요즘 제 블로그에서 가장 인기가 많은 글이 소마 12기 합격 후기 글로 알고 있는데, 아마 지금이 소마 모집기간이여서 더 그렇지 않을까 합니다! 저 역시 작년 이맘때쯤에 소마에 관련된 글은 다 읽었었구요. 근데 진짜 그만큼 가치있다고 확신해요. 꼭 해보셨으면 좋겠어요!&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;12월 : 프론트엔드 개발자 0년차&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;소마에서 알게 된 멘토님이 CTO로 계신 회사에서 12월부터 일을 시작하게 되었다. 이 블로그뿐만 아니라 TIL 용으로 작성하는 블로그도 있는데, 그렇게 꾸준히 공부했던 점을 좋게 봐주셨고, 그 덕분에 생각보다 빠르게 일을 시작하게 되었다. 소마가 11월까지라서 사실 12월에는 좀 쉬면서 포트폴리오를 만들어야지 라는 생각이었는데 어떻게 보면 조금이라도 빠르게 일을 시작할 수 있게 되어서 정말 감사하다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프론트엔드 개발자로 취업을 했고, 회사의 스택은 React + Recoil + Next.js의 조합인데 어쩌다보니 회사 안에서 내가 맡은 프로젝트는 Vue와 관련된 프로젝트여서 요즘 개인시간은 vue를 공부하는데 거의 다 쓰고 있다. Vue는 처음이라서 걱정이 많았는데 그래도 12월 한달동안 어떻게 적응해서 이제는 좀 익숙해져가고 있다. 내 옆자리라는 이유만으로 옆자리에 계신 개발자분이 엄청 많이 신경써주시고 계신데 그 덕분에 좀 더 빠르게 적응하고 있는 것 같다. 진짜 좋은 사람이 최고의 복지라는 말이 있는 것처럼, 정말 다행이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;스타트업에서 빠르게 성장하는 경험을 하고 싶었는데, 그러고 있는 것 같아서 감사하다. 11월까지만해도 내가 vue를 당장 실무에서 쓰고 있을꺼라고는 생각도 못했는데 이미 vue, storybook 등 한번도 써본 적이 없던 스택의 기술을 배우면서 바로 실무에서 적용해서 쓰고 있다는게 진짜 빠르게 성장하는 느낌이구나 싶다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그 덕분에(?) 바쁘다는 핑계 + 코로나로 인해서 일찍 닫는거를 핑계 삼아 주짓수를 요새 못갔는데 가야지.. 체력 떨어지는게 느껴진다ㅜㅜ 국비학원 다닐때는 진짜 밤 10시에 집와서 공부하다가 새벽에 자고 그랬는데 요새는 늦게 퇴근해서 평일에는 잠만 자고 주말에 공부하는게 전부라 빨리 체력을 늘려야지 싶다. 그런 의미에서 새해에는 크로스핏을 시작해볼까 고민중인데  &amp;nbsp; 과연 새벽운동을 할 수 있을까...ㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;2022년에는&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1. 꾸준히 운동하기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. 월간회고 작성 &amp;amp; TIL 블로그도 한달에 2번 이상 글 쓰기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3. 클린코드, 리팩토링 2판 읽기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;4. CS 지식 공부하기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;5. 월급 50% 저축하기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;작년의 나보다 더 많은 성장을 하기를!&lt;/b&gt;&lt;/p&gt;</description>
      <category>2dowon</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/21</guid>
      <comments>https://dwon-lee.tistory.com/21#entry21comment</comments>
      <pubDate>Sun, 2 Jan 2022 16:57:30 +0900</pubDate>
    </item>
    <item>
      <title>2021.10-11</title>
      <link>https://dwon-lee.tistory.com/20</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;10월은 개발보다는 앱을 배포한 직후라 마케팅, 운영 등으로 인해 정신없이 보냈고, 11월은 지금 진행하고 있는 프로젝트의 마무리와 새로운 시작을 앞두고 긴장반 설렘반의 상태로 끝나가고 있다. 사실 10월에 적을려고 이렇게 서두를 적다가 생각보다 한 일이 많지 않아서 11월이랑 같이 적어야지 하고 미뤘는데, 막상 두달치를 적을려니 적을게 많아졌다... ㅎㅎ 이래서 미루면 안되는건데 ㅜㅜ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;BYE GOODSDUCK  &lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;byeGoodsduck.png&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;500&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/FLt4C/btrmGiqQsvQ/kzyRRVOewKc51sl5GSprkK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/FLt4C/btrmGiqQsvQ/kzyRRVOewKc51sl5GSprkK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/FLt4C/btrmGiqQsvQ/kzyRRVOewKc51sl5GSprkK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FFLt4C%2FbtrmGiqQsvQ%2FkzyRRVOewKc51sl5GSprkK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;500&quot; data-filename=&quot;byeGoodsduck.png&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;500&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;9월 회고까지만 해도 iOS 앱을 막 배포하고, 안드로이드 앱 배포를 기다리고 있는 상황이었는데, 벌써 두달만에 작별인사를 할 시간이 다가왔다. 배포한 두 달 동안 iOS 400회 이상, 안드로이드 600회 이상으로 총 1000회 이상의 앱 다운로드 수와 800명 이상의 유저와 만날 수 있었던 소중한 시간이었다. 그래서 모든 팀원이 취업을 하더라도 프로젝트를 유지하고 싶은 마음이 컸는데, 아무리 아무리 서버비를 줄여볼려고 애를 써도 20만원 미만으로는 떨어지지 않았고 제대로된 수익구조가 없는 상황에서 프로젝트를 유지시키는 것은 우리만의 욕심이었다. 그래서 다같이 회의한 결과, 6개월동안 힘들었고, 가치있었던 우리 팀의 프로젝트, GOODSDUCK의 서비스 종료를 결정했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;GOODSDUCK 서비스를 기획하고, 개발하고, 운영하면서 많이 배웠던 것 같다. 단순하게 포트폴리오와 실력을 위해 프로젝트를 할 때와는 또 다른 느낌이었다. 유저가 이 기능을 좋아할까 고민하고, 유저들이 제대로 못 찾을까봐 한 번 더 표시해주고 그런 사소한 나날들이 이어지던 반년이었다. 운영하는 두 달 동안에는 우리의 주 타켓층인 팬들에게 어떻게든 우리 서비스를 알려주기 위해서 브이앱, 인스타그램, 트위터, 카카오톡 등 우리가 할 수 있는 모든 SNS를 동원해서 글을 쓰고, 욕도 먹고 그렇게 조금씩 조금씩 유저를 모으다가 팬들끼리 소문이 나서 유저가 갑자기 백명 넘게 한번에 늘어났을 때는 회원가입할 때 사용했던 SMS API의 한도초과로 인해 급하게 공지를 쓰기도 하고, 투표를 진행하면서는 유저들이 몇 시간만에 천 개 이상의 커뮤니티 글을 작성하는 등 처음 겪는 이벤트와 관심이 신기했었다. 그렇게 회의를 하면서 공지를 하고, 예상치 못했던 이슈들을 수습하고 그럴 때는 당황스럽기도 하고, 왜 이럴까 싶기도 하고 솔직히 그 당시에는 잠깐 그런 생각도 들었는데 지금 생각해보니까 진짜 소중했던 경험이지 싶다. 그래서 서비스 종료 공지를 띄우고, 유저들에게 메세지를 보내고 그러는 지금은 프로젝트가 끝나서 시원섭섭이 아닌 섭섭섭섭의 상태가 되어버렸다. 그렇지만 팀원들 각자가 또 새로운 시작이 있으니, GOODSDUCK은 마음 한켠에 잘 품어놔야겠다. 그래서 힘들 때 종종 꺼내봐야지.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;I'm Junior Front-end Engineer  &amp;zwj; &lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이제 당당하게 신입 프론트엔드 개발자라고 소개할 수 있게 되었다. 12월 1일인 내일부터 스타트업으로 첫 출근을 하기 때문!!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;소마 프로젝트를 11월에 종료하면서 12월 한달동안 나름의 준비와 아직은 부족한 CS 지식 등을 더 공부해야되지 않을까라는 생각이 있어서 사실 취업을 급하게 알아보지는 않았었다. 근데 우연히 소마의 프론트엔드 멘토님 중 한 분이 멘토님이 CTO로 계신 스타트업에서 신입 프론트엔드 개발자를 채용하고 있다는 공지를 올리셨고, 진짜 일주일넘게 내가 연락을 드려도 되는 것일까 고민하다가 일단 해보자 라는 생각에 연락을 드리게 되었다. 그리고 연락 드릴 때까지만 해도 더 공부를 해야되지 않을까 라는 생각에 실제로 우아한테크코스, SSAFY 등 이것저것 교육 프로그램에 지원하고 있기도 했다. 쨋든 그렇게 멘토님과 만나서 두시간이 넘도록 지원한 스타트업에 대한 소개, 나의 스타트업에 대한 인식 그리고 지금까지 내가 진행했던 프로젝트에 대해서 등등 얘기를 나눴고, 가볍게 왔던 마음은 욕심이 되었다. 내가 회사를 고르는 기준은 딱 한가지 였는데, 그게 바로 좋은 사람들(내가 많이 배울 수 있는 시니어 프론트개발자의 존재를 포함해서)과 함께 일하는 것인 바로 이 기준과 딱 맞다고 생각이 들었기 때문이다. 멘토님께는 멘토링을 예전에 4~5월에 한두번 정도 밖에 못들은 상태였지만 실제로 개인적으로 이렇게 얘기를 나눠보니 예전에 생각했던대로 좋았고, 내가 많이 성장할 수 있겠다 라는 생각이 많이 들었다. 그리고 다행히 욕심이 이루어졌다. 덕분에 12월 1일부터 출근하게 되었고, 이제는 진짜 당당하게 나를 개발자라고 소개할 수 있는 그런 때가 되었다. (명함 나오면 더 실감나겠지!!ㅎㅎ)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아, 근데 회사가 사실 지금은 너무 멀어서 제일 큰 걱정은 언제가냐... 이거긴 하닼ㅋㅋㅋ 그래도 내년에는 회사가 강남 쪽으로 이사간다고 했으니 그러면 많이 가까워진다!! 얼른 이사갔으면 좋겠다...ㅎㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;TO DO LIST (React, TypeScript, Recoil, Next.js)&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1612&quot; data-origin-height=&quot;1166&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/w8LK5/btrmzKIXqaj/vVfvp9i6S06GvA2cQOTYN0/img.gif&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/w8LK5/btrmzKIXqaj/vVfvp9i6S06GvA2cQOTYN0/img.gif&quot; data-alt=&quot;https://github.com/2dowon/ts_to-do-list&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/w8LK5/btrmzKIXqaj/vVfvp9i6S06GvA2cQOTYN0/img.gif&quot; srcset=&quot;https://blog.kakaocdn.net/dn/w8LK5/btrmzKIXqaj/vVfvp9i6S06GvA2cQOTYN0/img.gif&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1612&quot; height=&quot;1166&quot; data-origin-width=&quot;1612&quot; data-origin-height=&quot;1166&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;https://github.com/2dowon/ts_to-do-list&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;출근이 결정된 이후, 가장 먼저 한 일이 바로 이 TO DO LIST를 만든 것이다. 사실 디자인이나 기본 로직은 예전에 React를 이용해서 만들었던 것과 동일한데, TypeScript, Recoil, Next.js를 연습해보기 위해서 다시 만들게 되었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나는 기존에 프로젝트를 진행할 때 CRA(Create React App), React, Redux 조합을 주로 사용했다. TypeScript는 개인적으로 공부를 계속 하고 있긴 했지만, 속도가 느려서 GOODSDUCK 프로젝트를 할 때는 쓰지 못했었다. 근데 출근하게 될 회사의 주 스택은 React, TypeScript, Recoil, Next.js 였다. 배우는게 느린 편은 아니지만, 그래도 Recoil과 Next.js의 경우 제대로 써본 적이 없어서 조금 걱정했는데, 다행히 예전에 멘토링을 들었을 때 사용했던 스택이 위 스택과 동일해서 그때 레포를 참고한 덕분에 많이 헤매지 않았다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;막상 사용해보니까 Recoil은 확실히 Redux에 비해 필요한 코드가 많지 않아서 편했고, Next.js + Vercel을 통해 배포하는 것도 꽤 간단했다. 지금 TIL이 Netlify로 배포하고 있는데, 이보다 더 간단한 것 같다. 그래도 아직까진 맛보기 정도의 상태라 더 많이 공부해야겠다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;TypeScript&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;603&quot; data-origin-height=&quot;294&quot;&gt;&lt;a href=&quot;https://www.inflearn.com/users/@captain&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bajfuG/btrmxGAFNLq/97nrypoDunoNsOXfoSIpKK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbajfuG%2FbtrmxGAFNLq%2F97nrypoDunoNsOXfoSIpKK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;603&quot; height=&quot;294&quot; data-origin-width=&quot;603&quot; data-origin-height=&quot;294&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 해당 강의로 이동합니다.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;TypeScript도 최근에는 공부를 안해서 다시 복습하기 위해서 인프런에서 위 강의 두 개를 빠르게 봤다. 기존에 드림코딩에서 듣던 강의도 있는데, 엘리쌤의 강의는 다른 강의들에 비해 훨씬 깊은 편이라서 진도를 빠르게 내기가 어려워서 위 강의를 선택했다. 두 강의 다 보는데, 일주일도 안 걸렸던 것 같은데, 적당히 예전에 배웠던 TypeScript를 복습하는 느낌으로는 괜찮았다. 캡틴 판교님의 강의 중 Vue.js도 꽤 유명한 편으로 알고 있어서 나중에 실무에서 Vue.js를 쓸 일이 생기면 그때 또 들으러와야겠다. 물론 그전에 웹팩 관련 강의도 하신게 있는데, 그것부터 들어야지... 사실 이건 심지어 사놓기 까지 했는데 아직 못들었다 ㅎ 웹팩은 진짜 왜 손이 안갈까 ㅜㅜㅜㅜ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;JavaScript&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1069&quot; data-origin-height=&quot;364&quot;&gt;&lt;a href=&quot;https://www.inflearn.com/course/%ED%95%B5%EC%8B%AC%EA%B0%9C%EB%85%90-javascript-flow/dashboard&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bhp7RI/btrmEZkOYai/c5im2j08qtMc8hRckVyw41/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbhp7RI%2FbtrmEZkOYai%2Fc5im2j08qtMc8hRckVyw41%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1069&quot; height=&quot;364&quot; data-origin-width=&quot;1069&quot; data-origin-height=&quot;364&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 해당 강의로 이동합니다.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;코어 자바스크립트라고 호랑이가 한 마리 그려져 있는 책이 있다. 예전에 JavaScript를 처음 배울 때 샀던 책인데, 책으로 읽으려니까 눈에 잘 안들어와서 한동안 방치해두고 있다가 우연히 이 강의를 발견했다. 코어 자바스크립트 책의 저자분께서 직접 하시는 강의인데, 강의 내용이 짧아서 금방 볼 수 있겠다 싶었다. 항상 익숙하지만, 내가 설명하려고 하면 어려운 this, 콜백함수, 클로저, 프로토타입, 클래스 등 JavaScript의 전반적인 내용에 대한 강의였다. 그렇게 가벼운 마음으로 들었는데, 생각보다 내용은 가볍지 않아서 짧은 시간의 강의를 꽤 오래 들었고 시간이 나면 다음에 다시 한 번 더 들으려고 한다. 특히 나는 ES6가 나온 이후에 프로그래밍을 배웠기 때문에 그 전 문법, 개념 등에 대해서는 잘 몰랐는데 이 강의는 ES6 이전의 개념들에 대해서 얘기하고 있기 때문에 개인적으로는 조금 더 어려웠던 것 같기도 하다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프로그래밍 공부를 하면서 처음에 JavaScript를 배웠던 기억이 너무 강렬해서 그런가 (진짜 너무 어렵다....라는 기억) 이상하게 JavaScript는 항상 잘하고 싶다는 마음이 큰 듯 &amp;nbsp; 특히 요즘 JS로 알고리즘 풀면 너무 어렵더라...ㅜㅜ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;React + TypeScript + Recoil&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;538&quot; data-origin-height=&quot;359&quot;&gt;&lt;a href=&quot;https://nomadcoders.co/react-masterclass/lobby&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cIFzba/btrmAKPT2CV/uHeoEZuzS2ucix4UZdIsXk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcIFzba%2FbtrmAKPT2CV%2FuHeoEZuzS2ucix4UZdIsXk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;538&quot; height=&quot;359&quot; data-origin-width=&quot;538&quot; data-origin-height=&quot;359&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 해당 강의로 이동합니다.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;노마드코더에서 예전에 React와 관련된 강의를 들은 적이 있는데, 이번에 무료 업데이트가 되었다. 무료 업데이트가 되면서 React, TypeScript, Recoil로 스택이 늘어났는데, 타이밍 진짜 짱이라고 생각했다. 내가 해당 스택이 딱 필요한 타이밍에 업데이트라니!!! 노마드코더 사랑합니다❤️&amp;nbsp; (아, 근데 한글 번역이 순차적으로 되고 있는 중이라 번역이 안되어있어서 업데이트된 강의를 다 못본 그런 불상사가 생기긴했는데...ㅎ 뭐 틈틈이 들으면 되지)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아, 그리고 이번에 신규 강의가 생겼는데 캐럿마켓 클론코딩이라고. 거기서는 Next.js를 쓴다고 해서 그것도 들어볼까 생각중! 아직 할인 기간이 두 달정도 남아서 나중에 월급 들어오면 살까 싶다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;TOPCIT &amp;amp; 정보처리기사&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프로젝트를 하면서 진짜 너무 바빴다는 핑계로 둘 다 공부하지 못했다고 합니다....ㅎ 그래도 등록된 시험들이라 일단 어찌저찌 보러 갔는데, 정보처리기사는 실기 시험이라 찍지도 못하고 제대로 광탈했다. 특히 C, Java 관련된 프로그래밍 문제가 좀 어려웠는데 나는 C랑 Java를 거의 전혀 모른다고 봐야되는 수준이라서 진짜 문제가 쉽기만을 기도했는데....ㅜㅜ 다음에 보러갈때는 좀 공부해서 가야겠다....&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;TOPCIT은 잘본건 아닌데, 그래도 공부 하나도 안한 것 치고는 음  &amp;nbsp;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1094&quot; data-origin-height=&quot;530&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c9el1P/btrmCB6fBLh/hRFyVib0TduF1ffLyw16Wk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c9el1P/btrmCB6fBLh/hRFyVib0TduF1ffLyw16Wk/img.png&quot; data-alt=&quot;TOPCIT&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c9el1P/btrmCB6fBLh/hRFyVib0TduF1ffLyw16Wk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc9el1P%2FbtrmCB6fBLh%2FhRFyVib0TduF1ffLyw16Wk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1094&quot; height=&quot;530&quot; data-origin-width=&quot;1094&quot; data-origin-height=&quot;530&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;TOPCIT&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;TOPCIT은 400점 안넘으면 의미없다고들 많이 하는데, 그걸 생각하면 못본거 같고 그래도 그냥 1년동안 공부한 기본 지식으로 봤다고 생각하면 나쁘지 않나 싶기도하고 ㅋㅋㅋㅋ 뭐 쨋든 스트레스만 받고 공부안하던 TOPCIT이랑 정처기도 끝났다. 정처기는 내년에 또 보자 &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;12월에는&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;회사 적응만 잘했으면 싶다. 첫 회사라 설렘보단 걱정이 살짝 더 크지만, 그래도 다른 사람들이랑 스터디도 하고 코드리뷰도 받고 이런거 생각하면 또 좋기도 하다. 지금했던 프로젝트에서 프론트엔드는 나 혼자라서 같이 스터디나 코드리뷰나 그럴 기회가 거의 없었는데, 이번에 가는 회사에는 프론트엔드 개발자만 나 포함 5명정도라고 알고 있으니까!! 진짜 진짜 많이 배워야지.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 시간되면 주짓수는 일주일에 최소 2번정도는 꼭 가자. 프로젝트를 진행하면서 주짓수를 자주 못간 탓에 체력도 많이 떨어졌는데 더 이상 체력 떨어지면 진짜 그땐 너무 힘들어지니까 체력관리 겸 스트레스 해소겸 일주일에 2번씩은 가려고 노력해야지.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>SWM12기</category>
      <category>노마드코더</category>
      <category>신입 프론트엔드 개발자</category>
      <category>인프런</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/20</guid>
      <comments>https://dwon-lee.tistory.com/20#entry20comment</comments>
      <pubDate>Tue, 30 Nov 2021 18:39:10 +0900</pubDate>
    </item>
    <item>
      <title>2021.9</title>
      <link>https://dwon-lee.tistory.com/19</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;바쁘다는 핑계로 9월 회고를 건너뛰고, 10월에 같이 적을까 생각하다가 그래도 나름 의미있는 달이라 적기로 했다. 본격적으로 프로그래밍을 배우기 시작한지 딱 1년이기 때문이다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1099&quot; data-origin-height=&quot;541&quot; data-filename=&quot;스크린샷 2021-09-30 오후 11.03.34.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://github.com/2dowon&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/nHVGi/btrgwD2pIUq/YFm6jLhkLwm9OwVt6EyVhK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnHVGi%2FbtrgwD2pIUq%2FYFm6jLhkLwm9OwVt6EyVhK%2Fimg.png&quot; data-origin-width=&quot;1099&quot; data-origin-height=&quot;541&quot; data-filename=&quot;스크린샷 2021-09-30 오후 11.03.34.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;중간 6월에는 소마 기획 준비가 있어서 커밋을 거의 못했는데, 이렇게 텅 빈거 보니 마음 아프네ㅜㅜ&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;약간 이렇게 적고나니 무슨 1주년도 아니고.. 싶지만ㅋㅋㅋ 사실 정확하게 따지면 1년은 넘었다. 처음으로 프로그래밍에 관심을 가진건 작년 3월이고, 처음으로 코드를 단 한 줄이라도 적어본건 작년 5월이었으니까. 그래도 그때는 사실 프로그래밍보다도 데이터 쪽에 조금 더 관심을 가질 때였고, 전시회 관련 일도 계속 하고 있어서 실질적으로 공부를 한 시간은 많이 되지 않았다. 진짜 딱 노마드코더에서 코코아톡 클론코딩이라는 카카오톡 클론 강의가 있는데, 그거 들으면서 html, css를 맛본 정도? 근데 그게 너무 재밌었다. 나는 항상 무언가를 만들어내는 것을 좋아하는데, 그래서 사진이나 영상을 찍거나 포토샵으로 이미지를 만들거나 하면서 나의 것들을 만들어냈었다. 근데 프로그래밍을 배우니까 코드 몇줄로 인터넷에서 내가 만든게 보인다니!? 문과 사회학도가 인터넷 상에 무언가를 만들 수 있다니 이러면서 진짜 신기했고, 그래서 더 재밌었다. 그래서 더 배워야겠다 싶었고, 기초가 없었기에 경제적으로 부담이 적은 국비학원을 다니게 되었다. 그게 바로 작년 10월!! 10월 초에 개강한 국비학원을 다니면서는 진짜 아침부터 밤까지 프로그래밍 공부만 했었다 진짴ㅋㅋㅋ 초반에는 진짜 파이썬 배우고 그러는데 재밌어서 학원가는 지하철에서도, 밥먹는 시간에도 강의 듣고 그러면서 했던거 같다. 코로나가 심해지면서 원격 강의가 되어버리면서 쪼금 느슨해졌었지만..ㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;TMI지만 내가 다녔던 국비학원은 &lt;a href=&quot;https://playdata.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;플레이데이터&lt;/a&gt;라는 학원이었고, 올해 4월에 수료했다. 그 후에 그냥 가끔 학원 홈페이지에 들어갔는데, 다음 기수를 뽑는 페이지에 내가 최종으로 진행했던 프로젝트가 홍보용 이미지로 사용되고 있었다! 수료 후에 홍보용으로 동영상을 드린 적이 있어서 활용될 줄 알았지만, 그래도 직접 보니 뭔가 진짜 열심히 했었구나 뿌듯하기도 하고 그래서 캡쳐해놨닼ㅋㅋㅋㅋ&amp;nbsp;&lt;/p&gt;

            &lt;figure class=&quot;unsupported component-kakaotv&quot; contenteditable=&quot;false&quot; style=&quot;background:#000;margin:16px 0;min-height:72px;padding:10px 16px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;max-width:100%;&quot;&gt;
                &lt;p contenteditable=&quot;false&quot; style=&quot;margin:0;color:#8a8a8a;font-size:13px;line-height:1.6;user-select:none;pointer-events:none;&quot;&gt;동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.&lt;/p&gt;
            &lt;/figure&gt;
        
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1122&quot; data-origin-height=&quot;628&quot; data-filename=&quot;스크린샷 2021-06-30 오후 6.47.56.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/IfkXS/btrgu22Ry5l/tYx2zGt0cAe1bJ5F4PaKAk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/IfkXS/btrgu22Ry5l/tYx2zGt0cAe1bJ5F4PaKAk/img.png&quot; data-alt=&quot;Stack Library가 내가 진행한 프로젝트!&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/IfkXS/btrgu22Ry5l/tYx2zGt0cAe1bJ5F4PaKAk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIfkXS%2Fbtrgu22Ry5l%2FtYx2zGt0cAe1bJ5F4PaKAk%2Fimg.png&quot; data-origin-width=&quot;1122&quot; data-origin-height=&quot;628&quot; data-filename=&quot;스크린샷 2021-06-30 오후 6.47.56.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Stack Library가 내가 진행한 프로젝트!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사실 위에 말한 사담이 적고 싶어서 9월 회고를 시작했지만, 시작했으니 9월 한달도 정리해볼까!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;APP 배포하기&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;9월 한달의 메인은 바로 앱을 배포하는 것이였다. 이미 웹사이트는 배포된지 오래였지만, 앱 배포까지 목표로 가지고 있어서 웹사이트 자체는 홍보를 하지 않아서 따로 유저를 받고 있는 상황은 아니였다. 그래서 최대한 앱 배포를 빠르게 해서 유저 경험을 갖는 것이 우리 팀의 이번 달 가장 큰 목표였다. 원래는 9월 중순에 배포하는 것을 목표로 했는데.. 앱 배포하려고 보니 생각보다 문제가 많아서 오래 걸렸다 ㅜㅜ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 9월 안에는 iOS 앱을 배포했지만.. 아니 안드로이드도 같이 신청했는데 왜 안드로이드는 아직이야...ㅜㅜ 안드로이드 앱배포 몇시간이면 된다며... iOS 보다 쉽다며... ㅜㅜㅜㅜㅜㅜ 진짜 내가 앱등이라 그런가.. 나는 안드로이드 기기가 없어서 안드로이드 기기가 있는 팀원이 테스트를 하면서 안드로이드 기능은 팀원이 따로 개발하면서 그렇게 앱 개발을 진행했는데 아무래도 직접 테스트를 못해서 그런지 진짜 개인적으로는 안드로이드 앱 개발이 훨씬 힘들었다...&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래도 일단은 iOS에는 앱이 올라왔고, 저기 적힌 DOWON LEE를 보니까 그래도 기분 좋네 ㅎㅎ 이래서 다들 앱 만드나 &lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;602&quot; data-origin-height=&quot;1186&quot; data-filename=&quot;blob&quot; width=&quot;300&quot; height=&quot;591&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://apps.apple.com/kr/app/goodsduck/id1586463391&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/beqMBz/btrgqFnowT7/Dz0uRUTi7dnHzKoG3LHKpk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbeqMBz%2FbtrgqFnowT7%2FDz0uRUTi7dnHzKoG3LHKpk%2Fimg.png&quot; data-origin-width=&quot;602&quot; data-origin-height=&quot;1186&quot; data-filename=&quot;blob&quot; width=&quot;300&quot; height=&quot;591&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 App Store로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;JS Algorithm 공부하기&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나는 지금까지 파이썬으로만 코딩 테스트를 준비했었다. 소마에서 코딩 테스트볼 때도 파이썬으로 봤었다. 사실 소마에 들어오기 전까지는 프론트 반, 백엔드 반이었고 실제로 javascript를 잘하지도 못했다. 나에게 javascript가 첫 프로그래밍 언어였는데, 진짜 처음 배웠을때는 너무 어려웠던 기억밖에 없었고 그렇기에 js로 코딩테스트를 준비한다는 생각은 진짜 하지도 않았었다. 그래도 지금은 완전히 프론트엔드 개발자로 나아가려고 준비중이고, 그렇기에 js로도 코딩테스트를 어느정도 준비해 둘 필요가 있겠다는 생각이 들었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프로젝트를 진행하면서 남는 시간에 한두문제씩 푸는 정도라 사실 아직 많이 부족하지만, 그래도 파이썬으로 코딩테스트 준비할 때도 그냥 꾸준하게 하루에 몇문제씩 풀었던게 많이 도움이 됐던거 같아서 지금부터 조금씩 감을 익히려고 하는 중이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;JS로 코딩테스트 준비하는 것 자체가 많이 막막했는데, 개인적으로 아래 인프런에서 강의를 들으면서 공부하고 있는데 생각보다 괜찮다! 혹시라도&amp;nbsp; JS 코테를 준비해야하는데, 조금 막막하다면 아래 강의 추천!&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;548&quot; data-origin-height=&quot;133&quot; data-filename=&quot;스크린샷 2021-09-30 오후 11.35.39.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B4/dashboard&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bjpB2g/btrgwC3um9Q/YMUJFnuzznhnT2eV3FMlK1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbjpB2g%2FbtrgwC3um9Q%2FYMUJFnuzznhnT2eV3FMlK1%2Fimg.png&quot; data-origin-width=&quot;548&quot; data-origin-height=&quot;133&quot; data-filename=&quot;스크린샷 2021-09-30 오후 11.35.39.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 해당 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;프론트엔드 지식을 더 쌓아보자!&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/nXGgf/btrgxZRCc6Q/HmpMHjtOQK7uj15qfj7nu0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/nXGgf/btrgxZRCc6Q/HmpMHjtOQK7uj15qfj7nu0/img.png&quot; data-origin-width=&quot;297&quot; data-origin-height=&quot;289&quot; data-filename=&quot;스크린샷 2021-09-30 오후 11.40.51.png&quot; style=&quot;width: 32.9576%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/nXGgf/btrgxZRCc6Q/HmpMHjtOQK7uj15qfj7nu0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnXGgf%2FbtrgxZRCc6Q%2FHmpMHjtOQK7uj15qfj7nu0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;297&quot; height=&quot;289&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bajbeG/btrgwJ2yq20/L1DP63UXkZYwXq0VnknjvK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bajbeG/btrgwJ2yq20/L1DP63UXkZYwXq0VnknjvK/img.png&quot; data-origin-width=&quot;299&quot; data-origin-height=&quot;288&quot; data-filename=&quot;스크린샷 2021-09-30 오후 11.41.11.png&quot; style=&quot;width: 33.2948%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bajbeG/btrgwJ2yq20/L1DP63UXkZYwXq0VnknjvK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbajbeG%2FbtrgwJ2yq20%2FL1DP63UXkZYwXq0VnknjvK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;299&quot; height=&quot;288&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/PnvpK/btrgqG7IoXE/ecvMurUgBXEbOUGIfgWF8K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/PnvpK/btrgqG7IoXE/ecvMurUgBXEbOUGIfgWF8K/img.png&quot; data-origin-width=&quot;291&quot; data-origin-height=&quot;297&quot; data-filename=&quot;스크린샷 2021-09-30 오후 11.41.19.png&quot; style=&quot;width: 31.422%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/PnvpK/btrgqG7IoXE/ecvMurUgBXEbOUGIfgWF8K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPnvpK%2FbtrgqG7IoXE%2FecvMurUgBXEbOUGIfgWF8K%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;291&quot; height=&quot;297&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;인프런에서 강의만 쟁여두고, 아직 거의 듣지를 못해서 민망해서 잠깐 고민했는뎈ㅋㅋㅋ 그래도 9월에 듣기로 계획해서 조금씩 듣기 시작했고 10월에는 3개 다 완강하기를 스스로에게 약속하는 마음으로 박제해본다..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;7월부터 9월까지는 진짜 미친듯이 프로젝트에 올인했다. 그래서 프로젝트에서 사용하는 기술인 React, Redux 외에는 추가적으로 따로 공부를 많이 못했던거 같다. 그래도 리액트는 이제 진짜 쉽게 쓰고 있고, 리덕스도 처음에는 많이 막막했는데 이제는 리덕스없이 하라 그러면 그게 더 막막할정도로 편하게 쓰고 있다. 리액트도 어설프게 공부시작했던게 4월이었는데 그렇게 4월부터 6월까지 나름 강의도 듣고, 책도 봤는데 역시 실력은 프로젝트가 최고다. 같은 3개월이지만, 그냥 공부만 하는 거랑 프로젝트로 만들면서 부딪히는거랑은 진짜 차원이 다르다.. 그래도 일단 알아야 프로젝트에 적용하니까, 10월에는 남는 시간에 저거 다 들어서 성능 최적화같은 경우에는 프로젝트 마무리에 적용해볼 수 있으면 좋겠다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아, 그리고 타입스크립트..! 솔직히 9~10월부터는 천천히 타입스크립트로 리팩토링할 수 있지 않을까했는데...ㅎ 멀었다. 더 공부하자 ㅜㅜ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;정보처리기사 실기 준비&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;1313&quot; data-filename=&quot;blob&quot; width=&quot;300&quot; height=&quot;427&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/evfyYq/btrgvT5rd3z/52exmLIipPyeI10WFIYLO1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/evfyYq/btrgvT5rd3z/52exmLIipPyeI10WFIYLO1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/evfyYq/btrgvT5rd3z/52exmLIipPyeI10WFIYLO1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FevfyYq%2FbtrgvT5rd3z%2F52exmLIipPyeI10WFIYLO1%2Fimg.png&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;1313&quot; data-filename=&quot;blob&quot; width=&quot;300&quot; height=&quot;427&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;올해 1회차때 정처기 필기를 합격하고, 바로 실기를 봤었어야 했는데 그때는 소마 합격하고 공부할 시간이 없다는 핑계로 실기는 취소했었다. 당장 프로젝트를 할 수 있게 리액트를 공부하는게 더 급하다고 생각했기 때문에.. 어차피 취소 안했어도 제대로 공부는 못했겠지만, 그래도 한 번 보는게 나았나 싶기도 하고(?)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;쨋든 그래서 사실 지금도 바쁘고 정신없긴한데, 그래도 지금이 올해는 마지막 실기 시험이라 일단 봐보자 하는 심정으로 등록했다. 하루에 한시간 공부하기도 빡세지만.. 그래도 그동안 디자인패턴 스터디도 하고 자연스럽게 쌓인 지식이 많아져서 그런가 많이 막막하진 않다. 그래도 공부하는 시간 대비 붙을꺼란 기대는 없지만.. 60점 턱걸이라도 일단 기대해야지 &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;두달씩 쓰다가 한달만 적으려니까 굉장히 적을게 없는 느낌이다. 아무래도 대부분의 시간을 프로젝트 진행하는데 쓰고 있는데, 그걸 하나하나 적을 수가 없다보니까 이렇게 되는거같다. 진짜 개인적으로 쓸 수 있는 시간이 많지 않다...&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래도 9월에는 앱을 배포하는게 목표였고, 일단 iOS라도 배포했으니 목표는 달성이라고 생각해야지. 진짜 한번도 리젝없이 배포하는거 힘들다고 했는데, 그걸 해냈다는게 너무 좋다 진짜! 안드로이드도 제발 무사히 배포되어서 마케팅도 하고 유저도 들어오는거 보고 싶다ㅜㅜ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>iOS 배포</category>
      <category>정처기 실기</category>
      <category>플레이데이터</category>
      <category>회고</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/19</guid>
      <comments>https://dwon-lee.tistory.com/19#entry19comment</comments>
      <pubDate>Fri, 1 Oct 2021 00:02:10 +0900</pubDate>
    </item>
    <item>
      <title>2021.7-8</title>
      <link>https://dwon-lee.tistory.com/18</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;월간회고를 쓰는게 목표였지만, 첫 장기 프로젝트라 그래서 정신없는 탓인지 자꾸 두 달에 한번도 겨우 작성하게 되는 느낌이다. 그래도 이 텀마저도 놓치면 진짜 안쓰게 될까봐 8월이 끝나기 전에 얼른 7-8월 두달간의 회고를 해보자!!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;7월에는!&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;애자일 방법론의 데일리 스크럼과 스프린트를 통해 프로젝트 관리!&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사실 7월에는 무엇을 했나 싶을정도 엄청 빠르게 시간이 지나갔다. 6월에 소마 기획 심사를 무사히 통과하고, 디자이너와의 계약을 통해 7월 초에 디자인을 전달받아서 프로젝트를 제대로 진행하기 시작했다. 우리 팀은 애자일 방법론을 최대한 적용하고 싶어서, 1주일 단위의 스프린트와 데일리 스크럼을 바탕으로 프로젝트를 진행하고 있다. 아래는 노션으로 관리하고  있는 7월의 스프린트들이다. 이것만 봐도 이때 무엇을 했는지 한 눈에 들어오기도 하고, 진행 속도가 루즈해지지 않아서 장기 프로젝트할 때는 이렇게 꼭 관리해야겠다라는 생각이 많이 들었고, 프로젝트 끝까지 잘 유지해야 겠다 라고 생각하고 있다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/FqX5D/btrdrm5E7Y3/VkwQxhs5jPHMrmUz7UgOP1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/FqX5D/btrdrm5E7Y3/VkwQxhs5jPHMrmUz7UgOP1/img.png&quot; data-origin-width=&quot;296&quot; data-origin-height=&quot;170&quot; style=&quot;width: 47.4158%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/FqX5D/btrdrm5E7Y3/VkwQxhs5jPHMrmUz7UgOP1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FFqX5D%2Fbtrdrm5E7Y3%2FVkwQxhs5jPHMrmUz7UgOP1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;296&quot; height=&quot;170&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/m2OFD/btrdtJ66JyR/3kWuR4DlbYSfmmRqGQOx40/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/m2OFD/btrdtJ66JyR/3kWuR4DlbYSfmmRqGQOx40/img.png&quot; data-origin-width=&quot;338&quot; data-origin-height=&quot;179&quot; style=&quot;width: 51.4214%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/m2OFD/btrdtJ66JyR/3kWuR4DlbYSfmmRqGQOx40/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fm2OFD%2FbtrdtJ66JyR%2F3kWuR4DlbYSfmmRqGQOx40%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;338&quot; height=&quot;179&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cO7M2U/btrdCyQAoEM/1m9dZ9Av0KAFXPVuHxeWJ1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cO7M2U/btrdCyQAoEM/1m9dZ9Av0KAFXPVuHxeWJ1/img.png&quot; width=&quot;332px;&quot; height=&quot;217px;&quot; data-origin-width=&quot;492&quot; data-origin-height=&quot;322&quot; style=&quot;width: 51.0772%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cO7M2U/btrdCyQAoEM/1m9dZ9Av0KAFXPVuHxeWJ1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcO7M2U%2FbtrdCyQAoEM%2F1m9dZ9Av0KAFXPVuHxeWJ1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;492&quot; height=&quot;322&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/QesHb/btrduGPjUWH/bfdgJdnPlDkYpMM4SAbjkK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/QesHb/btrduGPjUWH/bfdgJdnPlDkYpMM4SAbjkK/img.png&quot; width=&quot;408px;&quot; height=&quot;286px;&quot; data-origin-width=&quot;1393&quot; data-origin-height=&quot;975&quot; data-filename=&quot;blob&quot; style=&quot;width: 47.76%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/QesHb/btrduGPjUWH/bfdgJdnPlDkYpMM4SAbjkK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FQesHb%2FbtrduGPjUWH%2FbfdgJdnPlDkYpMM4SAbjkK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1393&quot; height=&quot;975&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래도 프로젝트 관리 관련해서 얘기가 나왔으니 조금 더 얘기하자면 데일리 스크럼은 왼쪽의 규칙을 가지고, 평일 매일 아침마다 진행하고 있다. 스프린트는 주 40시간의 포인트를 바탕으로 각자 할 일을 작성하고 현재의 진행상황에 따라 칸반보드로 관리 중이다! 데일리 스크럼에는 어제 한 일들과 오늘 할 일들에 대해 서로 얘기하면서 매일 매일 기록을 남기고 있고, 한 주가 끝나면 회고를 통해서 무엇이 좋았고 아쉬웠는지를 얘기하면서 더 나은 다음주를 만들려고 노력한다.&lt;b&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사실 처음에는 진행하면서 이걸 한다고 좋을까, 오히려 시간낭비아닐까 라는 생각을 안했다고 하면 거짓말이다. 그랬는데, 모든 꾸준한게 제일 중요하다고 이 기록들이 하나씩 쌓이고, 더 나은 기록들이 되어가면서 하기를 정말 잘했다고 생각한다. (물론 내가 프로젝트를 관리하는 입장이라 그럴 수도 있닼ㅋㅋㅋ 팀원들은 저거 하느라 귀찮을지도...?라는 생각을 잠깐 했다가 다 같은 마음이겠지 하면서 넘겨본다 ㅎㅎ)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;디자이너와 협업하기&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; width=&quot;558px;&quot; height=&quot;362px;&quot; data-origin-width=&quot;1891&quot; data-origin-height=&quot;1228&quot; data-filename=&quot;blob&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/z9Z3U/btrdBqrFOVb/nB7UM63j24grRqAawB5KAK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/z9Z3U/btrdBqrFOVb/nB7UM63j24grRqAawB5KAK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/z9Z3U/btrdBqrFOVb/nB7UM63j24grRqAawB5KAK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fz9Z3U%2FbtrdBqrFOVb%2FnB7UM63j24grRqAawB5KAK%2Fimg.png&quot; width=&quot;558px;&quot; height=&quot;362px;&quot; data-origin-width=&quot;1891&quot; data-origin-height=&quot;1228&quot; data-filename=&quot;blob&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사실 나는 원래 컴퓨터 공학을 전공하지 않은 비전공자이다. 문과였고, 사진과 영상 찍는 일을 좋아했고, 전시회에서 일을 했었고. 그러다보니 사실 나는 간단한 포토샵을 다루거나 디자인을 하는게 어렵지 않아서 그 동안의 작은 프로젝트들을 진행할 때는 내가 스스로 디자인해서 프로젝트를 진행했다. 물론 이런 점들을 제외하더라도 디자이너와 일을 해보는 경험은 이번이 처음이었을꺼다. 그래서 나는 디자이너가 만능이라 솔직히 생각했던거 같다...ㅎ 뭔가 척 하면 척! 알아서 잘 만들어주실꺼 같은 그런거 말이다. 디자이너와의 계약도 처음이라 그런지 아무리 프로젝트 비용이 주어진다하더라도 생각보다 많은 비용을 쓰기도 했고 말이다. 근데 음, 뭐랄까 물론 깔끔하게 정돈되고 다듬어서 나오기는 했지만 사실 와이어프레임이랑 크게 다르다는 느낌을 많이 못받아서 원래 이 가격에 이렇게 진행되는 것일까? 라는 생각을 좀 많이 했다. 그리고 동시에 이래서 디자인이 어려운가보다... 정답이 없어가지고 라는 생각도 많이 했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;쨋든 그래도 작업속도는 빠르셔서 원하는 속도에 맞게 프로젝트를 진행하는데 무리가 없었다는 점은 매우 만족!&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Firebase로 실시간 채팅 구현&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사실 소셜 로그인, 아이템 등록하기, 가격 제안하기 등 다양한 기능들도 7월에 많이 만들었지만 이런 기능들은 대부분 UI 제작과 REST API를 통해 데이터를 주고 받는 것으로 대부분 구현되었다. 처음에는 REST API로 데이터를 주고받는 것 자체가 낯설어서 조금 어려웠던거 빼고는 지금은 너무나도 쉽게 하고 있는 기능이라 여기 적기도 조금 그런데, 채팅 구현은 좀 적어도 되지않을까 ㅎㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사실 채팅구현은 node.js를 이용해서 websocket으로 진행할 예정이었다. 하지만 우리 프로젝트는 React와 SpringBoot의 조합이고 그러다보니 백엔드를 맡은 친구가 node.js를 이용해 새롭게 기능을 개발하는데 시간이 많이 걸릴듯했다. 그렇다고 해서 프론트인 내가 일이 적은가?라고 물으면 그것도 아니라 내 입장에서 비슷한 시간이 든다면 그냥 연동 과정없이 빠르게 만들어보자 라는 생각으로 Firebase의 RealtimeDatabase를 이용해 만들기로 했다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;303&quot; data-origin-height=&quot;293&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://www.inflearn.com/course/%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%8C%8C%EC%9D%B4%EC%96%B4%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EC%B1%84%ED%8C%85-%EC%95%B1/dashboard&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dqDLtp/btrdtLDS9ZR/mJeuscBOkactKgAbyiM5x0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdqDLtp%2FbtrdtLDS9ZR%2FmJeuscBOkactKgAbyiM5x0%2Fimg.png&quot; data-origin-width=&quot;303&quot; data-origin-height=&quot;293&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 해당 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Firebase가 완전 처음은 아니었지만, 클론 프로젝트를 진행할때 따라서 조금 써본 정도라 막상 혼자 만들려고 하니 막막했다. 그래서 위 인강을 많이 참고하면서 결국 완성할 수 있었다! 강의는 매우 만족스럽게 들었는데, 시간이 없어서 필요한 부분들만 빠르게 듣다보니까 진행률은 내 생각보다도 많이 낮네...?ㅎ 그래도 강의는 좋습니다. 추천  &lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;372&quot; data-origin-height=&quot;806&quot; data-filename=&quot;chatting.gif&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dMW5ja/btrduUm6gBG/IG2K86JhfCKPHNkkyq2ow0/img.gif&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dMW5ja/btrduUm6gBG/IG2K86JhfCKPHNkkyq2ow0/img.gif&quot; data-alt=&quot;우리 서비스의 채팅 기능&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dMW5ja/btrduUm6gBG/IG2K86JhfCKPHNkkyq2ow0/img.gif&quot; srcset=&quot;https://blog.kakaocdn.net/dn/dMW5ja/btrduUm6gBG/IG2K86JhfCKPHNkkyq2ow0/img.gif&quot; data-origin-width=&quot;372&quot; data-origin-height=&quot;806&quot; data-filename=&quot;chatting.gif&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;우리 서비스의 채팅 기능&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;8월에는!&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;중간 점검 발표&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;660&quot; data-origin-height=&quot;415&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/brMGME/btrdCyb3Z8f/Dfpytc1y8UIAi0R9zy9f4k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/brMGME/btrdCyb3Z8f/Dfpytc1y8UIAi0R9zy9f4k/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/brMGME/btrdCyb3Z8f/Dfpytc1y8UIAi0R9zy9f4k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbrMGME%2FbtrdCyb3Z8f%2FDfpytc1y8UIAi0R9zy9f4k%2Fimg.png&quot; data-origin-width=&quot;660&quot; data-origin-height=&quot;415&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;8월에는 소마 중간 점검 발표가 있었다. 처음에 기획 발표는 진짜 열심히 준비했는데 (왜냐하면 2차가 있었거든여... 떨어지면 또 해야돼..ㅜㅜ) 중간 점검 발표는 사실 프로젝트 진행 중간에 있어서 그런지 바빠서 처음 기획만큼은 열심히 준비하진 않았다. 그리고 사실 처음에 기획 발표 때 만들었던 자료들을 어느정도 재활용했고, 그 뒤에는 실제로 우리가 개발한 내용을 채워넣으면 돼서 그렇게 많이 준비할 내용도 없긴 했다. 물론 지금 코로나 4단계라 온라인 발표였다는 점도 한 몫했다. 그래도 그냥 조금 막막했던건 항목 중에 코드설명 파트가 있었는데, 우리 서비스는 AI와 ML을 많이 이용하는 서비스가 아니다보니까 대부분이 데이터를 주고 받고 뿌려주는 느낌이라 설명할만한 코드가 많이 없었다는 점 정도? 쨋든 결론적으로는 무난하게 마무리했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;스파르타 코딩 - 리액트 심화반 완강 &lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;652&quot; data-origin-height=&quot;198&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://spartacodingclub.kr/online/react_plus&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tgiCE/btrdCyXmXl2/BzsxyBsotU5hgfWSGPHD91/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtgiCE%2FbtrdCyXmXl2%2FBzsxyBsotU5hgfWSGPHD91%2Fimg.png&quot; data-origin-width=&quot;652&quot; data-origin-height=&quot;198&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 해당 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;소마에서는 강의나 책을 통해 스스로 공부할 수 있도록 자기주도학습 비용을 어느정도 지원해주는데, 스파르타의 리액트 강의는 그중에 절반 가까이를 차지한만큼 비쌌던 강의이다. 예전부터 알고는 있었지만, 다른 강의들에 비해 조금 센 가격에 굳이? 하면서 안들었었는데 이번에 이렇게 기회가 생겨서 듣게 되었다. 리액트 기초는 어느정도 있다고 생각해서 건너뛰고 바로 심화반을 들었다. 비싼 주제에 기간도 무제한이 아니라 10주라서 1주일을 남기고 겨우겨우 최근에 다 들었다. 물론 강의노트를 제공해주기 때문에 그런가 싶다가도 강의에서만 얻을 수 있는 내용이 있어서 강의노트만 믿기에는 또 그래서 마지막에는 1.5배속으로 돌려가며 들었닼ㅋㅋㅋㅋ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;솔직히 강의 내용 자체는 진짜 만족스럽다. 이 강의를 듣기 전에는 리덕스를 쓰긴 썼지만, 제대로 쓰는 느낌을 못 받았는데 이 강의 이후에는 리덕스를 자유자재로 쓸 수 있게 되었고 그 외에도 무한스크롤, Firebase 등 당장 쓰기 좋은 내용들이 많아서 프로젝트를 진행하면서 진짜 많이 도움이 되었다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;10주라는 정해진 기간과 390,000원이라는 애매하게 비싼 이 가격은 충분히 망설일만하지만, 지금 당장 리액트로 꽤 괜찮은 프로젝트를 만들어야 한다면 (특히 그 프로젝트가 커뮤니티 느낌이라면) 개인적으로는 추천하고 싶다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;FCM (Firebase Cloud Messaging)&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;우리 서비스에는 채팅, 가격제시 등 유저끼리 상호작용하는 기능들이 꽤 있어서 알림을 필수적으로 제공해야한다고 생각했다. 그래서 알림 구현을 위해 선택한 방법은 바로 FCM이다. 일단 무료고, 웹에서도 가능하다는 점이 매력적이었다. 우리는 웹서비스도 제공하고, 나중에 어플을 배포하더라도 FCM은 확장하기도 편했기 때문에 선택하지 않을 이유가 없었다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;400&quot; data-origin-height=&quot;326&quot; data-filename=&quot;blob&quot; width=&quot;500&quot; height=&quot;408&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://2dowon.netlify.app/react/react-fcm-web-push/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/donkxl/btrdyj0YY1Q/kY3dG5kha8aKBRxeQBH8y1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdonkxl%2Fbtrdyj0YY1Q%2FkY3dG5kha8aKBRxeQBH8y1%2Fimg.png&quot; data-origin-width=&quot;400&quot; data-origin-height=&quot;326&quot; data-filename=&quot;blob&quot; width=&quot;500&quot; height=&quot;408&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 TIL로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇게 시작했지만... 역시나 처음에는 삽질하는 시간이 엄청 길다고 진짜 오래 삽질했다. 특히 웹 푸시 기능은 자료가 많지도 않았다.. 아무래도 사람들이 대부분 웹에서는 알림을 끄고 있기 때문에 만들어도 못쓰기 때문이지 않을까?ㅎ 제일 어이없었던 삽질 중 하나도 바로 크롬 알림을 끈 채로 왜 알림이 안오냐며 한참 찾았던 것이었기 때문에...&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래도 FCM 웹 푸시를 결국 구현하고 이건 정리해야된다! 싶어서 TIL에 겨우겨우 정리했다. 이 기능을 만드는 누군가의 삽질 시간을 조금이라도 줄여주기를 바라며..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;React Native&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;웹이 어느정도 마무리되었고, 어플이 이용하기 더 쉽다는 의견 + 단순히 PlayStore와 AppStore에 어플을 등록하고 싶다는 마음 반반으로 React Native로 웹앱 제작을 시작했다. React Native는 전혀 몰라서 막막했는데, 웹앱이니까 감싸기만 한다면 괜찮지 않을까? 라는 아주 안일한 마음으로 시작했다가 저번주부터 매일같이 절망하는 중이다... 왜 쉽다고 했는데 안되니 진짜...ㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;진짜 처음에는 react-native run-android 라는 안드로이드 시뮬레이터를 실행하는 것 조차 안돼서 한참 삽질하고, 그 이후에도 여전히 여러가지 이슈로 삽질 중이다..ㅎㅎ 아마 다음 회고에는 그래도 삽질 마무리하고 잘 배포했다고 하겠지?? 그러겠지...?? &lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dt0W4l/btrdBrEejkm/w2j0wJe73bge8k0DH3QWFk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dt0W4l/btrdBrEejkm/w2j0wJe73bge8k0DH3QWFk/img.png&quot; data-origin-width=&quot;284&quot; data-origin-height=&quot;618&quot; data-filename=&quot;blob&quot; width=&quot;243&quot; height=&quot;529&quot; style=&quot;width: 42.9855%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dt0W4l/btrdBrEejkm/w2j0wJe73bge8k0DH3QWFk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdt0W4l%2FbtrdBrEejkm%2Fw2j0wJe73bge8k0DH3QWFk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;284&quot; height=&quot;618&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dg80yn/btrdCyJRpD4/zv4n5iZKk8VKSM7sfhJDsk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dg80yn/btrdCyJRpD4/zv4n5iZKk8VKSM7sfhJDsk/img.png&quot; data-origin-width=&quot;329&quot; data-origin-height=&quot;551&quot; data-filename=&quot;blob&quot; style=&quot;width: 55.8517%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dg80yn/btrdCyJRpD4/zv4n5iZKk8VKSM7sfhJDsk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdg80yn%2FbtrdCyJRpD4%2Fzv4n5iZKk8VKSM7sfhJDsk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;329&quot; height=&quot;551&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;다 블러 처리하면 뭐하러 올리나 싶지만, 그래도 내 저거 띄웠다는거 자체가 지금은 좋아섴ㅋㅋㅋㅋ&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Google, Apple 개발자 등록&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;자, 어플을 배포하려면 당연히 개발자부터 등록해야지!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특히 FCM을 iOS에 적용하려면 Apple 개발자 등록이 되어있어야해서 조금 더 서둘렀다. 그래도 뭔가 개발자 등록을 하고 나니까 이제 나 개발자야, 라고 당당히 말할 수 있을꺼 같은 기분도 들고! 나중에 어플에 이름 적혀있으면 진짜 기분 좋지 싶긴한다!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1053&quot; data-origin-height=&quot;590&quot; data-filename=&quot;스크린샷 2021-08-30 오후 2.00.14.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/UIPI6/btrdBqZF6oq/tDVC1E4qQoB6eMN1uamGSk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/UIPI6/btrdBqZF6oq/tDVC1E4qQoB6eMN1uamGSk/img.png&quot; data-alt=&quot;Apple 개발자 등록&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/UIPI6/btrdBqZF6oq/tDVC1E4qQoB6eMN1uamGSk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FUIPI6%2FbtrdBqZF6oq%2FtDVC1E4qQoB6eMN1uamGSk%2Fimg.png&quot; data-origin-width=&quot;1053&quot; data-origin-height=&quot;590&quot; data-filename=&quot;스크린샷 2021-08-30 오후 2.00.14.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Apple 개발자 등록&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1382&quot; data-origin-height=&quot;500&quot; data-filename=&quot;스크린샷 2021-08-30 오후 3.05.57.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bNKkWr/btrdCywmrVx/GepC0k9a3BhH9m9rtDNZ6k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bNKkWr/btrdCywmrVx/GepC0k9a3BhH9m9rtDNZ6k/img.png&quot; data-alt=&quot;Google 개발자 등록&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bNKkWr/btrdCywmrVx/GepC0k9a3BhH9m9rtDNZ6k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbNKkWr%2FbtrdCywmrVx%2FGepC0k9a3BhH9m9rtDNZ6k%2Fimg.png&quot; data-origin-width=&quot;1382&quot; data-origin-height=&quot;500&quot; data-filename=&quot;스크린샷 2021-08-30 오후 3.05.57.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Google 개발자 등록&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;코로나 4단계 이후에는 어디 갈 곳도 없어서 주짓수 운동만 일주일에 두세번가면서 지내고 있었는데, 주짓수에 코로나 확진자가 나왔어서 한동안 계속 코로나 검사 받고 더욱더 집에만 있었다 진짜 ㅜㅜ 4단계 되면서 이제 진짜 주변에 건너건너 생기기 시작하는거 같은데 더더 조심하고 얼른 나아졌으면 좋겠다. 소마센터도 가고 싶고, 사람들도 만나고 싶고, 운동도 편하게 하고 싶고, 외식도 영화도!!!!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;9월 중순에 백신 예약 되어있으니까 백신도 잘 맞고, 건강 조심하자!!&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>Firebase 채팅</category>
      <category>Til</category>
      <category>개발자 등록</category>
      <category>소마</category>
      <category>소마12기</category>
      <category>스파르타코딩</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/18</guid>
      <comments>https://dwon-lee.tistory.com/18#entry18comment</comments>
      <pubDate>Mon, 30 Aug 2021 15:11:39 +0900</pubDate>
    </item>
    <item>
      <title>2021.5-6</title>
      <link>https://dwon-lee.tistory.com/17</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;사실 5월에도 써야지 하다가 소마 기획 준비하느라 생각보다 개인적으로 한게 많이 없기도 하고, 그래서 애매해서 미루고 6월이랑 합쳐서 써야지 했는데 7월되고나니 6월도 미루고 싶어하는 나를 발견해서 일단 뭐라도 적어보려고 한다ㅜㅜ 국비학원 다닐때보다 공부하는 양은 많지 않은거 같은데, 한번에 많은 정보가 들어와서 그런지 5-6월은 엄청 정신없었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;5월에는!&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;먼저 5월부터 하나씩 적어보면, 5월까지는 소마 예비과정이어서 여전히 멘토링을 듣느라 정신이 없었고 본격적으로 프로젝트를 들어가기 전에 프로젝트 주제를 잡고, 멘토님들과 연락하느라 진짜 정신이 없었다.. 그 와중에 해커톤도 진행했고, 디자인 씽킹은 한지 얼마 안됐다고 생각했는데 지금 보니까 5월에 했었넹 ㅎㅎ&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;소마 해커톤&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Github : &lt;a href=&quot;https://github.com/2dowon/Soma_Hackathon_13&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://github.com/2dowon/Soma_Hackathon_13&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot; data-filename=&quot;여기버려.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bcS79n/btq8CL8VLUs/F84v0TQtAARTnkzCpE5ym0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bcS79n/btq8CL8VLUs/F84v0TQtAARTnkzCpE5ym0/img.png&quot; data-alt=&quot;여기 어때? 여기 버려!&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bcS79n/btq8CL8VLUs/F84v0TQtAARTnkzCpE5ym0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbcS79n%2Fbtq8CL8VLUs%2FF84v0TQtAARTnkzCpE5ym0%2Fimg.png&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot; data-filename=&quot;여기버려.png&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;여기 어때? 여기 버려!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;소마 해커톤은 공공 데이터를 활용한 사회문제 해결이 주제였는데, 우리 팀의 경우 쓰레기통 위치 데이터를 가져와서 현재 위치에서 가장 가까운 쓰레기통 위치를 알려주자! 그럼으로써 길거리 쓰레기를 줄여보자는 취지에서 이 주제로 프로젝트를 진행했다. 해커톤은 처음이라서 이렇게 짧은 시간 안에 MVP를 뚝딱 만들어내야 한다는 사실이 조금 부담스러웠는데, 각자 모여서 하다보니까 그래도 나름 우리가 처음에 필수적으로 생각했던 것까지는 구현할 수 있었다. 백은 node.js로 진행해서 나는 이번에는 진짜 프론트만 담당했는데 이때까지는 리액트가 속도가 좀 느릴때라 바닐라 자바스크립트를 이용해 프론트를 구현했다. 그리고 모바일도 구현했는데, 프로젝트 소개때 깜박하고 소개하지 못해서 아쉬웠다... 진짜 모바일이랑 웹 둘 다 구현하느라 css 고생했는데 ㅜㅜ&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1316&quot; data-origin-height=&quot;872&quot; data-filename=&quot;trashcan.gif&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/OpzEE/btq8xMg3sjo/sa8taoYABwLkwZDnoYDK6k/img.gif&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/OpzEE/btq8xMg3sjo/sa8taoYABwLkwZDnoYDK6k/img.gif&quot; data-alt=&quot;로딩창&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/OpzEE/btq8xMg3sjo/sa8taoYABwLkwZDnoYDK6k/img.gif&quot; srcset=&quot;https://blog.kakaocdn.net/dn/OpzEE/btq8xMg3sjo/sa8taoYABwLkwZDnoYDK6k/img.gif&quot; data-origin-width=&quot;1316&quot; data-origin-height=&quot;872&quot; data-filename=&quot;trashcan.gif&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;로딩창&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 처음에 데이터를 불러오는 시간이 필요하다 보니까 로딩창이 있으면 좋을꺼 같아서 로딩창도 구현했는데, 생각보다 힘들었다..ㅎㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;TMI로 프로젝트에 사용된 아이콘 같은 것도 포토샵으로 하나하나 만드느라 귀찮았다ㅋㅋㅋㅋ (물론 귀찮음보다 예쁜게 좋은게 더 커서 뿌듯!) 나중에 본 프로젝트 때는 디자이너님이 작업해주실테니까 작업량이 많이 줄겠지  &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;디자인 씽킹&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;디자인 씽킹은 기존의 문제 해결 방법 대신 사용자 중심의 다시 생각해 문제 정의를 새롭게 해보는 것을 말한다. 예를 들어서 설명해주신 것중 기억 남는 것이 개발도상국에서 신생아가 많이 죽는 문제를 해결하기 위해 처음에는 인큐베이터가 비싸서 그렇다 라는 문제를 가지고, 가격이 저렴한 인큐베이터를 만드는 것으로 문제를 해결하려고 했었다. 하지만 본질적인 문제는 (나라가 정확히 기억은 안나는데) 날씨가 추웠고, 아이들이 저체온증으로 죽는 경우가 훨씬 많았기에 그래서 오히려 인큐베이터가 아닌 아이를 따뜻하게 해줄 수 있는 담요(?) 같은 걸로 문제를 해결할 수 있었다는 사례가 있었다. 사용자 입장에서 문제를 생각하는게 얼마나 중요한지, 생각지도 못했던 방법으로도 충분히 문제를 해결할 수 있다는 것을 알 수 있었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇게 3일정도 수업을 들었는데, 수업 자체도 재밌었고 무엇보다도 다른 소마 연수생분들과 함께 얘기 나눌 수 있는 시간이 많아서 좋았다! 아무래도 코로나 때문에 같은 팀이 아닌 이상 잘 못보기 때문에 친해질 기회가 거의 없는데, 자유로운 분위기에서 같이 어울릴 수 있는 시간이 있었다는 것만으로도 충분히 만족!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;리액트 리덕스&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;5월에는 해커톤, 디자인 씽킹 그 외에는 프로젝트 주제 선정 및 멘토님들을 모셔오기 위한 멘토링으로 꽉꽉 차 있어서 개인적인 공부를 할 시간은 많이 없었다. 그래도 본격적으로 프로젝트를 들어가기 전에 &lt;b&gt;리덕스&lt;/b&gt;는 꼭 공부해야한다는 얘기를 듣고, 어설프게 개념만 알고 있었던 리덕스를 공부했던 시간을 가졌다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;403&quot; data-origin-height=&quot;286&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://nomadcoders.co/redux-for-beginners&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/QKkw1/btq8CKbbWLQ/E761uPqkpBIoDuipTO0ZTK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FQKkw1%2Fbtq8CKbbWLQ%2FE761uPqkpBIoDuipTO0ZTK%2Fimg.png&quot; data-origin-width=&quot;403&quot; data-origin-height=&quot;286&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;누르면 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;처음에 개념을 빠르게 정리할 때는 니꼬 강의가 최고라고 생각하기에 이번에도 역시 노마드 코더에서 무료로 리덕스 강의가 있어서 빠르게 들어봤다. 그리고 나서 인프런에서도 하나 결제해서 듣고 있는 중! 근데 아 요즘 인강이 거의 다 자막이 있어서 그런지 인프런 강의는 자막이 없어서 불편하다ㅜㅜ 자막이 없으면 속도가 느려져서 꼭 필요한 강의가 아니면 잘 안듣게된다..&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;6월에는!&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;티징 페이지&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;본 프로젝트에 들어가기 앞서서 티징 페이지를 가볍게 제작했다. 우리 팀이 제대로 된 프로젝트 경험이 없어서 그런지 시작 전 엄청 겁을 먹고 있어서 그런지 멘토님께서 아주 간단한 페이지 정도 만들어보는 것을 추천해주셨고, 그래서 설문조사 느낌으로 투표 페이지를 만들어봤다. 실제로 투표를 미리 받아볼 생각으로 만들었던건데, 결국 설문조사로 대체되어서 실제로 배포까지는 안했다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;428&quot; data-origin-height=&quot;926&quot; width=&quot;300&quot; height=&quot;649&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/XgcVM/btq8EnGlzFm/DS7aKmOyxKVy2vUZdKaXTK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/XgcVM/btq8EnGlzFm/DS7aKmOyxKVy2vUZdKaXTK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/XgcVM/btq8EnGlzFm/DS7aKmOyxKVy2vUZdKaXTK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FXgcVM%2Fbtq8EnGlzFm%2FDS7aKmOyxKVy2vUZdKaXTK%2Fimg.png&quot; data-origin-width=&quot;428&quot; data-origin-height=&quot;926&quot; width=&quot;300&quot; height=&quot;649&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;티징 페이지를 만들고나서 이후에 기획 의도가 쪼금 변해서 위에 멘트들은 지금이랑은 조금 다르지만, 쨋든 저런 느낌으로 만들었었다. 처음으로 백엔드에서 데이터를 받아와서 프론트에서 뿌리고, 그리고 투표를 하면 그 데이터를 다시 백에게 전달해주고 그 과정이 처음이라서 좀 헤매긴 했는데 꽤 재밌었다!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아 특히 헤맸던 부분이 같이 만나서 작업하지 않다보니까 프론트랑 백을 어떻게 통신해야지가 가장 힘들었는데, localhost를 이용함으로써 쉽게 해결할 수 있었다 (몰랐던 부분인데, 멘토님 덕분에 쉽게 해결!) 자세한 내용은 TIL에 작성해뒀으니 &lt;a href=&quot;https://2dowon.netlify.app/etc/localhost_run/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;여기&lt;/a&gt;를 참고!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;소마 기획 발표&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1633&quot; data-origin-height=&quot;905&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bRA6ev/btq8DQB0Vbd/a0Xl4CfWziPT4X8vLpQDXk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bRA6ev/btq8DQB0Vbd/a0Xl4CfWziPT4X8vLpQDXk/img.png&quot; data-alt=&quot;로고는 어딘가 익숙해보여도 무시해주세요..ㅎㅎ 임시! 기획용!!이니까!&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bRA6ev/btq8DQB0Vbd/a0Xl4CfWziPT4X8vLpQDXk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbRA6ev%2Fbtq8DQB0Vbd%2Fa0Xl4CfWziPT4X8vLpQDXk%2Fimg.png&quot; data-origin-width=&quot;1633&quot; data-origin-height=&quot;905&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;로고는 어딘가 익숙해보여도 무시해주세요..ㅎㅎ 임시! 기획용!!이니까!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;6월에 가장 큰 행사는 아무래도 기획 발표였다. 기획을 무사히 통과해야 그 다음으로 넘어갈 수가 있기 때문이고, 떨어지면 또 해야되는데 진짜 또 하기 싫기 때문에 엄청 열심히 준비했다. 기획서 쓰는 것도 일이고, PPT 제작도 일이었다. 물론 발표준비도..ㅎㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;진짜 살면서 이렇게 발표를 열심히 준비했던 적은 처음이지 않나 싶을 정도로 기획서, PPT, 발표대본, 질의응답, 리허설 등 끊임없이 준비했던 것 같다. 기획 발표 분위기도 예상했던 질문들을 많이 받아서 약간 애매한 느낌이긴 했는데, 다행이도 1차 무사 통과!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;와이어프레임 &amp;amp; 디자이너 미팅&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;우리 팀은 8월 중간 발표 전에 1차 배포를 하는 것을 목표로 하고 있기 때문에 최대한 개발을 빨리 들어가는 것이 목표였다. 그리고 플랫폼인만큼 전체적인 서비스의 흐름과 디자인이 중요해서 기획 발표가 끝나자마자 빠르게 와이어프레임을 그리고 디자이너 미팅을 잡았다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;943&quot; data-origin-height=&quot;1357&quot; data-filename=&quot;blob&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/CC2Ka/btq8A8RD3oz/drykw4I2lu4qGXUuJzxWK0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/CC2Ka/btq8A8RD3oz/drykw4I2lu4qGXUuJzxWK0/img.png&quot; data-alt=&quot;XD로 그려본 와이어프레임&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/CC2Ka/btq8A8RD3oz/drykw4I2lu4qGXUuJzxWK0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCC2Ka%2Fbtq8A8RD3oz%2Fdrykw4I2lu4qGXUuJzxWK0%2Fimg.png&quot; data-origin-width=&quot;943&quot; data-origin-height=&quot;1357&quot; data-filename=&quot;blob&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;XD로 그려본 와이어프레임&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;작게 캡쳐해도 생각보다 잘 보이는 느낌이라 블러 처리 좀 해봤다. 쨋든 와이어프레임은 대략적으로 저정도 느낌!이고 저 내용을 바탕으로 디자이너 미팅도 잘 끝내서 현재는 로고와 디자인을 기다리는 중인데 디자이너님과 협업하는 것은 처음이라 신기하고 기대된다! 특히 로고!!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;스파르타 코딩 - 리액트 심화반&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;311&quot; data-origin-height=&quot;302&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;a href=&quot;https://spartacodingclub.kr/online/react_plus&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/z23is/btq8EmHuhba/T88K7NgJVIq5ep31pzmYo1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fz23is%2Fbtq8EmHuhba%2FT88K7NgJVIq5ep31pzmYo1%2Fimg.png&quot; data-origin-width=&quot;311&quot; data-origin-height=&quot;302&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;클릭하면 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;소마에서는 자기주도학습 비용을 따로 지원해주기 때문에 평소에는 비싸서 고민했던 스파르타 코딩의 리액트 강의를 이번에 들어보기로 했다. 40만원... 진짜 솔직히 들으면서 아직도 좀 비싸다고 생각은 들지만 실시간 질의응답이 가능하다는 점을 생각하면 괜찮나 싶다가도 역시 비싸다는 생각으로 이어지고 있다. 그래서 강의 퀄리티는 괜찮아서 현재 만족하면서 듣는 중!&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;SOMA Welcome Kit&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;1125&quot; data-origin-height=&quot;1125&quot; data-filename=&quot;IMG_0219.jpg&quot; width=&quot;400&quot; height=&quot;400&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/AftP5/btq8Fdp1Cqz/NX1EdEtkDnoN4KMp7ZDqBK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/AftP5/btq8Fdp1Cqz/NX1EdEtkDnoN4KMp7ZDqBK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/AftP5/btq8Fdp1Cqz/NX1EdEtkDnoN4KMp7ZDqBK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAftP5%2Fbtq8Fdp1Cqz%2FNX1EdEtkDnoN4KMp7ZDqBK%2Fimg.jpg&quot; data-origin-width=&quot;1125&quot; data-origin-height=&quot;1125&quot; data-filename=&quot;IMG_0219.jpg&quot; width=&quot;400&quot; height=&quot;400&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;6월부터는 소마 본과정이 시작되기 때문에 소마에서 웰컴 키트를 보내주셨다! 사진에는 없지만, 미니 손풍기도 같이 왔다!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;명함은 쓸 일이 많이 있을까 싶긴한데, 그래도 명함이 나오니까 뭔가 제대로 시작하는 기분이라 좋은거 같기두 ㅎㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Mac Mini (M1)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/2hwTS/btq8FzT4xxW/dGPzq27speBdjkNKHNC5w1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/2hwTS/btq8FzT4xxW/dGPzq27speBdjkNKHNC5w1/img.jpg&quot; data-origin-width=&quot;3024&quot; data-origin-height=&quot;3024&quot; data-filename=&quot;IMG_0188.jpg&quot; width=&quot;300&quot; style=&quot;width: 49.4186%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/2hwTS/btq8FzT4xxW/dGPzq27speBdjkNKHNC5w1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F2hwTS%2Fbtq8FzT4xxW%2FdGPzq27speBdjkNKHNC5w1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3024&quot; height=&quot;3024&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lWqqI/btq8BlpK4yY/RM8FoZm2H3nahpUgAVZbn0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lWqqI/btq8BlpK4yY/RM8FoZm2H3nahpUgAVZbn0/img.jpg&quot; data-origin-width=&quot;3024&quot; data-origin-height=&quot;3024&quot; data-filename=&quot;IMG_0200.jpg&quot; width=&quot;300&quot; style=&quot;width: 49.4186%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lWqqI/btq8BlpK4yY/RM8FoZm2H3nahpUgAVZbn0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlWqqI%2Fbtq8BlpK4yY%2FRM8FoZm2H3nahpUgAVZbn0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3024&quot; height=&quot;3024&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 마지막으로 기기 지원금으로 뭘 살까 진짜 많이 고민하다가 산 맥미니! 이번 M1은 맥미니, 맥북에어가 진짜 잘나왔다고 했는데 이미 맥북프로가 있어서 굳이 노트북으로는 필요없지 싶어서 맥미니로 결정! 아이맥 살까 했는데 이미 쓰고 있는 모니터가 34인치라 책상에 아이맥을 둘 공간이 없다...ㅎ 그렇다고 아이맥으로 바꾸자니 모니터가 24인치라 작은 감이 있어서 그냥 기존 모니터에 연결할겸 맥미니를 샀다. 와 근데 M1 진짜 짱이다.. 발열이 진짜 없다. 지금 쓰고 있는 맥북프로가 인텔 i7이고, 램은 둘다 똑같이 16GB인데 맥미니랑 맥북프로랑 같은 작업하면 맥북은 그냥 이륙 직전인데 맥미니는 조용하다못해 쿨러에서 찬바람이 나오기도 한달깤ㅋㅋㅋㅋㅋ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나중에 M2(M1X)나오면 맥북은 그때 바꾸던가 할 생각인데 진짜 기대된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>맥미니</category>
      <category>소마</category>
      <category>소마12기</category>
      <category>스파르타코딩</category>
      <category>회고</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/17</guid>
      <comments>https://dwon-lee.tistory.com/17#entry17comment</comments>
      <pubDate>Fri, 2 Jul 2021 13:09:46 +0900</pubDate>
    </item>
    <item>
      <title>2021.4</title>
      <link>https://dwon-lee.tistory.com/16</link>
      <description>&lt;p&gt;4월에는 앞으로 나에게 있어 영향을 많이 미칠듯한 일들이 많이 있었던 달이고, 올해 중에서 가장 기억에 많이 남는 달 중 하나가 되지 않을까 한다. 일단 6개월동안 다녔던 국비학원을 수료했고, 올해 내내 활동하게 될 소프트웨어 마에스트로 12기에 합격했다. 2개가 거의 동시에 이루어져서 진짜 엄청 정신없이 지나갔다...&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;플레이데이터 - 자율주행을 위한 IoT, Bigdata, AI 기술융합 개발자 양성과정 수료&lt;/h2&gt;
&lt;p&gt;&amp;nbsp;막상 이렇게 이름 적고 나니까 엄청 거창한걸 들은 것 같지만, 6개월안에 사실 저걸 다 한다는건 불가능에 가깝다. 6개월 과정을 한 마디로 요약하자면 '다양한 것을 맛봤다' 정도에 가깝고, 그 안에서 깊이는 진짜 본인이 하기에 달려있다. 학원 커리큘럼으로는 파이썬, 자바, MySQL, 스프링, 플러터, 빅데이터, 라즈베리파이, OpenCV를 6개월동안 배웠고, 딥러닝/머신러닝 관련해서는 주말 특강이 있었다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;솔직히 내가 국비학원을 다닌 목적은 아무래도 개발을 제대로 처음 배우다보니 무엇이 잘 맞을지 몰라서 이것저것 배워보고 싶어서 다니게 된거였고, 그 목적에는 아주 적합하고 만족스럽게 다녔다. (나는 취성패까지 했었고, 덕분에 한달마다 약 40만원씩 받으면서 공부할 수 있었다. &lt;u&gt;국비학원 다니실꺼라면 취성패 적극 추천&lt;/u&gt;&lt;span&gt; &amp;nbsp; &lt;/span&gt;합니다! 생각보다 오래 걸리니까 &lt;u&gt;수업 시작하기 최소 한달전에는 1단계 시작&lt;/u&gt;하셔야 돼요.. 넉넉한 한달반 남았을 때 가세요 진짜! 취성패 안될까봐 학원 시작 전까지 마음 졸였다 정말...ㅎㅎ)&lt;/p&gt;
&lt;p&gt;&amp;nbsp;앞에서 말했듯이 나는 학원을 다닌 목적 자체가 당장의 취업보다는 다양한걸 배우고 나에게 맞는 것을 찾아보자 이거였다보니까 처음에 배우다가 나랑 잘 안맞는다, 재미없다 싶으면 패스하고 내가 공부하고 싶은 것을 공부했던거 같다. 그래서 진짜 솔직하게 저 중에서 제대로 수업을 들은 것은 파이썬, 자바, MySQL 까지이다. (빅데이터 수업을 들으면서 나는 데이터 보다는 웹이 더 재밌다고 느꼈고, 그래서 인공지능 관련 수업은 많이 듣지 않았다. 특히 이때부터 줌으로 비대면 수업한 것도 한몫했다ㅜㅜ)처음에 강사님이 기초를 탄탄하게 잡아주신 덕분에 거의 3개월동안 저 3개를 배웠고 그 덕분에 기초는 탄탄해졌다. (파이썬의 경우 막 1-2주만에 진도를 엄청 빠르게 나가시기도 하는데, 국비학원의 90% 이상이 비전공자이기 때문에 이 속도로 진도가 나가면 중간에 포기하기 쉬울 것 같다... 쨋든 나는 비전공자였고, 파이썬, 자바, MySQL 아무것도 모르는 상태로 수업을 들었기 때문에 이 속도가 마음에 들었다. 이때 기초를 탄탄히 쌓아둔 덕분에 지금도 다른 언어를 배우거나 할 때 많은 도움이 되고 있다. 근데 이건 진짜 강사님에 따라 케바케이지 않을까....ㅎㅎ&lt;/p&gt;
&lt;p&gt;&amp;nbsp;쨋든 나는 python이 재밌었고, 그래서 스프링 수업 때 스프링 대신 플라스크와 장고를 공부했다. 덕분에 최종 프로젝트 때에는 백엔드를 플라스크로 쉽게 구현할 수 있었다. 인공지능 수업 때는 이미 프론트엔드 개발자로 마음을 굳힌 상황이었고, 소마를 지원하는 중이었기 때문에 코딩테스트와 자바스크립트에 집중했다. 국비학원은 보통 6개월정도로 짧다면 짧고 길다면 긴 기간동안 다양한 것들을 알려주기 때문에 중간 중간 본인이 가려는 길에 따라서 &lt;b&gt;집중과 선택&lt;/b&gt;이 필요한 것 같다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;그리고 마지막으로 학원에 관한 얘기를 하자면 사실 플레이데이터를 고른 이유가 나는 시설과 위치였는데 6개월 중 5개월을 비대면 수업하면서 그 이유가 다 사라져버렸다....ㅎㅎ 그래도 오프라인이였던 1달 동안은 시설과 위치도 괜찮았고, 학원에 비치된 책들도 종종 봤고 수강생분들(학원 친구들!)과도 같이 밥먹으면서 공부했던 소중한 추억이다 진짜... 정말 딱 1달동안의ㅜㅜㅜㅜ 개인적으로 나는 강사님의 강의 스타일이 잘 맞았고, ADsP 스터디도 기회를 마련해주시면서 같이 공부하면서 자격증도 땄었다. 학원 다니기 전에 어떤 강사님이 수업하는지는 미리 알 수 있는지는 잘 모르겠지만 (왜냐하면 나는 강사님에 관한 정보는 전혀 없었다...) 알 수 있다면 미리 알아보는 것도 좋을 것 같다. 학원보다는 강사님에 따라 수업 방식이 많이 다르기 때문! 그 외에 학원의 관리 측면에서는 한달에 한번 코딩테스트를 제공해줘서 반강제로 코테 공부를 꾸준히 했다. 아마 이 덕분에 소마 코테를 통과하지 않았을까 &lt;span&gt; &amp;nbsp; 그리고 수료 후에는 이력서 및 모의 면접 등의 취업 준비를 도와주는 걸로 알고 있는데, 나는 수료 직전에 소마에 합격해서 취업과 관련된 과정은 진행하지 않아서 잘 모르겠다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&amp;nbsp;처음 시작했을 때는 6개월 언제 끝나나 했는데 이렇게 수료 후기를 적고 있으니 감회가 새롭다 진짴ㅋㅋㅋㅋㅋ&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;소마 12기 시작&lt;/h2&gt;
&lt;p&gt;3월 회고에서 이미 소마 12기에 합격했다고 적었는데, 실제로 결과가 나온 것은 4월 2일이었다. 그 후에 오티가 있었고, 자유멘토링 및 팀빌딩 과정은 4월 12일부터 본격적으로 시작됐다. 강사님의 개인적인 사정으로 국비학원 종강이 9일에서 13일로 미뤄지기도 했고, 최종 프로젝트 등으로 인해 학원이 끝난 직후에는 친구들과의 약속이 있었어서 생각보다 초반에는 많은 멘토링을 듣지 못했다 ㅜㅜ 특히 개인적인 약속으로 인해 멘토링 못듣는건 매우 아쉬웠다... 그래도 약 3주동안 나름 열심히 들었고, 현재 약 12개 정도 멘토링을 들었다. 기획 관련 멘토링이 제일 많았고 그 외에는 주로 프론트엔드와 관련된 멘토링을 많이 들었다. 그 다음으로는 알고리즘, 클라우드 서비스, node.js 등 관심이 있지만 부족한 분야에 대해서도 배워보자는 생각으로 멘토링을 들었고 react native나 프로젝트 관리에 관한 멘토링이 남아있다!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;팀빌딩은 끝난 상황에서 이제 남은 한 달 동안은 아이디어를 구체화하는 기획단계가 필요한데, 소마가 아무래도 사업성을 보다보니까 기획을 잘해야할텐데 이건 좀 걱정이다.. 꼭 창업을 목표로 하는건 아니지만 프로젝트가 잘 된다면 진짜 창업으로도 이어질 수 있는거고 그게 아니더라도 일단 서비스를 출시하는 것을 목표로 진행해보고 싶다. 거기에 운까지 좀 따라준다면 인증까지 노려보겠지만, 일단 그건 제쳐두고 무엇보다 재미있게 했으면 좋겠다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;아, 그리고 4월에는 2주정도 카카오워크를 이용한 챗봇 팀프로젝트가 있었고, 5월에는 해커톤이 있다! 6명이라 생각보다 팀원수가 많아서 좀 걱정이긴한데, 그래도 첫 해커톤이고 재밌지 않을까 라는 기대중!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;드림코딩 리액트 완강&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/5jzQM/btq3WocetYo/ildA3DBYJp1ftG8lE9exr1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/5jzQM/btq3WocetYo/ildA3DBYJp1ftG8lE9exr1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/5jzQM/btq3WocetYo/ildA3DBYJp1ftG8lE9exr1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F5jzQM%2Fbtq3WocetYo%2FildA3DBYJp1ftG8lE9exr1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;드디어 리액트 완강! 이 강의의 가장 첫 프로젝트인 habit-tracker는 진짜 3~4번정도 만들어봐서 간단한 프로젝트에 대해 많은 감이 생겼다. API를 이용하는 유트브 프로젝트와 Firebase를 이용하는 card-maker 프로젝트도 빨리 복습해봐야지. 처음에는 이해안되는 개념도 많고, 처음부터 만드는 것에 대한 막막함이 컸는데 지금은 그래도 어떻게 만들지는 좀 감이 생기는 단계랄까. 쨋든 본 프로젝트 들어가기 전에 리액트가 익숙해지는 것이 첫 목표이고, 시간이 되면 Redux나 Recoil과 같은 상태관리 툴도 배워봐야겠다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;그리고 요즘은 진짜 타입스크립트가 대세이다 못해 필수이기 때문에 타입스크립트 강의도 얼른 들어야 한다....&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;React - TO DO LIST&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://github.com/2dowon/react_to-do-list&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/pjqbM/btq3YVgkkQJ/1okAWRdXW5Wmd8cmOm2NQK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpjqbM%2Fbtq3YVgkkQJ%2F1okAWRdXW5Wmd8cmOm2NQK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 해당 프로젝트의 GitHub로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;리액트가 조금 익숙해졌으니, 가장 기본인 투두리스트가 만들고 싶어졌다. 계속 따라만하는 것보다 간단한거라도 스스로 만들어볼 때 받는 느낌이 매우 다르기 때문에! 솔직히 자바스크립트로 투두리스트 만들었을 때는 부족한 실력탓도 있겠지만, 꽤 힘들게 만들었었다. 근데 리액트는 좀 쉽네...?ㅎㅎ 사실 리액트 배우면서 바닐라 자바스크립트가 더 쉽다라는 아주 아주 멍청한 생각도 했었는데, 지금 생각해보면 리액트가 나온 이유가 있듯이 훨씬 간단한 것 같다.&lt;/p&gt;
&lt;p&gt;투두리스트의 목록을 저장하기 위해서 Firebase를 사용할까 했는데, 그럼 로그인 과정도 넣어야 유저에 따른 데이터를 저장할 수 있는건데 간단한 투두리스트에 굳이 로그인...? 이라는 생각이 들어서 가볍게 Local Storage를 이용했다. 복잡할줄 알았는데, 생각보다 간단하게 구현할 수 있었다. 그리고 여기에서 리액트의 힘(?)을 느꼈다. 자바스크립트에서는 &lt;span style=&quot;color: #333333;&quot;&gt;Local Storage에 저장하기 위해서 투두가 변경되는 곳마다 &lt;span style=&quot;color: #333333;&quot;&gt;Local Storage에 저장하는 함수를 실행했는데 리액트는 state가 업데이트될 때마다 &lt;span style=&quot;color: #333333;&quot;&gt;Local Storage에 저장하도록 만들면 됐다. 뭐 쨋든 나에게는 처음으로 리액트가 매력적이구나를 깨닫게 해준 포인트여서 가볍게 기록해둬야지!&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;4월에는 진짜 소마로 인해서 너무 정신없어가지구 일단 이정도로만 남겨야겠다... 진짜 알고리즘 문제도 거의 못 풀었고, TIL도 제대로 못했으며, 4월에는 끝내려고 했던 JavaScript30 프로젝트도 중단되었고, 타입스크립트 강의는 아직 시작도 못했다ㅜㅜㅜㅜㅜㅜ 진짜 반성한다 반성...&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;그래도 최대한 많은 멘토님들과 연수생분들을 만나려고 노력했고, 덕분에 팀빌딩도 나름(?) 수월하게 끝났고 그랬으니 조금은 칭찬해주면서! 4월을 마무리해야겠따. 5월에는 타입스크립트 공부 + 기획 탄탄히 + 해커톤 재밌게!!&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>드림코딩</category>
      <category>리액트</category>
      <category>소마12기</category>
      <category>투두리스트</category>
      <category>플레이데이터</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/16</guid>
      <comments>https://dwon-lee.tistory.com/16#entry16comment</comments>
      <pubDate>Sat, 1 May 2021 23:21:30 +0900</pubDate>
    </item>
    <item>
      <title>2021.3</title>
      <link>https://dwon-lee.tistory.com/15</link>
      <description>&lt;p&gt;월간 회고는 해당 달이 끝나기 전에 쓰는게 목표였는데, 이미 3월도 다 지나고 4월도 중순을 향해가는 지금 계속 고민하다고 지난 3월 회고를 작성해보려고 한다. 사실 3월 회고는 3월에 생각이 났는데, 그 때가 소마 12기 면접까지 보고 결과를 기다리던 중이었다. 개인적으로 면접을 못봤다고 생각했고, 그래서 떨어질 것이라고 생각했지만 그래도 발표가 나기 전까지는 모르는거니까! 근데 그 발표가 4월 2일인가 그 때 나기 때문에 3월 회고 쓰면서 소마에 대해 붙었으면 좋게따... 이런거 썼다가 떨어지면 민망하기도 하고 쨋든 그래서 발표 나면 써야지! 라는 심정으로 3월 회고를 미뤘는데, 운이 좋게(?) 붙었다. 그래서 기분 좋음과 동시에 얼떨떨함이랄까 쨋든 정신 차리는 시간이 좀 필요했고, 최종 프로젝트도 얼마 남지 않아서 회고를 작성할 기운이 없었다... ㅎㅎ 그래서 학원 종강하면 써야지 했는데, 또 종강이 미뤄졌넹..? 그래서 결국 오늘 쓴다. (그리고 오늘은 사실 학원 종강날이다! 그래서 조만간 학원 후기도 써야지)&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;이미 4월 중순이라 4월의 기억들로 엉켜있지만, 그래도 3월에는 뭐했을까 적어보자!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;SW 마에스트로 지원&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;IMG_9276.jpg&quot; data-origin-width=&quot;3024&quot; data-origin-height=&quot;3024&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ckh9Hc/btq2ts1FKpc/zVnsJawREoYHh2yYKHIpKK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ckh9Hc/btq2ts1FKpc/zVnsJawREoYHh2yYKHIpKK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ckh9Hc/btq2ts1FKpc/zVnsJawREoYHh2yYKHIpKK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fckh9Hc%2Fbtq2ts1FKpc%2FzVnsJawREoYHh2yYKHIpKK%2Fimg.jpg&quot; data-filename=&quot;IMG_9276.jpg&quot; data-origin-width=&quot;3024&quot; data-origin-height=&quot;3024&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;3월 회고를 제 때 못썼던 이유였던 소마 지원이 3월에서 제일 큰 행사였다. 2월 회고에서 1차 코딩테스트를 보고 붙겠지? 했었는데, 역시 붙었고 덕분에 2차 코딩테스트 봤다. 그리고 2차 코딩테스트는 사실 붙으면 감사합니다, 떨어져도 할 말 없지 싶었는데 또 운좋게 붙었고 면접까지 가게 되었다. 진짜 면접까지 보게 될 것이라고 생각도 못했었고, 기술 면접도 준비해본 적이 없어서 일주일 내내 처음으로 개발자로써 면접을 준비해봤다. 그동안 내가 얼마나 코드를 쓰는 것에 급급했는지 반성도 할 수 있었고, 알고는 있지만 제대로 정리하지 않았던 개념들도 정리해볼 수 있었던 시간이었다. 그렇게 면접을 봤지만, ㅎㅎ 역시나 쉽지 않았다. 그렇게 주변 사람들에게 망해써.. 라고 말해놓고 솔직히 사람인지라 기대도 쪼금 했는데, 붙었다. 이건 3월에는 몰랐던거지만, 그래도 결과까지 적어야 읽기 좋잖아요..! 쨋든 자세한 소마 12기 지원 후기는 &lt;a href=&quot;https://dwon-lee.tistory.com/13&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;여기서!&lt;/a&gt; 읽으실 수 있습니당.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;PALYDATA 최종 프로젝트&lt;/h2&gt;
&lt;p&gt;프로그래밍을 공부하기 위해 작년 10월부터 플레이데이터에서 인공지능 과정을 듣고 있다. 길다면 길고, 짧다면 짧았던 6개월이 벌써 지나고 4월 초면 학원을 수료한다. 그래서 3월은 한달 내내 최종 프로젝트를 진행하는 기간이었다. 나는 웹 프로젝트에 관심이 많았지만, 우리 팀원들 대부분이 머신러닝에 관심이 많아서 우리 팀은 머신러닝 프로젝트를 하기로 했다. 그래서 우리의 첫 번째 주제는 환율 예측 서비스였다. 첫 번째라고 말한 이유는.. 바로 그 주제가 엎어졌기 때문이다ㅜㅜ 환율 예측 프로젝트를 2주정도 진행하다가 여러 문제에 직면했다. 일단 환율 예측의 결과가 좋지 않다는 점, 환율 예측을 위한 데이터를 얻기 어렵다는 점, 환율 예측만으로 어떤 서비스를 할지가 애매하는 점들이 있었다. 그래서 결국 모든 팀원들과 상의 끝에 더 늦기 전에 다른 주제로 바꾸게 되었고, 그게 지금의 최종 프로젝트인 소설 추천 서비스 Stack Library이다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;환율 예측 서비스&amp;nbsp;&lt;/h4&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/d87AVm/btq2lCEKdv0/fzSSKCK8r1uY30KONnPEZk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/d87AVm/btq2lCEKdv0/fzSSKCK8r1uY30KONnPEZk/img.png&quot; data-alt=&quot;환율 예측 서비스&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/d87AVm/btq2lCEKdv0/fzSSKCK8r1uY30KONnPEZk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd87AVm%2Fbtq2lCEKdv0%2FfzSSKCK8r1uY30KONnPEZk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;환율 예측 서비스&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;환율 예측 모델링이 어느정도 완성된 다음 웹으로 넘어가기로 했었기 때문에, 남는 시간에 조금씩 만들었던 화면이라 오랜만에 다시 봤는데 너무 이상하다.... 쨋든 이런식으로 환율 예측 데이터를 보여주고, 환율 계산기 등 필요한 기능이 있으면 조금씩 추가하는 방법으로 구상중이었었다. 데이터 시각화 작업을 위해서 Dash를 진짜 열심히 공부했었는데... Dash는 한국어 자료가 많지 않아서 공식 문서를 진짜 열심히 읽었다. 이렇게 내가 공식문서를 열심히 읽은적이 있나 싶을정도로.. 공식문서 밖에 볼만한 것이 없었다ㅜㅜ 그러다가 슬슬 Dash가 익숙해질 때쯤 주제가 바뀌어서 많이 아쉬웠다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;소설 추천 서비스 Stack Library&lt;/h4&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://github.com/2dowon/Project-StackLibrary&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/z6Yku/btq2r9VPejk/pxjCbyoRrApEv5xlOGfNk1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fz6Yku%2Fbtq2r9VPejk%2FpxjCbyoRrApEv5xlOGfNk1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 Stack Library의 GitHub로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;web UI도 있는데, 모바일이 한눈에 보기 더 좋아서! 최종 프로젝트 발표가 4월 초여서 4월 초에는 계속 마무리 작업인 발표랑 서버 배포 등에 신경을 썼었고, 3월에는 기능적인 것들은 다 끝난 상황이었다. 유저가 좋아하는 장르를 알기위한 문항을 만드는게 엄청 어려울 것이라고 생각했었는데, 역시 사람이 여러명 모이니까 생각보다 금방 끝나서 다행인 부분이었다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;첫 프로젝트도 Flask를 이용한 프로젝트였는데, 최종 프로젝트도 Flask를 이용했다. 같은 기술을 사용해서 처음과 끝을 진행했더니 확실히 실력이 많이 늘었구나를 확인하기 좋았다 ㅎㅎ 처음에는 Flask 가상환경 구축하는 것부터가 일이였고, 프론트엔드는 템플릿을 다운받아서 만들었었다. 하지만 지금은 프론트엔드도 처음부터 내가 다 만들었고, Flask를 이용해 백을 만들고 프론트와 데이터를 통신하는 것까지 다 만들었다! 그냥 딱 봤을 때는 그렇게 많이 발전했나, 싶은데 코드를 보면 처음과 확실히 다르다. 코드가 자신있다는 점이 기분이 제일 좋은 것 같다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;정보처리기사 필기 합격&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;1834&quot; data-filename=&quot;blob&quot; width=&quot;400&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bRIrNT/btq2plCgYPT/MconiEjrc2ZyVgGYPQC860/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bRIrNT/btq2plCgYPT/MconiEjrc2ZyVgGYPQC860/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bRIrNT/btq2plCgYPT/MconiEjrc2ZyVgGYPQC860/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbRIrNT%2Fbtq2plCgYPT%2FMconiEjrc2ZyVgGYPQC860%2Fimg.png&quot; data-origin-width=&quot;922&quot; data-origin-height=&quot;1834&quot; data-filename=&quot;blob&quot; width=&quot;400&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;가채점을 했을 때 점수가 안정적이어서 합격할 줄 알아서 사실 결과가 나오기도 전에 대학 졸업 증명서 서류는 이미 제출도 해놨었다. 확인 결과 당연히 합격이었고, 그래서 3월 31일에 실기 접수도 했다. (하지만 글을 쓰는 시점인 4월 중순의 내가 미리 말하자면 취소했다...ㅎㅎ 소마 합격으로 다른 공부하느라 바빠서 정처기 공부를 못할 것 같았다 ㅜㅜ)&lt;/p&gt;
&lt;p&gt;비전공자라 CS 지식이 너무 부족하다고 생각해서 접수한 시험이었는데, 준비하면서 이게 과연 필요한가 라는 생각도 종종 했었다. 근데 이번에 소마 면접을 보면서 물어보시는 CS 지식이 정처기를 공부하면서 나왔던 내용들이 많아서 공부하기 잘했다는 생각이 들었다. 정처기 준비안했으면 면접에서 진짜 더 탈탈 털렸을 것이다... 필기 유효기간이 2년이니까 2년 안에 실기 꼭 따야지.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;노마드코더 - CSS Layout 강의 수료 및 챌린지 성공 &lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c082Ne/btq2qyhgSx5/MK1sTiZJY1xXHLwrynrBFK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c082Ne/btq2qyhgSx5/MK1sTiZJY1xXHLwrynrBFK/img.png&quot; data-origin-width=&quot;427&quot; data-origin-height=&quot;307&quot; width=&quot;400&quot; data-filename=&quot;blob&quot; style=&quot;width: 51.7374%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c082Ne/btq2qyhgSx5/MK1sTiZJY1xXHLwrynrBFK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc082Ne%2Fbtq2qyhgSx5%2FMK1sTiZJY1xXHLwrynrBFK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;427&quot; height=&quot;307&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Y77Jv/btq2sZ6riVJ/XlhasuepVrSR9FMQwP7gdK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Y77Jv/btq2sZ6riVJ/XlhasuepVrSR9FMQwP7gdK/img.png&quot; data-origin-width=&quot;1094&quot; data-origin-height=&quot;864&quot; width=&quot;400&quot; data-filename=&quot;blob&quot; style=&quot;width: 47.0998%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Y77Jv/btq2sZ6riVJ/XlhasuepVrSR9FMQwP7gdK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FY77Jv%2Fbtq2sZ6riVJ%2FXlhasuepVrSR9FMQwP7gdK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1094&quot; height=&quot;864&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;프론트엔드와 백엔드에서 계속 고민을 하다가 3월에는 프론트엔드 쪽으로 어느정도 결정한 상황이었다. 물론 최종 목표는 풀스택!이지만 ㅎㅎ 백엔드도 재밌는데, 프론트엔드가 더 재밌을 뿐이라서. 쨋든 그래서 오랜만에 CSS도 복습할 겸 챌린지를 성공해서 30% 쿠폰을 얻을 겸 듣게 된 강의였다. 사실 프로그래밍 처음 배울 때 배웠던 것이 HTML, CSS였는데 그때는 진짜 CSS가 너무 어려웠었다.. 가운데정렬이 이렇게 힘든 일이었다니..를 외치며 매일 매일 절망이었는데 오랜만에 CSS를 다시 하니까 이번에는 또 너무 쉬운거다.. ㅎㅎ 아까 Flask 얘기하면서도 많이 늘었구나, 생각했었는데 CSS로 무언가를 만들 때 뚝딱 만들 수 있다는 점에서도 진짜 실력이 많이 늘었다고 생각된다. 덕분에 챌린지가 이렇게 쉬워도 돼? 라는 생각을 하면서 어려움 없이 챌린지도 성공할 수 있었다. 하지만 여전히 JS 챌린지는 무섭다.. 언제쯤 성공하지.&lt;/p&gt;
&lt;p&gt;아, 그리고 최근에는 node.js에도 관심이 생겨서 30% 쿠폰으로는 node.js를 배워볼까 한다!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;드림코딩 - 리액트&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://academy.dream-coding.com/courses/react-basic&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cAo6AN/btq2qxvUg4P/DXE3gp3fsQejPTkadWObN1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcAo6AN%2Fbtq2qxvUg4P%2FDXE3gp3fsQejPTkadWObN1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;프론트엔드 프레임워크의 꽃이 바로 리액트가 아닐까, 라고 개인적으로 생각하는데 그만큼 유명하고 많은 회사에서 사용하고 있는 것으로 알고 있다. 그래서 예전부터 정말 배우고 싶었는데, 자바스크립트 기초가 안되어있는 상황에서 배우면 프레임워크에만 너무 의존하게 될까봐 자바스크립트를 어느정도 공부한 후에 배워야지 했는데 그게 지금이다. 자바스크립트를 좀 더 열심히 했으면 리액트도 좀 더 빨리 공부할 수 있었을텐데 싶지만 그래도 그동안 파이썬, 자바, MySQL 등 다양하게 공부해봤으니 후회는 없다.&lt;/p&gt;
&lt;p&gt;사실 쉬울줄 알았다. 이유는 모르겠지만, 바닐라 자바스크립트보다 리액트가 쉽다니까 다들. 이런 생각이었는데, 생각보다 리액트가 어려웠다. 처음 Flask를 배웠을 때의 막막함이기도 하고. 3월에는 꽤 어려웠는데, 4월에서 작성하는 지금은 그래도 조금 익숙해져서 그 때보다는 할만하다. 4월 회고 쓸 쯤에는 저 강의를 완강하기를 바라며!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;노마드코더 - 리액트로 영화 웹 서비스 만들기&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://nomadcoders.co/react-fundamentals&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/xX9D6/btq2r9arEsn/C8uV6K8kBCInzgfWvLhM81/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxX9D6%2Fbtq2r9arEsn%2FC8uV6K8kBCInzgfWvLhM81%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;아, 사실 엘리쌤의 강의를 빠르게 듣지 못한 이유에는 중간에 다른 강의를 들은 탓도 있다. 엘리쌤 강의가 진짜 기초 쌓기에 좋고, 시간이 지날수록 훨씬 탄탄해진다는 장점이 있지만 아무것도 모를 때 듣기에는 어렵다, 솔직히. 그래서 개인적으로는 니꼬의 강의로 빠르게 해당 기술이 무엇인지 살펴보고, 엘리쌤의 강의로 개념을 탄탄하게 만드는게 베스트라고 생각한다. 그래서 엘리쌤 강의를 절반정도 듣다가 중간에 니꼬 쌤 강의로 돌아가서 빠르게 리액트로 무언가를 만들어본 후 다시 엘리쌤의 강의로 돌아온 상태이다.&lt;/p&gt;
&lt;p&gt;엘리쌤 강의 다 듣고나면 니꼬 쌤 강의 중에도 리액트 관련 강의가 많아서 들어보고 싶은 것이 많다 ㅎㅎ&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;노마드코더 - Vanila JS로 그림판 만들기&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://nomadcoders.co/javascript-for-beginners-2&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/x0OE7/btq2qwDLZCe/PseA68MTVOwony5xUwUvbk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fx0OE7%2Fbtq2qwDLZCe%2FPseA68MTVOwony5xUwUvbk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;아, 사실 이 강의는 3월 초에 들어서 2월에 들은줄 알았다. 이 때가 애플 클론코딩 하는 중이었는데, 그 때 캔버스가 어려워서 캔버스를 공부하다가 들은 강의었다. 그러고 보니까 강의 듣는거 진짜 많넹... ㅎㅎ 언제 다 듣냐..&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://2dowon.github.io/NomadCoders_paintJS/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rAO5Q/btq2qwKxHv2/RfAjoUQB3j19welw41M8n1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrAO5Q%2Fbtq2qwKxHv2%2FRfAjoUQB3j19welw41M8n1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;해당 프로젝트가 궁금하다면 이미지를 클릭해주세요~&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;일단 이거는 내가 니꼬 쌤 강의 듣고 만든건데, 해당 강의에다가 로컬 이미지를 직접 업로드해서 그 이미지에 그림을 그릴 수 있는 기능이랑 지금까지 그린 것을 다 없애는 clear 기능, 마지막으로 원하는 색을 선택할 수 있는 기능까지 추가로 더 작업했다. 더 자세한 내용은 TIL 블로그에 작성했으니까 &lt;a href=&quot;https://2dowon.netlify.app/project/paintjs/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;여기서!&lt;/a&gt; 확인할 수 있다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;JavaScript30&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://javascript30.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b2ArcN/btq2truYqJD/mHeQz5CfCNFkN3m8MS7Gc1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb2ArcN%2Fbtq2truYqJD%2FmHeQz5CfCNFkN3m8MS7Gc1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 강의로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;JavaScript30는 30일동안 하루에 한 개씩 Vanila JS(Frameworks, Compilers, Libraries, Boilerplate 등이 없는 순수 자바스크립트)를 이용해 총 30개의 결과물을 만드는 강의이다. JavaScript 기본 문법이 어느정도 끝난 상황에서 JavaScript를 더 단단하게 만들기 위해 간단한 프로젝트를 찾아보는 중에 발견했다. 하루에 하나씩이 목표이긴 한데, 넉넉히 4월 안으로 끝냈으면 하는 바램으로 진행중이다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;JavaScript30 프로젝트는 진행하면서 &lt;a href=&quot;https://2dowon.netlify.app/?category=javascript30&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;TIL&lt;/a&gt;에 그 내용을 기록하고 있다. 그리고 아래는 내가 포트폴리오 용으로 만든 사이트이다! 진행하고 있는 &lt;span style=&quot;color: #333333;&quot;&gt;JavaScript30 프로젝트를 한눈에 보기 좋아서 만들었다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;600&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://2dowon.github.io/JavaScript30/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/biZzBs/btq2plWwbF6/OIe7gz4BXxt1pzpJRuJFF0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbiZzBs%2Fbtq2plWwbF6%2FOIe7gz4BXxt1pzpJRuJFF0%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;600&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;figcaption&gt;이미지를 클릭하면 사이트로 이동합니다!&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;Interactive Web&lt;/h2&gt;
&lt;p&gt;프론트엔드로 결정하게 된 결정적 계기가 사실 Interactive Web이다. 프로그래밍 공부를 시작하기 전에는 사진도 찍고, 영상도 만들고 그랬었는데 &lt;span style=&quot;color: #333333;&quot;&gt;Interactive Web이 모션그래픽과 비슷하다. 그래서 프로그래밍으로도 이렇게 매력적인 애니메이션을 만들 수 있구나라는 생각이 들어서 열심히 공부하는 중이었다. 근데 진짜 너무 어렵다... 오랜만에 삼각함수부터 시작해서 오랜 수학 개념도 다시 공부중이다 ㅜㅜ&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;구글의 Interactive 개발자이신 김종민 님의 유튜브를 많이 참고하면서 공부했다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;600&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UCdeWxKJuvtUG2xyN6pOJEvA&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bS9n5S/btq2ubrSmvi/M6r9uIj1NK1FGuDm8fEjrk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbS9n5S%2Fbtq2ubrSmvi%2FM6r9uIj1NK1FGuDm8fEjrk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;600&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;주짓수 화이트벨트 3그랄!&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;IMG_9365.jpg&quot; data-origin-width=&quot;1125&quot; data-origin-height=&quot;1125&quot; width=&quot;400&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/QdSgR/btq2s5lpb9h/9Eb2cVzzPJoOBvzRbQcfu1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/QdSgR/btq2s5lpb9h/9Eb2cVzzPJoOBvzRbQcfu1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/QdSgR/btq2s5lpb9h/9Eb2cVzzPJoOBvzRbQcfu1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FQdSgR%2Fbtq2s5lpb9h%2F9Eb2cVzzPJoOBvzRbQcfu1%2Fimg.jpg&quot; data-filename=&quot;IMG_9365.jpg&quot; data-origin-width=&quot;1125&quot; data-origin-height=&quot;1125&quot; width=&quot;400&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;프로그래밍 공부 외에 가장 열심히 하는게 바로 주짓수이다. 이제 진짜 시작한지 1년정도 됐는데, 중간 중간 코로나 때문에 쉰거 생각하면 9개월 정도 다니지 않았나 싶기도 하고! 쨋든 1년 내내 코로나로 도장 닫을 때 빼고는 진짜 꾸준히 다녀서 벌써 3그랄이다. 내년에는 블루벨트가 될 수 있겠다는 희망이 보이기두 하고 ㅎㅎ 운동 이렇게 열심히 재밌게 하는 것도 중고등학생 때 농구 했을 때 다음으로 처음이라 진짜 오랜만이다. 프로그래밍 공부하면서 진짜 내내 앉아있느라 체력이 많이 줄었는데, 그래도 주짓수를 꾸준히 한 덕분에 안아프고 계속 공부를 할 수 있었지않나 싶다. 3그랄도 이미 과분하지만, 그래도 3그랄이 됐으니까 4그랄은 또 언제쯤 받으려나!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;4월에는!&lt;/h2&gt;
&lt;p&gt;사실 이미 4월이 반정도가 지나버렸는데, 소마 합격 한 것을 알았으니까 그걸 기준으로 4월 계획을 세워보자면!&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;일단 최대한 많이 멘토링 들어보기! 나는 주변에 소마를 했던 사람들이 없다보니까 물어볼 사람이 없다..ㅜㅜ 그만큼 더 멘토링을 많이 듣고, 다양한 사람들을 만나보자. 그리고 먼저 연락해보기!&lt;/li&gt;
&lt;li&gt;4월 중순에 챗봇 만들기 프로젝트가 있으니까 관련 인강 들어보기!&lt;/li&gt;
&lt;li&gt;프로젝트 주제 생각해보기. 프로젝트는 진짜 해보고 싶은 걸 해야 그만큼 애정이 생기기도 하고, 나중에 거의 6개월동안 해야되는 프로젝트인데, 이왕이면 재밌는 주제로 잘 선택해서 해보고 싶다.&lt;/li&gt;
&lt;li&gt;드림코딩 리액트 완강해서 리액트를 좀 더 자유롭게 써보기. 리액트가 익숙해져야 나중에 프로젝트 할 때나 당장 5월에 해커톤있을 때도움이 될 것 같다.&lt;/li&gt;
&lt;li&gt;node.js나 TypeScript 시작하기. 둘 중에 고민중이긴 한데 아무래도 당장 백엔드를 해야될 가능성도 무시못하기 때문에 node.js를 먼저 공부해보지 싶다. 30% 쿠폰 받은걸로 얼른 들어야지.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;마지막으로 포트폴리오 만들기!!!!!! 진짜 슬슬 포트폴리오 웹 사이트를 만들어야할 것 같은데, 계속 미뤄진다... 조만간 애증의 투두리스트처럼 애증의 포트폴리오가 될 것 같다. 더 바빠지기 전에 만들어야되는데ㅜㅜ&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>노마드코더</category>
      <category>드림코딩</category>
      <category>소마 12기</category>
      <category>회고</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/15</guid>
      <comments>https://dwon-lee.tistory.com/15#entry15comment</comments>
      <pubDate>Tue, 13 Apr 2021 12:44:40 +0900</pubDate>
    </item>
    <item>
      <title>일일커밋(Daily Commit) 100일 회고</title>
      <link>https://dwon-lee.tistory.com/14</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/beg841/btq2hCEAsUH/nM7gMJo5i5WZZxGcvCvj30/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/beg841/btq2hCEAsUH/nM7gMJo5i5WZZxGcvCvj30/img.png&quot; data-alt=&quot;2021.01.02 ~ 2021.04.12&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/beg841/btq2hCEAsUH/nM7gMJo5i5WZZxGcvCvj30/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbeg841%2Fbtq2hCEAsUH%2FnM7gMJo5i5WZZxGcvCvj30%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;2021.01.02 ~ 2021.04.12&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;프로그래밍을 공부하기 시작한 작년 10월부터 GitHub에 잔디들이 조금씩 깔리기 시작했다. 이 때는 주로 학원에서 공부한 내용들을 집에서도 공부하기 위해 백업하는 용도로 많이 사용했었고, 그러다보니 학원을 가지 않는 날에는 공부를 해도 커밋을 하지 않았었다. 그렇게 한, 두달 정도 지나고 듬성듬성한 잔디밭 사이에 유독 잔디가 많은 곳들이 예뻐보였고, 새해가 밝았으니 새로운 목표로 일일커밋을 해보는 것도 좋겠다는 생각이 들었다. 그리고 또 마침 새해부터 학원이 끝날 때까지 일일커밋을 성공하면 100일정도가 되기 때문에 일단은 100일 회고로 목표로 시작했고, 오늘이 딱 100일이 되는 날이라 &lt;b&gt;일일커밋 100일 회고&lt;/b&gt;를 작성해보려고 한다!&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;일일 커밋(Daily&amp;nbsp;Commit)&lt;/h2&gt;
&lt;p&gt;일일 커밋은 1일 1커밋이라는 뜻으로 매일 매일 GitHub에 커밋을 하는 것이다. &lt;span style=&quot;color: #333333;&quot;&gt;GitHub에 커밋을 하게 되면 위 내 깃허브 잔디밭처럼 초록초록하게 채워지게 된다. 이는 깃허브에 들어갔을 때 제일 눈에 띄는 공간으로 꾸준히 공부를 하는 성실함의 지표가 되기도 한다.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;일일 커밋을 하기 위해 내가 참고했던 링크!&lt;/span&gt;&lt;/h4&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://jojoldu.tistory.com/402&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;이동욱 님 - 일일커밋의 효용성&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://milooy.github.io/TIL/ETC/daily-commit.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;진유림 님 - 일일커밋 100일 회고&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;일일 커밋을 위해&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;일일 커밋을 하기 위해 딱 하나의 규칙은 꼭 지켰다. 바로 당연한 것이지만&lt;b&gt; '의미없는 커밋은 하지 않기'&lt;/b&gt; 이다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;보통 나의 커밋은 TIL 작성과 강의를 듣고 해당 코드를 커밋하는 경우가 많았고, 이때가 소마 12기를 준비할 때라서 코딩 테스트를 위해 알고리즘 문제를 풀고 그 내용을 커밋한 날도 많았다. 알고리즘 문제 풀이는 거의 매일 한 문제씩 꾸준히 푸는 것에 가까워서 이 보다는 앞서 얘기한 TIL, 강의 코드 커밋에 집중하려고 노력했다. 하지만&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;의미없는 커밋을 하지 않기 위해 정말 커밋을 할 만한 내용이 없는 날에는 알고리즘 문제를 푼 내용만 커밋하기도 했다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;일일 커밋을 통해&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;일일 커밋을 진행한 100일을 통해 좋은 습관들이 생겼다.&lt;/span&gt;&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;커밋의 중요성&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;하루에 한 번은 무조건 컴퓨터 앞에 앉아서 코드 작성하기&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;TIL을 꾸준히 작성하기 &lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;커밋의 중요성&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;사실 이 전에는 커밋은 꼭 필요할 때만 해야 된다고 생각했다. 귀찮았고, 어려웠기 때문이다. 지금 생각해보면 귀찮았기 때문에 어려웠던 것 같다. 귀찮다는 이유로, 중요하지 않다라는 이유로 커밋은 꼭 필요하지 않을 때 하지 않으면 하지 않았고, 자주 안하다보니까 결국 어려웠던 것이기 때문이다. 지금은 무언가를 할 때마다 하나씩 기록한다는 의미에서 커밋을 하기 시작했고, 그렇게 커밋을 하다보면 나중에 내가 커밋한 기록을 통해서 소스 코드의 변화를 알 수 있기 때문에 좋았다. 커밋의 기록을 나중에 더 보기 좋게 확인하기 위해서는 커밋 메세지 컨벤션에 대해서도 한 번 정리해서 적용하도록 해봐야겠다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;하루에 한 번은 무조건 컴퓨터 앞에 앉아서 코드 작성하기&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;커밋을 하기 위해서는 하루에 한 번은 무조건 컴퓨터 앞에 앉아서 코드를 작성해야만 했다. 강의가 너무 듣기 싫은 날도, 정리할 것이 없는 날에도 일단 알고리즘이라도 한 문제 풀어서 커밋하자 라는 마음으로 컴퓨터에 앉았다. 그렇게 일단 앉기만 하면 진짜로 알고리즘 1문제만 풀어서 커밋한 날보다는 이미 앉은 김에 강의도 듣고, TIL도 작성한 날들이 꽤 많았다. 만약 일일 커밋을 하지 않았더라면 오늘은 쉬자라는 생각에 컴퓨터를 한번도 켜지 않고 흐르는 날들도 꽤 있었을텐데, 일일 커밋을 통해 확실히 절대적인 공부의 시간이 늘었던 것 같다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;TIL 꾸준히 작성하기&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;나는 모든 기록을 일단 노션에 한다. 아무래도 작성하기 편하고, 익숙하기 때문이다. 또한 노션의 경우 개인적인 공간이라서 정말 편하게 적을 수 있어서 일단 첫 기록은 모두 노션에 하는 편이다. 그래서 TIL은 따로 글을 작성해야 하고, 나 혼자만 보는 것이 아닌 다른 사람들에게 지식을 공유하는 글을 작성하다 보니까 아무래도 처음에는 적는 것이 쉽지 않았다. 하지만 일일 커밋을 시작한 후에는 TIL 작성도 하나의 커밋이 되기 때문에 오늘의 커밋으로 작성하려고 많이 노력했고, 그 덕분에 TIL을 처음 만들었을 때에 비해서 이제는 꽤 꾸준히 작성하고 있다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;앞으로는 &lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;일일 커밋의 가장 큰 목표가 100일 회고를 작성하는 것이었기 때문에 일단 오늘로써 나의 일일 커밋은 성공이다. 일일커밋 100일에 성공했다고 해서 당장 내일부터는 일일 커밋 안해야지, 이런 것은 절대 아니지만 그래도 조금은 편안한 마음을 가져볼까 한다. 100일동안은 진짜 하루라도 커밋이 없으면 안될 것 같아서 밤 늦은 시간부터 새벽에 커밋을 한 경우가 많았는데, 이제는 그런 집착은 좀 버리고 좀 더 의미있는 커밋에 집중하려고 한다. 일일커밋 100일 통해 좋은 습관을 만들었으니, 앞으로는 이 습관을 유지하면서 더 좋은 코드를 작성하는 것을 목표로 하자!&lt;/span&gt;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>Daily Commit</category>
      <category>일일커밋</category>
      <category>회고</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/14</guid>
      <comments>https://dwon-lee.tistory.com/14#entry14comment</comments>
      <pubDate>Mon, 12 Apr 2021 11:54:58 +0900</pubDate>
    </item>
    <item>
      <title>SW마에스트로 12기 지원 &amp;amp; 합격 후기</title>
      <link>https://dwon-lee.tistory.com/13</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;KakaoTalk_Photo_2021-04-03-13-52-50.jpeg&quot; data-origin-width=&quot;900&quot; data-origin-height=&quot;795&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bovvkl/btq1JVDREc9/PUDxfTk3DJG1J7ELkSM7x1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bovvkl/btq1JVDREc9/PUDxfTk3DJG1J7ELkSM7x1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bovvkl/btq1JVDREc9/PUDxfTk3DJG1J7ELkSM7x1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbovvkl%2Fbtq1JVDREc9%2FPUDxfTk3DJG1J7ELkSM7x1%2Fimg.jpg&quot; data-filename=&quot;KakaoTalk_Photo_2021-04-03-13-52-50.jpeg&quot; data-origin-width=&quot;900&quot; data-origin-height=&quot;795&quot; width=&quot;500&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;이번에 &lt;a href=&quot;https://swmaestro.org/sw/main/main.do&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;SW마에스트로&lt;/a&gt; 12기를 준비하면서 이전 기수 선배님들과 지원해주셨던 모든 분들의 글을 많이 참고했습니다. 사전 정보가 거의 없고, 주변에 같이 준비하거나 물어볼 사람이 거의 없었던 저에게는 이런 정보들이 정말 소중했기에 저도 12기 그 이후를 준비하시는 분들을 위해 간단히 지원 과정을 기록해두려고 합니다. (혹시 궁금하신 점이 있다면 댓글로 편하게 물어봐주세요~)&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;서류 전형&lt;/h2&gt;
&lt;p&gt;서류 전형은 합격률 99.9%라고 알고 있을 정도로 내용을 성실하게 작성해주신 분들이라면 다 합격하는 것으로 알고 있습니다. 하지만 나중에 면접까지 가신다면 이때 작성한 서류가 곧 면접 내용이 되니 거짓된 정보 없이, 최대한 성실하게 작성해주시고 작성 후에는 꼭!! 저장해두셔서 나중에 읽어보셔야 합니다!&amp;nbsp;&lt;/p&gt;
&lt;p&gt;그리고 사실 저는 비전공자 출신에 국비학원을 통해 프로그래밍을 처음 배우는 입장에서 자기소개서에 쓸만한 프로젝트가 없었습니다. 국비학원에서 진행했던 프로젝트는 파이썬과 자바를 이용한 프로젝트였기에 프론트엔드 개발자로써 작성하는 자기소개서에는 더더욱 쓸 수가 없었습니다. 그래서 자기소개서 1번 문항을 협업에 포인트를 두어서 작성했습니다. 소마를 지원할 때 진행했던 프로젝트가 있다면 당연히 유리하겠지만, 없더라도 자신의 다른 장점을 살려서 작성하신다면 충분히 합격하실 수 있다고 생각합니다. :D&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;자기소개서&lt;/h4&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;소프트웨어분야 전문성을 키우기 위해 남들과 달리 특별한 노력을 한 경험을 서술하여 주시기 바랍니다.&lt;/li&gt;
&lt;li&gt;귀하의 장래희망을 서술하여 주시기 바랍니다.&lt;/li&gt;
&lt;/ol&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;연수 계획서&lt;/h4&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;귀하께서는 20201년도 SW마에스트로 연수과정에서 동료 연수생들과 협력하여 새로운 프로젝트를 완성하여야 합니다. 어떤 능력을 갖춘 연수생들과 어떤 프로젝트를 어떻게 수행할 것인지 귀하의 구체적인 계획을 서술하여 주시기 바랍니다.&lt;/li&gt;
&lt;li&gt;2021년도 SW 마에스트로 연수 과정에서는 연수생에게 장학금, IT기기 및 프로젝트 활동비 등을 지원할 예정이며, 본인이 희망하는 온라인 강의와 프로젝트 수행을 도와주는 멘토를 통해 귀하의 SW능력을 향상, 발전할 수 있는 기회를 제공하고 있습니다. 앞으로 귀하께서 본 과정을 통해 이루고자 하는 목표가 무엇인지 구체적으로 서술하여 주시기 바랍니다.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;코딩 테스트 1차 &amp;amp; 2차&lt;/h2&gt;
&lt;p&gt;서류 전형에 합격하셨다면 그 다음은 코딩 테스트입니다. 이번 기수 역시 작년처럼 코로나로 인해 온라인으로 진행됐습니다.&lt;/p&gt;
&lt;p&gt;코딩 테스트 난이도는 제가 백준 기준 실버 3 정도인데, 코딩 테스트 1차 알고리즘 문제들은 풀만했고, 2차는 좀 어려웠습니다. 그리고 작년 11기부터 코딩 테스트에 WEB과 SQL 문제가 추가되었는데, 저는 알고리즘보다 WEB, SQL에 자신이 있어서 1차와 2차 모두 풀었습니다.&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;코딩 테스트 1차&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;코딩 테스트 1차의 경우 2시간 동안 &lt;span style=&quot;color: #333333;&quot;&gt;알고리즘 6문제와 WEB 1문제, SQL 1문제로 총&amp;nbsp;&lt;/span&gt;8문제가 나왔습니다. 저는 알고리즘 4문제, &lt;span style=&quot;color: #333333;&quot;&gt;WEB 1문제, SQL 1문제로 총 6문제를 풀었고, 통과했습니다.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;알고리즘 문제의 경우, 백준 실버 3 기준 무난했던 것 같습니다.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;SQL 문제는 JOIN 정도 알고 있으면 풀 수 있는 정도로 &lt;a style=&quot;letter-spacing: 0px;&quot; href=&quot;https://programmers.co.kr/learn/challenges?tab=sql_practice_kit&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;프로래머스 SQL 고득점 KIT&lt;/a&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt; 정도만 미리 풀어보시면 될 것 같습니다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;WEB 문제는 JS는 하나도 없이 CSS만 알고 있으면 풀 수 있는 수준의 문제였습니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;코딩 테스트 2차&lt;/h4&gt;
&lt;p&gt;코딩 테스트 2차의 경우 &lt;span style=&quot;color: #333333;&quot;&gt;2시간 동안&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;알고리즘 3문제와 WEB 1문제, SQL 1문제로 총 5&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;문제가 나왔습니다. 저는 알고리즘 1문제,&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;WEB 1문제, SQL 1문제로 총 3문제를 풀었고, 통과했습니다. 2차 코딩 테스트의 경우, 1차와 다르게 화면 공유가 된 상태에서 진행됐습니다. 그렇기 때문에 당연히 듀얼모니터를 사용하지 못했고, 평소 듀얼 모니터가 익숙한 저는 오랜만에 13인치의 작은 맥북 화면을 보면서 코딩 테스트를 풀었어야 했습니다ㅜㅜ&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #333333;&quot;&gt;알고리즘 문제는 1문제는 풀었고, 1문제는 시간 부족으로 풀다가 제출하지 못했습니다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;SQL 문제는 이번에도 &lt;span style=&quot;color: #333333;&quot;&gt;JOIN 정도 알고 있으면 되는데, 그래도&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;확실히 1차에 비해서는 어려웠습니다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;WEB 문제는 간단한 JS를 이용하는 문제였는데, 평소 듀얼모니터의 큰 화면이 아닌 13인치의 작은 화면 속에서 오타가 잘 안보여서 문제 난이도에 비해 시간이 많이 걸렸습니다.ㅜㅜ&lt;/li&gt;
&lt;li&gt;(+) 면접 때 다른 분들과 2차 코딩테스트를 몇 문제 정도 풀었는지 얘기했었는데, 평균 3문제였습니다!&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;면접&lt;/h2&gt;
&lt;p&gt;면접까지 볼 수 있을 것이라 기대하지 않았어서 사실 면접 준비는 코딩 테스트 2차 합격한 후부터 일주일정도 밖에 하지 못했습니다. 처음으로 개발자로써 면접을 준비하면서 그동안 공부해왔던 지식들을 다시 한 번 정리할 수 있는 기회가 되었고, 앞으로 어떻게 공부해야겠다라는 생각이 들었던 소중한 기회였습니다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;면접의 경우, 관련 글들을 찾다보면 정말 케바케라고 하던데 진짜 그렇습니다...ㅎㅎ 후기에서는 CS 관련 지식보다는 what if처럼 상황이 주어지고, 이 상황에서 어떻게 할 것인지를 물어보는 질문이 많았다라는 후기가 많았는데, 저희 면접방 같은 경우에는 CS 지식 위주의 질문들이었습니다. 그리고 공통 질문도 거의 없이, 서류에 제출했던 내용을 바탕으로 적었던 관련 기술과 프로젝트에 관한 질문이 대부분이었습니다.&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;공통 질문&lt;/h4&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;자기 소개 (1분)&lt;/li&gt;
&lt;li&gt;프로젝트를 진행하면서 기술적으로 제일 어려웠던 부분&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;개인 질문&lt;/h4&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;HTML, CSS, JavaScript에 대해 간단한 설명&lt;/li&gt;
&lt;li&gt;AJAX란&lt;/li&gt;
&lt;li&gt;제이쿼리란&lt;/li&gt;
&lt;li&gt;유지보수가 좋은 코드란&lt;/li&gt;
&lt;li&gt;유지보수를 할 수 있는 기법&lt;/li&gt;
&lt;li&gt;함수의 길이는 몇 줄 정도가 적절한가&lt;/li&gt;
&lt;li&gt;응집성과 결합도에 대해 설명하시오&lt;/li&gt;
&lt;li&gt;상속과 위임에 대해 설명하시오&lt;/li&gt;
&lt;li&gt;타입스크립트의 특징&lt;/li&gt;
&lt;li&gt;자바스크립트에서 동적 타이핑이 발생할 경우에 생기는 문제&lt;/li&gt;
&lt;li&gt;개인 프로젝트 관련 질문 (어떻게 구현할 것인지)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;저는 프론트엔드 개발자를 목표로 한다고 했고, 관련 기술로는 자바스크립트와 타입스크립트를 적었습니다. 그래서 위와 같은 질문들을 받았었고, 관련 기술이 다르신 다른 면접자분들은 당연히 저와는 완전히 다른 질문들을 받았습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #333333;&quot;&gt;솔직히 면접을 보면서 '모르겠습니다'라는 대답도 몇 번 했기 때문에 면접이 끝난 후에 진짜 망했다라는 생각만 들었는데, 솔직한 대답들이 좋은 점수를 받았는지 운이 좋게 최종적으로 소프트웨어 마에스트로 12기에 합격할 수 있게 되었습니다.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;color: #333333;&quot;&gt;소프트웨어 마에스트로를 준비하시는 모든 분들에게 좋은 결과가 있기를 바랍니다!&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</description>
      <category>2dowon</category>
      <category>SW마에스트로</category>
      <category>SW마에스트로 12기</category>
      <category>소마</category>
      <category>소프트웨어 마에스트로</category>
      <author>2dowon</author>
      <guid isPermaLink="true">https://dwon-lee.tistory.com/13</guid>
      <comments>https://dwon-lee.tistory.com/13#entry13comment</comments>
      <pubDate>Sat, 3 Apr 2021 13:53:53 +0900</pubDate>
    </item>
  </channel>
</rss>