로켓펀치 취준컴퍼니에 입사했다. 현직자이다보니 제공해주는 집무실 이용이 상대적으로 어렵고, 이력서 업데이트, 지원 등이 다소 버거울 때가 있다. 하지만 취준컴퍼니에서 내가 가장 얻고 싶었던 것은 '커피챗'의 기회였다. 현재 2 명의 코치님에게 커피챗을 요청하였고, 감사

문제상황 ⇒ 리스트 개편을 하면서 oroundCommonStore이 ssr이나 ssg로 불리지 않고 MainTemplete/ \_app.tsx 내에서 useOroundInfo() 훅으로 불리며, csr로 변경되었다. 기간한정은 그때그때, 서버시간을 받아와야하는데 처음

문제상황 동영상과 같이 스크롤이 마지막 이미지까지 갔음에도 불구하고 next-button이 안없어지는 현상 발견 원인파악 embla-carousel에 canScrollNext method로 **next로 넘어갈 콘텐츠가 없을 때, next 버튼이 나오는 지 안나오

문제상황 지난 번, image 최적화를 위해 img 태그를 next/image로 변경한 적이 있었다.시간이 지나면서, 원치 않는 이미지가 보이는 문제를 발견했다.ex) 상단 nav 바에 있는 이미지가 다른 이미지로 대체되어 보이는 등의 문제router 가 변하면, 다시

문제상황: 리스트 내 필터에서 색상 클릭 시, 추천순에서 색상이 들어가지 않는 것을 발견해결 방법(1) keyword 기준 예외처리 부분이 문제가 있는 것을 발견해서 array.includes로 예외처리를 해서 키워드 중 ‘169001’이 나올 때에만 처리되도록 진행

문제상황아트워크(상품을 만들기위한 이미지)를 업로드 시킬 때, 이미지 사이즈를 maxwidth or height을 800으로 맞추다보니 용량이 크거나 이미지 사이즈가 컸던 이미지가 깨지는 현상 발견 해결방법 고안 (1) 이미지 width나 height를 바로 바꾸는 것

SSR > SSG로 전환SSG(getstaticprops) : 첫 요청때 해당 페이지를 pre-rendering하여 정적 문서로 생성해두고 그 다음 요청때에는 생성된 문서 반환SSR(getServerSideprops) : 요청이 올 때마다 해당하는 HTML 문서를 그때

문제상황 모바일 앱과 사파리에서 봤을 때, 이미지를 덮어야하는 기간한정 기능이 나오지 않는 문제 발생 Untitled 고민 방향 (1) countdown 기능 중 setInterval이 safari에서 미작동하는 건가? 라는 가정을 해봄 setInterval i

문제상황1) 해당 코드를 사용해서 edit 페이지에 새로고침, 창 닫기 기능을 추가했는데 뒤로가기 후 나타나는 페이지에서 새로고침을 누를 때, 팝업이 나타났다. 해결 방법 고민 1) useEffect가 문제인 것인가 하고 console.log를 다 찍어봄 2) useE

스크롤 매직을 사용해 상세페이지 하단 푸터 기능을 추가함페이지 이동 후 새로운 상품의 상세페이지로 진입할 때, 푸터에 이벤트가 이중~삼중으로 걸리며 깜빡이는 현상 발생찾아보니 scrollmagic 이벤트의 start point와 end point가 여러번 생겨 새로고침

데이터를 로딩하기 전, 로딩화면에 뿌려줄 수 있는 건 스피너, 프로그레스바, 스켈레톤 ui 등이 있다.데이터가 어떤 형식으로 뿌려지는 지 보여주기 위해, 스켈레톤 ui를 사용했다.스켈레톤 ui는 Material Ui의 스켈레톤을 사용했다.이유material ui를 이미

유명한 이미지 map 관련 플러그인 jQuery-rwdImageMapsuseMap 플러그 인 중에서는 굉장히 유명한 플러그인단점: 4년전 업데이트로 최신 업데이트가 되지 않음사용하려고 생각했던 방법 (1) jquery와 rwd image maps 플러그인을 script

기존에 알고 있었던 자료구조 (1)객체 - 키가 있는 컬렉션을 저장객체의 키는 type이 string, symbols, integer 밖에 안됨데이터의 순서가 없음(2) 배열(array) - 순서가 있는 컬렉션을 저장 (1) 공부 배경 2depth로 옵션 데이터 구조

styled component 내 keyframes 추가 styled component 내 키프레임을 추가하고 싶어 방법을 찾아봄참고@keyframes :키프레임 규칙은 개발자가 애니메이션 중간중간의 특점 지점들을 거칠수있도록 설정함으로써 애니메이션의 중간 절차를 제어

본 메일은 정보통신망 이용촉진 및 정보보호 등에 관한 법률 시행규칙 제 11조 제 3항에 의거 2022년 3월 7일 기준 회원님께서 수신을 동의하셨기에 발송되었습니다. 메일 관련 문의 사항은 스냅스 고객센터(1577-4701)를 이용해 주시기 바랍니다. 더 이상 수신을

오라운드 서비스에서는 메인에서 slider부분에 scroll을 사용한 swipe 기능이 주를 이룬다. embla-carousel을 사용해서 해당 기능을 만들었다. 이때, 발생하는 문제점은 마우스로 해당 슬라이드를 클릭한 뒤 swipe를 하려고 할 때, 각 상품에 매칭되

Pling cms(어드민+성우) 페이지 NEXT.js로 마이그레이션 및 기능 추가한 사이트를 완성해서 localhost > heroku test server로 빌드 및 배포하는 작업을 진행했다. 그 과정에서 알게된 내용을 작성해보고자 한다. 처음에는, haroku가 무

1안 map으로 돌려서 내보내기 var items = \[];var rtn = items.map(item => {return {...item,dId: item.delivery.id}; })2안 JSON.stringify로 객체를 string으로 변경하기 JSON.str

cms 어드민 페이지 작업 중 플리니스트 환전 금액을 무조건 다음주 (금)에 준다는 안내 페이지 기획이 있었다. 처음에는 생 javascript로 계산하게 되었다. 하지만 왜인지... 연산이 잘못되는 부분이 있었고 12월일 때 13이 되는데 해당 부분 예외처리가 안되는

Next.js 초기세팅 이후 로그인/회원가입 페이지 마이그레이션을 하고 있는데 통신이 안되는 문제가 있었다...🥲console.log를 찍고 찾아보니, process.env.\~~에서 undefined가 뜨며 통신이 제대로 되고 있지 않는다는 것을 알 수 있었다..!