Yung_Developer

레벨 4의 첫 미션인 성능 최적화 미션은 AWS S3와 Cloudfront로 배포해야 합니다. 따라서 CI/CD를 적용하지 않으면 코드의 변경사항이 생길 때마다 매번 수동으로 빌드해야 합니다. 그리고 드래그 앤 드랍으로 S3 버킷에 파일을 업데이트 해줘야 합니다. 하지만 Github Actions를 이용해 CI/CD를 적용한다면 이러한 불편함을 단번에 해소할 수 있습니다. 다음과 같은 순서로 Gihub Actions를 적용해보겠습니다. 1. S3와 Cloundfront 생성 및 연동 2. S3 ACL(액세스 제어 목록) 편집 3. 개인 AWS 계정 새 액세스키 발급 4. Github Settings에서 Secrets 추가 5. Github Actions workflow 생성 6. 자동 배포 결과 확인 1..

1. Custom DOM Library DOM API를 통해 요소 노드를 불러오는 것은 꽤나 번거로운 일이다. 이를 해결하기 위해 Lv.1-1 자동차 경주 미션에서 jQuery 스타일로 코드를 작성하는 방법을 익혔다. 그리고 강의 시간에 준이 이보다 더 개선된 형태의 custom DOM library를 만들어봐도 좋을 것 같다는 이야기를 해주었다. 페어였던 카일이 주도하여 custom DOM library를 만들었고 그 코드는 다음과 같다. export const $ = (() => { const constructor = function (selector) { if (!selector) { return; } this.targets = document.querySelectorAll(selector); th..

우아한 테크 코스에는 크루들이 하나의 주제를 선정해 다른 크루들에게 내용을 전달하는 '테코톡'을 매주 진행한다. 학창시절부터 꽤 많은 발표를 해봤지만 나보다 더 실력있고 잘 아는 사람들 앞에서 발표를 진행해야한다는 점은 부담스럽게 느껴졌다. 특히, 테코톡 발표가 녹화되어 유튜브에 업로드 된다는 사실도 하나의 부담으로 다가왔다. 테코톡 한 주 전부터 주제와 관련된 책을 읽고 검색을 했다. 또 나보다 더 잘 아는 분들이 계시기에 신빙성이 있는 자료를 찾기 위해 노력했다. 프론트엔드의 첫 발표를 맡게 된 필자의 테코톡 주제는 DOM과 BOM 이었다. 처음에는 DOM과 BOM이라는 주제가 백엔드 크루들에게는 다소 흥미가 떨어지는 주제라고 생각했다. 그래서 발표 자료의 많은 부분에 사용자가 보는 화면을 웹 브라우..