# egjs

jyooj08

egjs/grid repository: https://github.com/naver/egjs-grid 프로젝트 진행 중 Masonry 레이아웃을 구현해야 할 일이 생겨서 egjs/grid 라이브러리를 사용해보려고 시도하고 있었다. 그 중에서도 egjs/react-grid를 사용하려고 했는데, InfiniteGrid는 문서가 굉장히 잘 작성되어 있었지만 그냥 grid는 조금 더 부실했고, react-grid와 같은 프레임워크용 문서는 그거보다 조금 더 부실했다. 결국 일단 라이브러리를 설치한 후 node_modules에 들어가서 코드를 뜯어보며 MasonryGrid에 넣을 수 있는 옵션들을 찾아보며 작업하고 있었다.([요기!](https://github.c

devgosunman

회사 PR 리뷰에 "user agent를 freezing 하려면 " 이라는 내용이 있어서 공부하게 되었다. 아래는 chromium 팀의 설명글을 번역하였다. https://groups.google.com/a/chromium.org/g/blink-dev/c/-2JIRNMWJ7s/m/yHe4tQNLCgAJ (짧게 의역하자면) User-Agent string은 유저에 대해 많은 정보를 갖고 있다. 이는 브라우저나 기기 종류 등에 대한 상세한 정보를 많이 갖고 있지만 거짓 정보도 많이 포함한다. 서버에서는 이를 토대로 호환성과 같은 부분을 처리하고 있다. 그런데 유명하지 않은 브라우저에서는 특히나 User-Agent가 잘못된 정보들을 갖고 있어서 사이트가 제대로 동작하지 않는 경우가 있

devgosunman

문제 팀원이 작성한 코드를 옮기다가 발생하였다. 왤까.. 시도 해당 repo issue부터 뒤졌다. 아래 글을 발견했다. 동일한 문제였는데 다들 해결이 되었다고 한다. 나는 안되었는데?! https://github.com/naver/egjs-flicking/issues/485 getComputedStyle은 window 꺼라니까.. 역시 forwardRef를 써야 하는 중에.. ImageBanner에서만 에러가 뜨는 걸 확인하고 라이브러리 문제가 아닐 것 같은 느낌.. 하나씩 주석 처리해보았다 해결 style tag를 flicker 컴포넌트 안에 넣었다.. 부모 tag 하나 만들고 옮기니 해결..

devgosunman

에러 내용 시도 기존 팀원이 작성했듯이 forwardRef를 추가한다. 근데 팀원은 왜? 무슨 근거로 이를 추가했을까? 팀원이 작성한 forwardRef를 제거한다. 에러가 두 개로 늘어났다. 그래서 다시 추가하면 하나로 줄어든다. 어딘가 빼놓은 게 있는 것 같으니 그걸 찾아본다. 갑자기 해당 library의 github issues를 뒤져보았다. 역시 답이 있었다. quick start의 주의 사항에 있었다. https://naver.github.io/egjs-flicking/docs/quick-start If you're using the React Component as a panel, it should use a ref forwarding 해결 forwardRef 대신 useFindDOMNode를 사용하여 해결! 하지만 아래와 같은 새로운 에러가?! 이

devgosunman

문제상황 기능이 어느정도 동작은 함 그런데 뭔가 이상하게 동작함 어디서부터 봐야할 지 막막했던 상황 솔직히 8시간 이상 동안 이것만 봄 해결 위와 같이 css를 세팅하라는 설명이 있었음 IE9도 지원하면 좋겠다 생각하여 아랫줄만 입력 그런데 윗 줄은 무조건 기본으로 넣어줘야했던 것

devgosunman

에러 내용 해결 방법 기존에는 @egjs/flicking으로 동작하는 컴포넌트가 있었다. 이번에는 @egjs/react-flicking으로 옮기며 메이저 버전이 올라갔다. 그래서 라이브러리 업데이트 후 기존에 사용하던 컴포넌트를 모두 주석처리 하니 해결되었음.

towozy

egjs NAVER에서 제공하는 라이브러리로 인터랙티브한 컨텐츠를 만드는데 특화된 라이브러리다. Jindo 프레임워크(과거 NAVER에서 제공하던 js 라이브러리)부터 쌓인 노하우를 녹였다고 하니 써 볼만 할 것 같다. 내가 관심있게 보고 있는 컴포넌트는 Flicking 컴포넌트인데 2019 6월에 react, vue 등의 버전도 나온다고 하니 나오면 써봐야겠다. 아래 링크를 들어가면 다음과 같은 화면이 나오는데, 각 컴포넌트를 클릭하면 상세 페이지로 진입한다. ▼ egjs 공식페이지 https://naver.github.io/egjs/ 스크린샷 2019-04-18 오후 3.51.51.png ▼ Flicking 컴포넌트 상세 페이지 https://naver.github.i