분류 전체보기
-
Intersection Observer - Lazy-loading, 무한스크롤을 구현하기 좋은 API!Frontend 2020. 11. 23. 11:15
나는 Intersection Observer API를 좋아한다.. 그냥 정이 간다. Intersection Observer는 특정 엘리먼트가 사용자의 화면에 노출되어있는지 감시할 수 있는 API이다. 이 짤 생각나고 귀엽다. web api 중 하나 2016년 4월 구글 개발자 페이지 통해 소개됨 특정 Element가 화면에 노출되어있는지 감시할 수 있는 API Intersection Observer를 사용해서 구현할 수 있는 멋진 것들 1. 이미지 Lazy-loading (지연 로딩) 웹사이트에 이미지가 많을 때 화면 상에 존재하는 이미지를 한꺼번에 불러오면 불필요한 네트워킹 비용이 증가한다. 사용자가 스크롤을 내려 모든 이미지를 보기 전에 사이트를 끌 수도 있는데, 굳이 처음부터 다 불러올 필요가 없다..
-
오랜만에 블로깅오늘뭐했지 2020. 8. 6. 11:17
역시 천성이 게으른지라 블로그 같은 건 꾸준히 못하는구만 코로나의 여파로 모각코도 못 나가고 하니 열정이 쳐진 감이 있다. (변명!) 최근에는 이직을 했다. 이직 만족도는 99%. 요즘 진짜 나는 행운아라는 걸 실감하며 살고 있다. 문득 음 이렇게 행복해도 되는 건가 싶을 정도로.. 지금 다니고 있는 회사 말고, 선택하지 않았지만 합격했던 회사들이 승승장구하는 소식을 들을 때마다 가슴이 약간 아프지만.ㅠㅠㅠㅠ 특히 카카오프렌즈 본사 합병 기사.. 1시간 정도 슬펐음. 그래도 후회가 없다..! 그냥 지금 회사에서 열심히 해서 나도 성장하고 회사도 더 잘될 수 있도록 노력해야겠다는 생각뿐.. 실제로 이 회사에서 진짜 멋지고 좋은 선임을 만나서 비약적으로 성장한 것 같다. 나만 그렇게 느꼈을 지 몰라도.. 안..
-
🔎 Javascript this의 모든것Frontend 2020. 3. 19. 18:18
함수 호출과 this 호출 패턴과 this 바인딩 함수 내부에는 암묵적으로 전달되는 인자가 있다. arguments 객체와 this 이다. this 인자는 자바스크립트의 핵심 개념이다. this를 이해하기 어려운 이유는 자바스크립트의 여러가지 함수가 호출되는 방식 즉, 호출 패턴에 따라 this가 다른 객체를 참조하기 때문이다. (this 바인딩) 호출 패턴에 따라 this가 어떤 객체를 참조하는지 알아보자. 1. 함수를 호출할 때 this 바인딩 함수 내부에서 사용된 this는 전역 객체에 바인딩된다. 여기서, 전역 객체란 브라우저에서 실행하는 경우에는 window객체 Node.js의 경우에는 global 객체 를 뜻한다. global.value = 1; function globalFunction() ..
-
'installVueDevtools' is defined but never used 오류 해결법Frontend 2020. 2. 3. 17:46
'installVueDevtools' is defined but never used 오류 vue cli 3.0 이상으로 electron + vue 환경 구축 시 다음과 같은 과정을 따르게된다. vue create myProject cd myProject vue add electron-builder 이 과정에서 Electron 6.0을 선택하면 오류가 발생한다. error: 'installVueDevtools' is defined but never used 오류 발생 이유 vue-devtools 모듈이 electron 6.0 버전에서 이슈가 있는 모양이다. 이럴 경우 주석처리 된 코드를 해제하고 electron 버전을 변경해주면 해결된다. 이슈 관련 링크 오류 해결법 주석 해제..
-
Docsify와 netlify로 TIL 페이지 만들기Frontend 2020. 1. 31. 00:15
TIL : Today I Learn 오늘 배운 내용을 정리한다. 라는 뜻 개발자라면 한번 쯤 시작해볼까? 마음먹는 TIL Vue, React ... 이것저것 옮겨다니면서 공부하는 요즘, 공부하는 내용 대부분이 휘발성인 것 같은 느낌이 들었다. 2020년을 맞이하여 공부한 내용을 정리하기로 마음먹었다. 현재 나는 Notion을 통해서 TIL를 작성하고 있다. Notion에서 웹 사이트로 옮기려는 이유? Notion도 기록하기 편하고 좋지만, 웹 사이트로 옮기려는 이유는 아래와 같다. 날짜가 아닌 주제를 기준으로 그룹핑하고 싶다. 혼자 쓰고 혼자 보는 공간이다보니, 내용이 부실해진다. Gitgub Public 잔디 심고 싶다. 마크다운 문법 연습하고 싶다. 영감을 받은 TIL 박준우님의 TIL 페이지를 보고..
-
DEVGROUND JUNIOR 2019 참여 후기 (4)IT행사 2019. 12. 19. 14:14
DEVGROUND JUNIOR 2019 참여 후기 (1) 개발자가 갖추어야 할 9가지 기술 / AI: 막막해하는 당신에게 DEVGROUND JUNIOR 2019 참여 후기 (2) 내가 주니어 개발자 때 알았더라면 좋았을 것들 / 성장을 바라는 웹 프론트엔드 개발자를 위한 제언DEVGROUND JUNIOR 2019 참여 후기 (3) 오픈소스 속에서 성장하기 / 절망 드리븐 성장: 함께 일하고 싶은 개발자가 되기까지DEVGROUND JUNIOR 2019 참여 후기 (4) - 현재 글 개발자도 DB 모델링을 알아야 할까요? / AI/데이터 시대를 사는 개발자를 위한 생존 가이드 개발자도 DB 모델링을 알아야 할까요?용영환 잇츠팩토리 개발자와 DB모델링? 서로 관련이 없어 보이지만 그렇지 않다. 나 또한 잘못 ..
-
DEVGROUND JUNIOR 2019 참여 후기 (3)IT행사 2019. 12. 19. 14:12
DEVGROUND JUNIOR 2019 참여 후기 (1) 개발자가 갖추어야 할 9가지 기술 / AI: 막막해하는 당신에게 DEVGROUND JUNIOR 2019 참여 후기 (2) 내가 주니어 개발자 때 알았더라면 좋았을 것들 / 성장을 바라는 웹 프론트엔드 개발자를 위한 제언 DEVGROUND JUNIOR 2019 참여 후기 (3) - 현재 글 오픈소스 속에서 성장하기 / 절망 드리븐 성장: 함께 일하고 싶은 개발자가 되기까지 DEVGROUND JUNIOR 2019 참여 후기 (4) 개발자도 DB 모델링을 알아야 할까요? / AI/데이터 시대를 사는 개발자를 위한 생존 가이드 오픈소스 속에서 성장하기 강대명 유데미 다음으로 '혀로그래머' 강대명 님의 세션이 진행되었다. 강대명 님은 '지금부터 하는 이야기..
-
DEVGROUND JUNIOR 2019 참여 후기 (2)IT행사 2019. 12. 19. 14:09
DEVGROUND JUNIOR 2019 참여 후기 (1) 개발자가 갖추어야 할 9가지 기술 / AI: 막막해 하는 당신에게 DEVGROUND JUNIOR 2019 참여 후기 (2) - 현재 글 내가 주니어 개발자 때 알았더라면 좋았을 것들 / 성장을 바라는 웹 프론트엔드 개발자를 위한 제언 DEVGROUND JUNIOR 2019 참여 후기 (3) 오픈소스 속에서 성장하기 / 절망 드리븐 성장: 함께 일하고 싶은 개발자가 되기까지 DEVGROUND JUNIOR 2019 참여 후기 (4) 개발자도 DB 모델링을 알아야 할까요? / AI/데이터 시대를 사는 개발자를 위한 생존가이드 내가 주니어 개발자 때 알았더라면 좋았을 것들 정도현 & 김태현 AWS코리아 다음 세션은 AWS코리아의 김태현 님, 정도현 님이 ..