삶

[ 구글 채널 ] Scheduling Tasks - HTTP 203

www.youtube.com/watch?v=8eHInw9_U8k 해당 내용 setIntermediate 나 pup description - tasks, nanotasks, microtasks, 등의 차이를 알 수 있는 동영상

[ React -1 ] React.memo 를 사용하여 컴포넌트 성능 최적화하기 . / React.memo 사용할 때 그리고 사용하지 않을 때 팁 정리

유저들은 아주 작은 속도에도 굉장히 민감하게 반응을 합니다. 100 ~300 의 정말 작은 초 단위도 느낄만큼 유저들은 서비스의 속도에 대해서 아주 민감하네요. 이런 UI 를 해결하기 위해서, React 는 higher order component 중 하나인 React.memo 를 제공합니다. 1. React.memo() 에 대한 간략한 소개 React는 먼저 컴퍼넌트를 렌더링(rendering) 한 뒤, 이전 렌더된 결과와 비교하여 DOM 업데이트를 결정합니다. 만약 렌더 결과가 이전과 다르다면, React는 DOM을 업데이트하게 됩니다. React.memo() 로 감싸져있는 내용을, 리액트는 결과를 먼저 memoizing 하게 됩니다. 다음 렌더전에, props 의 결과가 똑같다면 react 는 me..

자바스크립트 MAP - array 는 배열로 관리하기. / array 를 key 로 접근

자바스크립트를 공부하면 나오는 array 여기서 ES6 부터는 map 으로 데이터를 관리하여 주게 됩니다. 이런식으로 array 가 새롭게 생성되어있을 때 Array의 각 요소를 순회하며 callback 함수를 수행하는 것을 map 이라고 합니다 . array 의 핵심 기능 그러면 map 에 대해서 알아봅시다. map 은 한마디로 "맵핑" 해주는 개념이라고 생각이라고 하면 된다. 배열.map((요소, 인덱스, 배열) => { return 요소 }); 이런식으로 배열에 있는 요소들을 맵핑해주며 우리가 원하는 작업을 할 수 있다. 많은 사람들이 forEach 를 사용하는데 이것보다 좀더 빠르고 간편하게 쓸 수 있습니다. 사용법 ) 특히 JSX 코드 상이나 리액트에서 쓸때 array 의 인자별로 내부 내용을 ..

[ 영어 표현 ] 관련이 있다 / 표현 모두 알아보기.

안녕하세요! 이유이입니다. 오늘은 영어 표현을 알아볼려구 해요. 제가 많이 쓰는 표현 중 하나는 바로 '관련'이 있다. 라는 표현을 가장 많이 사용합니다. A 와 B 가 모두 관련이 있을때 어떻게 표현할까요? 관련이 있다라는 표현을 여러가지 그럼 나누어보겠습니다. go hand in hand 관련되다. 함께 가다 e.g) Excercise and weight loss do not always go hand in hand. 운동과 살이 빠지는 것은 언제나 함께 가지 않는다. Engineering and design go hand in hand when building an house. have something to do with 영영 : to be related to something or a cause..

[ 용인까페] 고매커피 / 한옥 카페 / 2동탄까페 / 한옥의 분위기를 느낄 수 있는 까페

안녕하세요~ 이유이입니다. 오늘 소개해드릴 내용은 용인에서 유명한 까페 중 하나인 고메 커피입니다. 옛날부터 정말 가고 싶었던 커피 중 하나인데요, 주말에는 사람이 너무 많다는 소식을 듣고 저희는 평일 오후에 살짝쿵 갔다왔습니다. 고매 커피 우선은 위치는 이렇게 되어있구요. 주말에 가면 근처에 이케아도 있고 해서 엄청나게 차가 막힌다고 하더라구요 ㅠㅠ 고메커피 입구입니다. ^^ 정말 들어가기 전부터 분위기가 이쁘더라구요. 한옥까페를 너무 오랜만에 와봐서 그런가 입구를 들어가면 이렇게 컵홀더로 장식이 되어 있는 나무가 나옵니다. 저기 아래에서 포토존 처럼 사진 찍었는데, 잘나오더라구요. 컵홀더로 저렇게 장식 한 것도 굉장히 기발하신 거 같아요. 메뉴판 이미지입니다. 저희는 여기서 2가지 음료를 시켰습니다...

[용인 까페 / 용인 핫플] 용인 인생 까페 / 갤러리 까페 / 묵리 459

안녕하세요. 이유이입니다. 제가 오늘 소개해 드릴 내용은 묵리 459 까페입니다. 요즘 용인에서 정말 인기 많은 까페인데요, 저희는 그래서 바로 방문해봤답니다.. 위치는요 용인시 처인구쪽으로 구불구불 길을 따라가면 나오는 거 같아요 ^^ 묵리 459 놀랐던 점은 또한 까페인데도 물구하고 주차장이 거의 쇼핑센터처럼 넓고 편안하게 되어있다는 점이었어요. 따라서 주차 걱정은 절대 없어요~ ㅎㅎ 음료를 사고 차번호를 입력하면 된답니다. 이 입구의 광활한 면이 사진으로 잘 안담기는데 실제로 보면 뒤에 산이 너무 아름답게 펼쳐져있고, 한 폭의 그림이었어요. 묵리 459의 메뉴판입니다. 브런치 메뉴도 있고 커피 메뉴도 많았지만 저희는 차 2 잔을 시켰답니다. 보이차 한잔과 얼그레이 한잔을 시켰습니다. 얼그레이는 T2..

[ 영어 무료 어플 리뷰 ] 영어 cake 무료 어플 리뷰 / 꿀팁 / 영어 공부

안녕하세요~ 이유이입니다 ^_^ 오늘은 제가 실제로 정말 많이 이용하고 있고 꿀팁이라고 생각하는 영어 어플을 소개해드리려고 합니다. 제가 소개해드릴 영어어플은 cake 입니다. 오늘 그럼 cake 의 대표적인 기능 소개와 어떻게 학습하면 좋을지 소개해드릴게요~~ 1) 투데이 기능 첫번째로 약간 페이스북의 뉴스피드 처럼 이렇게 매일매일 새로운 영어 표현을 보내준답니다~~ 사실 영어 공부하다보면 질리는 순간도 많고 똑같은 영상을 보여준답니다. 2) 영상으로 영어 공부 기능 ( 구간 반복 / Drill / 핵심 표현 말해보기 / Listening) 위의 투데이 기능에서 영상을 들어가게 되면 위와 같은 화면이 나와요 - 구간 반복 - Drill - 핵심 표현 말해보기 - Listening 으로..

[ 춘천 여행 코스 ] 소양강 댐 보고 - 춘천 닭갈비로 마무리이 / 맛있는 춘천 닭갈비 집 추천

안녕하세요 ^__^ 이유이입니다. 이번에 저는 신년을 맞아 춘천을 잠깐 갔다왔습니다. 아무래도 사람 많은 데는 가기가 그렇고 하지만 계속 돌아다니지 못해서 어딘가는 가고 싶고 해서 가족들과 함께 춘천을 다녀왔습니다~ 춘천은 서울에서 가까워서 또 많이 가게 되는 거 같아요. 저희는 사람 많은 시간을 피하고 싶어서 오전 7시에 출발했고요 그럼 소개해드릴께요 > 춘천 여행 코스 추천 사실 이 코스는 약 반나절이면 충분하고요 저희는 청평사 내부까지는 들어가지 않고 그 길이 너무 아름답기 때문에 청평사 가기 전 길목에서 돌아온답니다. 또한 닭갈비는 명동 골목에 있는 곳인데 정말 맛있더라구요 > 소양강 댐 소양강댐(昭陽江dam)은 강원도 춘천시 신북읍과 동면의 소양강에 위치한, 북한강 유역의 유일한 다목적 댐이다...