IT일상

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/26/ $ webpack --mode production $ git commit -m "build: 웹 페이지 Webpack 빌드" $ git push origin main # 이러한 과정을 매 커밋마다 반복 커밋할 때 마다 빌드를 하고, 배포를 하시나요? 더 이상 그러지 않아도 됩니다. GitHub Actions GitHub에서 제공하는 CI/CD 도구입니다. CI/CD는 간단하게 말하자면 빌드, 테스트, 배포를 자동화하는 것을 뜻합니다. 지금 이 글에서 하고자 하는 것입니다. GitHub 에서 커밋 오른쪽에 ✔ 체크 아이콘을 본 적 있나요? GitHub에 커밋이 push될 때 마다 자동으로 GitHub Actions가 수행되..

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/25/ 본 글에서는 Custom Element를 적용해보는 위주로 다룹니다. 상세한 내용을 확인하려면 아래의 링크를 참고해주세요. WHATWG Spec: https://html.spec.whatwg.org/multipage/custom-elements.html MDN - Using custom elemtns: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements More capable form controls: https://web.dev/more-capable-form-controls/ Custom Elements best practi..

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/24/ 웹 페이지: https://solo5star.github.io/web-introduction 소스코드: https://github.com/solo5star/web-introduction 우아한테크코스에서 미션이 도착하였습니다! 프론트엔드, 백엔드, 안드로이드 과정들은 웹 기초 강의를 듣고 아래와 같은 형식으로 페이지를 제작해야 합니다. 프론트 과정만 미션을 하는 것이 아니라 백엔드, 안드로이드 과정도 이 미션을 한다고? 프론트엔드의 자존심을 걸고 백엔드, 안드로이드보다 화려하게 만들겠다 다짐했습니다. 3D 효과를 넣으면 화려하지 않을까? 하는 생각에 3D 효과를 찾아보았고, 아래와 같은 예제를 발견할 수 있었습니다. 이걸..

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/23/ 원래 레노버 슬림7 요가 14ARH를 쓰고 있었습니다. 램이 8GB인데, 너무 답답하여 노트북을 바꿨습니다. 얼마 전 G마켓 한가위 빅세일 할인 이벤트로 69만원에 팔던데 중고로 55만원에 올라왔길래 바로 중고로 샀습니다. 사양은 이렇습니다. * CPU: 라이젠 램브란트 6600HS (3.3GHz-4.5GHz) * RAM: DDR5 16GB (6400MHz) * 디스플레이: 14인치 16:10, 2880x1800, sRGB 100%, 400nit, 90Hz * 저장장치: 삼성전자 PM9A1 512GB (PCIe 4.0x4 NVMe) * 그래픽: AMD Radeon 660M * 무선통신: 리얼텍 RTL8852BE 802.1..

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/22/ 합격 후기에서만 수십 수백번 봐왔던 위 이미지를, 나도 메일로 받았다. 남들보다 좋은 결과를 만들려 열심히 노력하였었는데 보답받은 기분이다. 우아한테크코스 5기 일정 프리코스 4주가 있기 때문에, 전체적인 지원 기간이 정말 길다. 서류 지원부터 최종 합격자 발표까지 2개월이 넘는다. 지원자부터 프리코스, 최종 합격까지 인원 5기 기준으로 지원자는 총 3300명이며 최종 합격은 175명(BE 100, FE 50, AOS 25)이다. 전체 경쟁률은 약 18.8:1이다. 주차마다 인원이 줄어드는 것은 합격/불합격이 아니라 제출하지 않은 사람들이 생겼기 때문이다. 아래는 각 포지션 별 경쟁률이며 프리코스 1주차 제출 인원을 기준..

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/21/ 어느덧 우아한테크코스 프리코스 기간이 끝나간다. 4주라는 기간이었는데 긴 시간이지만 너무 빠르게 지나간 듯 했다. 마지막 주 미션을 마무리하며 프리코스 기간에 대한 회고를 남겨보려고 한다. 프리코스란? 우아한테크코스의 지원 과정은 다른 부트캠프와 다르게 4주간 프리코스 기간을 가지며 각 주마다 주어진 과제를 해서 제출해야 한다. 프리코스 기간이 끝나고 중간 합격 발표가 나오며 프리코스를 통과한 사람은 최종 코딩테스트를 통해 최종 합격자가 결정되는 구조이다. 5기에서는 백엔드 100명, 프론트엔드 50명, 모바일 안드로이드 25명을 선발한다. 참고로 필자는 프론트엔드로 지원하였다. 우테코에 지원한 사람들은 모두 슬랙에 초대..

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/20/ 최근 당당치킨이 화제가 되고 있다. 치킨 3만원 시대에 6990원이라는 저렴한 가격으로 판매하기 때문이다. 뿐만 아니라 마트치킨 치고는 맛이 좋다는 평도 있다. 치킨이든 뭐든 요즘 밖에서 사먹기가 쉽지가 않다. 물가가 너무 올랐기 때문이다. 물가가 오르기 전에도 치킨은 다소 부담스러운 가격이었는데 요즘 같은 시대에 한 마리 7천원이라니. 마치 10년 전 롯데마트 통큰치킨을 보는 것 같았다. 홈플러스 당당치킨은 매장/온라인에서 구매가 가능하다. 매장에서는 구할 수 있는 시간이 따로 있는 것 같은데 이 시간에 맞춰서 방문하면 구매할 수 있을거라 보인다. 그러나 홈플러스까지 거리가 좀 멀고 온라인으로 주문하여 배송받는 것이 편..

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/19/ 작업관리자는 윈도우 PC를 사용하는 사람들에겐 너무나도 친숙한 프로그램입니다. 렉이 걸린다면 CPU를 너무 많이 잡아먹고 있는건지, 메모리가 부족한건지 직관적으로 확인할 수 있습니다. 그렇다면 리눅스에서의 작업관리자는 어떻게 사용할 수 있을까요? 물론 유사한 프로그램은 많이 있습니다. Ubuntu에서 제공하는 시스템 감시를 사용하거나 터미널 환경에서 사용할 수 있는 htop이 있습니다. 그러나 이러한 프로그램들은 훨씬 과거의 데이터까지 표시해주지 않습니다. 예를 들어 자는 동안 CPU에 과부하가 걸리진 않았는지 확인은 어렵다는 거죠. prometheus와 grafana를 사용함으로서 가능한 것들 * 모니터링 데이터를 반영..