전체 글

전체 글

    [JavsScript] self란 무엇인가?

    [JavsScript] self란 무엇인가?

    안녕하세요! 정말 오랜만에 작성하는 포스팅인 것 같습니다. 최근 바쁜 일도 생기고 이런저런 개인 사정 때문에 블로그 관리에 소홀했던 것 같습니다.. 여름 시즌까지 꽤 바쁠 것 같은데 시간 쪼개서 글 자주 업로드해보도록 노력하겠습니다 :) 이번 포스팅에서는 자바스크립트의 self에 대해 알아보려고 합니다. this는 많이 접해보셨을텐데 self는 보신 분들도 있을 테고 이번이 처음이신 분들도 있을 수 있습니다. 그렇게 널리 사용되는 친구는 아니기 때문인데요..! 이번 포스팅을 통해 self가 무엇인지 한 번 알아보도록 합시다. 1. self란 무엇인가? w3c의 문서를 확인해보니, self는 읽기 전용 속성이며 WindowProxy로서의 window 자신을 반환합니다. 라고 합니다. 처음 접한 self인데..

    [Apple] MacBook Pro 13" 2019년형 개봉기

    [Apple] MacBook Pro 13" 2019년형 개봉기

    안녕하세요 이번 포스팅에서는 드디어 맥북프로 개봉기를 작성하려고 합니다~ 기존에 사용하던 노트북은 거의 4년 전 쯤 구매한 Acer의 노트북을 사용중이었습니다. i5-7500u, 8GB 램, 250GB SSD의 스펙이었으며 당시 75만원 가량에 구매했습니다. (현재 구매한 맥북과 큰 스펙 차이가 없지만 가격은 3배 더 주고 샀습니다) 자 그럼 간단한 개봉기를 시작해보도록 하겠습니다. 총알을 장전하고... 바로 구매를 했습니다. 2019년형 맥북 프로 고급형 모델에 16GB 램으로 업그레이드를 진행했습니다. + 영문 키보드 고급형에 램 업그레이드를 진행하니 280정도 나오더군요;; 바로 학생할인 박아서 264만원에 결제했습니다. 사실 2018년형이랑 큰 성능 차이도 없고, 외형도 동일해서 고민을 많이 했습..

    [Apple] Magic Keyboard (2세대) 개봉기

    [Apple] Magic Keyboard (2세대) 개봉기

    안녕하세요 이번 포스팅에서는 매직 키보드 2세대 개봉기를 작성할까 합니다! 아이패드 키보드를 알아보던 중 곧 도착할 맥북 프로도 생각하니 매직키보드가 제일 나을 것 같아서 구매를 하게 됬습니다! 1세대는 건전지를 교체해줘야 했는데 2세대는 충전식으로 바뀌게 되면서 많은 유저들이 2세대로 갈아탔다고 합니다. 저는 선택권 없이 2세대로 사버렸지만 1세대가 있었어도 2세대를 샀을거에요 (??) 박스 정면샷입니다. 누가봐도 키보드가 들어있네요 매직키보드는 구매한지 3일도 안지나서 매우 따끈따끈합니다. 2019년 7월에 제조되었네요 박스 내부를 옆으로 밀면 스윽 하고 열립니다 저는 한글 각인이 없는 영문 버전으로 구매했습니다. 전체 구성품은 위와 같습니다. 키보드 본체 라이트닝 케이블 설명서 및 보증서 그냥 찍었..

    [Apple] Apple Pencil (1세대) 개봉기

    [Apple] Apple Pencil (1세대) 개봉기

    안녕하세요! 이번 포스팅에서는 애플 펜슬 1세대 개봉기를 작성할까 합니다~ 아이패드 6세대 사용할땐 펜슬을 구매할 마음이 없었으나 미니5를 데리고 온 후 마음이 바뀌게 되었네요.. 간단한 개봉기를 작성해보도록 하겠습니다! 애플 펜슬의 박스입니다. 증말 깔끔하네요 박스 뒷면. 아이패드 프로, 아이패드 6세대 지원이라고 적혀있으나, 이번에 새로 출시한 아이패드 에어와 미니도 지원합니다. 스스슥 박스를 열어보면 안봐도 뻔할 설명서 및 보증서가 있을테고 그 아래에는 펜슬이 있을겁니다. 짠 매끈한 애플 펜슬이 보이네요 박스에서 처음으로 저를 반겨준 친구는 설명서와 보증서 그리고 변환잭, 여분의 펜촉이 하나 들어있습니다 애플펜슬의 펜촉은 소모품입니다 오래 쓰다보면 끝 부분이 닳아서 인식이 안되거나 오작동하는 경우가..

    [Apple] iPad mini (5세대) 개봉기

    [Apple] iPad mini (5세대) 개봉기

    안녕하세요~ 이번에 소개할 제품은 아이패드 미니 5세대 입니다! 기존 4세대와 비교해보면 엄청한 개선사항을 적용하여 등장했죠 미니임에도 불구하고 프로에 버금가는 A12를 탑재하여 정말 빠른 속도를 자랑합니다 디스플레이도 트루톤을 지원하며 라미네이팅 처리까지 되어있기 때문에 미니답지 않은 모습을 확인하실 수 있습니다. 심지어 애플펜슬도 지원!! 이건 꼭 사야돼 구매한지는 꽤 지났지만 그때 그 시절을 떠올리며 간단히 작성해보도록 하겠습니다 아이패드 미니가 담긴 박스입니다. 애플의 박스는 항상 저를 설레게 합니다 뒷모습입니다. 저는 64GB WiFi 모델을 구매했습니다. 박스를 개봉하면 아이패드가 정면을 보고 누워있습니다. 아이패드 뒤에는 라이트닝 케이블과 설명서 및 보증서가 있습니다. 전체 구성품은 위와 같..

    [Apple] AirPods (2세대) 개봉기

    [Apple] AirPods (2세대) 개봉기

    안녕하세요! 애플 제품 리뷰는 이번이 처음인 것 같네요~ 첫 번째로 리뷰할 제품은 "에어팟 2세대" 입니다! 본격적인 개봉기 작성에 앞서 필자 본인은 사진을 드럽게 못찍었기 때문에 미리 양해의 말씀 드립니다. 저는 기존에 에어팟 1세대를 10개월 가량 사용했던 유저입니다. 에어팟 2세대를 구매하게 된 이유는 기기간의 전환 속도 개선과 미미하지만 Latency가 조금 줄었다고 해서 구매를 결심하게 되었습니다. 에어팟 박스는 전혀 변한것이 없습니다. 에어팟 1세대가 오래되서 누렇게 변한것 빼고 구성품은 기존의 1세대와 동일합니다. 모두 꺼내서 마구 어질러보면, 박스를 열자마자 저를 반겨준 설명서와 보증서가 담긴 종이봉투가 있습니다. 그 뒤에는 오늘의 주인공인 에어팟이 있구요 이제 상자는 버리시면 됩니다. 사..

    [PWA] 프로그레시브 웹 앱 시작하기 (6) - Push, 푸시 알림

    [PWA] 프로그레시브 웹 앱 시작하기 (6) - Push, 푸시 알림

    [ 공지 ] 프로그레시브 웹 앱의 전반적인 내용에 대해 더 자세하게 배울 수 있는 도서가 출간되었습니다! 현재 블로그에 업로드된 PWA 강좌보다 더 다양하고 자세한 내용으로 구성되어있으며, 하나의 SNS 웹 앱을 개발해나가는 방식으로 실습을 진행합니다. (도서 소개 및 실습 미리보기) https://geundung.dev/106 [PWA] SNS 앱 예제로 배우는 프로그레시브 웹 앱 출간! 안녕하세요~!! 이번에 프로그레시브 웹 앱(PWA)을 주제로 한 "SNS 앱 예제로 배우는 프로그레시브 웹 앱" 을 출간하게 되어 간략히 소개하려고 합니다! 🎉 본 블로그에도 프로그레시브 웹 앱에 대� geundung.dev SNS 앱 예제로 배우는 프로그레시브 웹 앱 (구매 링크 / 2020.07.31 출간) [YE..

    [PWA] 프로그레시브 웹 앱 시작하기 (5) - Push, 푸시 알림

    [PWA] 프로그레시브 웹 앱 시작하기 (5) - Push, 푸시 알림

    [ 공지 ] 프로그레시브 웹 앱의 전반적인 내용에 대해 더 자세하게 배울 수 있는 도서가 출간되었습니다! 현재 블로그에 업로드된 PWA 강좌보다 더 다양하고 자세한 내용으로 구성되어있으며, 하나의 SNS 웹 앱을 개발해나가는 방식으로 실습을 진행합니다. (도서 소개 및 실습 미리보기) https://geundung.dev/106 [PWA] SNS 앱 예제로 배우는 프로그레시브 웹 앱 출간! 안녕하세요~!! 이번에 프로그레시브 웹 앱(PWA)을 주제로 한 "SNS 앱 예제로 배우는 프로그레시브 웹 앱" 을 출간하게 되어 간략히 소개하려고 합니다! 🎉 본 블로그에도 프로그레시브 웹 앱에 대� geundung.dev SNS 앱 예제로 배우는 프로그레시브 웹 앱 (구매 링크 / 2020.07.31 출간) [YE..

    [JavaScript] 전개 구문 활용 (Spread syntax)

    [JavaScript] 전개 구문 활용 (Spread syntax)

    이번 포스팅에서는 ES6 에 추가된 전개 구문(Spread syntax, ...) 활용 트릭을 몇 가지 소개하려고 한다. 구글링을 해보면 꽤 많은 트릭과 활용 방법들이 있는데, 그 중 간단하면서 자주 사용할 수 있는 내용으로 구성해보았으니 한 번 알아보도록 하자. Rest parameter 나머지 파라미터 Rest parameter는 전개 구문에 해당하는 내용은 아니지만 눈에 보이는 코드 상으로 유사하니 한 번 알아보려고 한다. Rest parameter는 이미 널리 사용하고 있을텐데, 함수의 매개변수 갯수가 정해져있지 않을 때 사용하게 된다. const sum = (acc, ...nums) => { for (let num of nums) { acc += num; } return acc; }; sum(0..

    깃허브 커밋 히스토리 위젯! Gito

    깃허브 커밋 히스토리 위젯! Gito

    안녕하세요! 이번 포스팅에서는 깃허브 커밋 히스토리(잔디)를 간편하게 확인할 수 있는 위젯 프로그램을 소개할까 합니다~ PC에 설치하고 깃허브 ID를 입력하면 나의 잔디를 언제든지 확인할 수 있습니다! 스크린샷으로 먼저 확인해봅시다~ 프로그램 설치 후 실행해보시면 위와 같은 모습을 확인하실 수 있습니다. 커밋 기록을 확인할 깃허브 ID를 입력한 후 엔터 또는 + 버튼을 눌러주시면 별도의 인증 없이 데이터를 가져옵니다! 2~3초 정도 기다려주시면 됩니다~ 짠! 커밋 기록을 수집하여 위젯으로 보여줍니다 또한, Ctrl + T 를 입력하면 색 테마를 변경하실 수 있습니다~! 오리지널 (초록) 블루 레드 옐로 퍼플 총 5가지의 테마가 있습니다! 커밋 기록이 있는 부분을 더블클릭하면 데이터를 새로고침 합니다! 언..