https://www.acmicpc.net/problem/20055입력길이 N, 내구도가 0인 칸의 개수 기준 K각 칸마다 내구도 출력종료될때 몇번째 단계였는지로봇과 벨트를 deque를 사용해서 회전하고 (음수이면 왼쪽 양수이면 오른쪽으로 회전)로봇이

https://www.acmicpc.net/problem/2529입력부등호 개수, 부등호 나열된 것출력관계를 만족하는(부등호가 성립하는) 최대, 최소 정수 나열 리스트 출력숫자와 부등호를 인자로 받고 성립하지 않으면 False, 성립하면 True를 반환dfs함

import throttle from 'lodash/throttle';import debounce from 'lodash/debounce';이렇게 import를 하면 번들 크기를 줄일 수 있다.

Project setting -> Functions에서 확인 가능하다.

상위 부분에 group 을 선언해두고 보여지고 싶은 부분에 invisible group-hover:visible를 선언해주면 마우스를 hover할 시 버튼이 나타난다.

페이지로 이동할 때 suspense를 사용하여 skeleton UI를 적용하려고 했는데 특정 컴포넌트만 부분 로딩을 하려고했는데 적용이 안되었다.\-> page에서 Susenpse로 묶어주니 잘 동작한다

작은 화면에서 보여줄 것을 기본으로 설정하고 sm:hidden 이런식으로 설정하고 큰 화면에서 보여줄 것을 hidden sm:block이렇게 지정하면 모바일과 큰 해상도에서 다른 디자인을 보여줄 수 있다.위의 변수 뒤에 ?를 붙일경우 props를 무조건 내리지 않아도

tailwind의 경우 동적인 스타일의 경우 적용하기 어렵기 때문에 style로 직접 지정해주어서 데이터 값에 따라 다른 style이 적용되도록 코딩하였다.

React를 이용하여 SPA를 구현할 때 메뉴를 클릭하면 페이지를 이동하지 않고 업데이트 되는데 이때 url이 변하지 않는다.렌더링되는 데이터의 양이 적기 때문에 구성요소간 라우팅 속도가 빠르다.SPA가 작동하는 실제 느낌을 준다. 별도의 페이지가 렌더링 되지않고, 형

bg-${특정 데이터} 이런식으로 넣을 경우 제대로 동작하지 않았는데,https://tailwindcss.com/docs/content-configuration공식문서에서 빌드할때 필요없는 style은 지우기 때문에 적용이 되지 않는다고 한다.이렇게 자체적으로

이런식으로 가운데가 보이게 만들려고 했는데옵션을 다음과 같이 넣으면 이전에 있는 데이터가 보이지 않았다.align을 start로 하면 위치랑 이전의 데이터가 숨겨지게 보이기 때문에 무한 회전을 위해 loop만 true로 수정해주었다.

최신 리뷰를 렌더링하여 출력해주는데 서버 컴포넌트로 구성할 시 이전 페이지와 결과 페이지가 다르기 때문에 hydrate오류가 발생하여 임시로 클라이언트 컴포넌트로 구성해두었다.원래는 api를 query로 불러와 각 데이터마다 유저의 이름을 불러오는 요청을 했었다. 기존

기존에 다음과 같이 되어 있었다.검색값이 변동될 때 페이지를 초기화 해줌으로서 버그를 수정하였다.

처음에 저렇게 초기화 후, 다시 fetch하면 될줄 알았는데 한번에 처리해서 그런가 기존 데이터에 계속 붙어서 나왔다.page가 1일때만 데이터가 처음부터 나오도록 수정하였다.

프로젝트 작업을 하다가 영화 리스트를 필터링, 검색 등 기능이 들어간 컴포넌트를 클라이언트, 서버 컴포넌트 중 어떤 것을 사용해야할지 고민이 필요한 시점이 생겼다.영화 리스트를 보여주는 부분을 클라이언트 컴포넌트로 구성하기로 하였다.왜냐하면, 서버 컴포넌트는 SEO를

reviewtmdbdayjs를 사용하여 현재 날짜와 한달전 날짜를 입력받아 가져오도록 api를 구성했다. 최신리뷰리뷰는 계속 가져오기 때문에 query로 가져오도록 구성했다.최신 영화dayjs를 사용하여 현재 날짜부터 한달전까지 기간을 가져와서 매개변수로 넣어주면 된다

봤던 목록들과 추천 무시하기를 수행한 목록들을 제외하고 추천목록에서 보여주게 만들었다.ignoredList를 props로 내려서 특정 영화 id를 제외하고 필터링하게 만들어줬다! 무한 스크롤에서 매개변수로 ignoredList가 필요한데, js의 꼭 모든 매개변수를 넣

Nextjs 영화리스트 layout을 활용해보려다가 url에 따라 다른 영화가 나오게 구현하였다. [genreId]/page.tsx 버튼들이 원래는 useState를 사용하여 상태에 따라 색상이 바뀌도록 하였는데 url에 따라 바뀌도록 수정했다. components

좋아요는 사용자와 상호작용하는 부분이기 때문에 use client로 클라이언트 컴포넌트로 구성하였으며 연속 이벤트로 과부하가 발생할 가능성이 있기 때문에 lodash라이브러리를 사용하여 thorottling을 적용했다. table에 해당 영화가 존재하는지, 로그인된 유

DynamicServerError: Dynamic server usage: cookiesbuild 시 나타나는 에러, 최상단 컴포넌트에 export const dynamic = 'force-dynamic'를 넣으면 임시방편으로 해결된다.