반응형

프론트엔드 개발자 6

[TIL] 210923 오늘 공부는 디바운싱, 쓰로틀링

추석연휴가 끝났다. 역시나 오늘도 크런치모드로 열일하는 회사다ㅎㅎ 신입 나부랭이라 언제나 하는일은 작고 귀엽지만, 폭풍 구글링으로 버텨내고 있다. 디바운싱과 쓰로틀링 요것은 항해때 무한 스크롤을 하려고 lodash 라이브러리를 쓰면서 겉핥기로 했었던 것인데, 현업코드에서 디바운싱을 만나게 되었다. 꼭 라이브러리를 쓰지 않아도, 무한 스크롤을 구현하거나 검색창을 구현하지 않아도 성능을 위해 쓴다. 🌼 디바운싱: 연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것 - 검색어 개발에서 많이 쓰임 - 만약 검색어 개발하는데 쓰로틀링을 쓴다면? 이상한(미완성된) 검색어에도 무조건 일정 시간마다 호출되기 때문에 서버에 부하를 줄 수 있으니 디바운싱을 쓴다. - 꼭 검색어 개발에만 쓰이는것..

개발일지/TIL 2021.09.24

[WIL] 9월 3주차 회고 WIL (Weekly I Learned)

으..! 아니 회고를 쓰는 날이 왜이렇게 빨리 돌아오는지 모르겠다. 오늘도 연속 2주 토요일 출근을 했다!~ 일하는 것은 아니지만 (일도 하긴 함) 밀렸던 공부를 좀 하고 싶은데, 그러기엔 하루가 너무 짧다 ㅠㅠ 그리고 체력도 모자름. 그래도 이번엔 연휴가 있어서 체력관리 하면서 공부할 수 있을 것 같다. 얼마나 기다려왔던 추석인디 딱히 명절 같은 느낌이 없다. 여튼 명절 끝나면 10월이 되고, 그럼 근무한지 2달째가 될 것이다. 실력에 비해 시간이 너무 빨리가는 것 같아 시간이 흐르는게 무섭다. 여튼 리액트 관련 책을 한 권 독파하기로 했다. 그래서 리다기를 목표로 잡았다. 1000페이지라 한달 안에 읽으려면 하루에 33페이지는 읽어야 함. 오키 고고 그리고 리액트 네이티브 공부를 시작하려고 한다. 그..

개발일지/WIL 2021.09.18

[TIL] 2109017 오늘 공부는 sessionStorage

세션 스토리지! 들어보기만 했지 사용할일이 있을까 했는데 오늘 써보게 되었다. 쿠키 / 웹스토리지(로컬,세션 스토리지)와의 차이를 먼저 알고 넘어가면 좋을 것 같다. 쿠키는 매 http요청마다 api 호출이 되어 서버에 부담이 된다고 한다. 웹 스토리지는 쿠키의 단점을 보완해서 만든 기술로, 서버가 아닌 클라이언트에 정보를 저장한다. 서버를 건드리지 않음! 보통 자동 로그인은 로컬 스토리지에 저장하고, 비 로그인한 장바구니는 세션 스토리지에 저장한다고 한다.(오호) 로컬 스토리지랑 쿠키에만 뭘 담아봤는데 세션 스토리지에 담게되다니, 어려울줄 알았는데 사용법이 로컬 스토리지랑 똑같다. 다만 로컬 스토리지와 약간의 차이점이 있다. 탭별로 값을 다르게 두고 싶어서 크롬에 탭 아이디가 있는지 검색하다가 세션 스..

개발일지/TIL 2021.09.17

[TIL] 2109010 오늘 공부는 null 병합 연산자, OAuth 2.0

null 병합 연산자 (nullish coalescing operator) ?? 물음표 두개짜리 코드를 봤다. 널 병합 연산자라고 한다. a ?? b 는 a가 null도 아니고 undefined도 아니면 a , 그 외의 경우는 b 인 것 즉 ?? 없이 표현하면 아래와 같다. a !== null && a !== undefined ? a : b; 좋은 예시를 가져왔다. let firstName = null; let lastName = null; let nickName = "바이올렛"; // null이나 undefined가 아닌 첫 번째 피연산자 alert(firstName ?? lastName ?? nickName ?? "익명의 사용자"); // 바이올렛 firstName이 null이기 때문에 lastNam..

개발일지/TIL 2021.09.11

[TIL] 210827 오늘 공부는 어떤 기능을 하기 위해...

이번주는 TIL을 쓴 적이 별로 없었다. 왜냐하면 이번주도 또 멘탈이 바사삭 되었기 때문이다. 맨날 멘탈이 바사삭 나는 것 같아 보이지만 이번주는 특히 누가 밟은 쿠크다스 같았다ㅋㅋㅋ 부정적인 기운들을 계속 TIL에 담는 것같아 속상해서 블로그에 들어오기 싫었다ㅠㅠ 근데 이상하게 어제 이후로 독기가 더 오르는 느낌이다,, 역시 나는 나를 채찍질 해 가면서 힘을 얻나보다ㅠ 항해에서 모집하는 로켓단 1기도 신청했다. C#으로 게임을 개발한다고 하는데 재밌을 것 같다 여튼 오늘은 어떤 특정 기능을 구현하는 과정에 대한 것을 써보고자 한다. 수첩을 캡처해서 올리고 싶은데 회사 코드의 내용이라 올리기는 애매해서 그냥 대충 글로 정리해보고자 한다. 1) 코드를 읽는다. (물론 남이 짠 코드라 1도 모르는 상태임) ..

개발일지/TIL 2021.08.27

[WIL] 8월 2주차 회고 WIL (Weekly I Learned)

회사 입사 후 첫 WIL을 쓴다. 첫 주는 경주 다녀오느라 정신이 없었고, 그래서 피로가 누적된 채 2주차를 보냈고, 그래서 어제는 거의 시체처럼 뻗어있었는데 가뜩이나 밀렸던 pt를 받았는데 온 몸에 알이 배겼다...... 그 몸을 이끌고 오늘은 엄마집에 다녀왔다ㅠㅠ 엄마 집에서도 쇼파에 드러누워서 자다가 겨우 카페에 나와서 노트북을 켰다. 집에 가서는 또 빨래 개고, 설거지 하고 또 공부하고 해야겠지만 그래도 한가해서 시간이 너무 안가는 것 보다는 나은 것 같다고 생각중이다! 화이뜅뜅 ✨배운점 - 내가 이번주에 맡았던 일은 어렵지는 않은 일이었을 것이다. 하지만 나는 왜 못했는가? 가장 놓치고 있었던 부분은 데이터를 받는 부분과 뿌려주는 부분을 명확히 구분하는 일이었다. 프론트엔드 개발자라면 잘 받아서..

개발일지/WIL 2021.08.15