[Next.js] Image
next.js에서 이미지를 사용할때 next에서 지원하는 Image가 있다'Image'는 기본적인 최적화를 해주는데 기본적으로 4가지가 있다.로컬 이미지(jpg, png, webp...)를 사용하려면 해당 이미지의 경로로 import해오면 된다.Next.js는 가져온
[Next.js] useRouter와 context
컴포넌트 안에서는 useRouter를 사용하여 url의 값을 받아올 수 있다.getStaticProps 함수 안에서는 이처럼 context를 사용하여 값을 받아올 수 있다.
StoryBook v7 이상에서 styled-components theme 적용하기
스토리북 v7 이상에서 styled-components theme를 적용하려했는데 적용이 잘 안되는 문제가 있었다
[javascript] 백준 1325번 효율적인 해킹
문제보기시간초과와 메모리초과가 번갈아가면서 나와서 멘붕이 왔던 문제였다..우선 N과 M을 헷갈려서 헤멘것도 있고while문 안에서 stack에 start를 start 이렇게 넣어서 구조분해 할당 하는식으로 했었는데 코드를 천천히 살펴보니 불필요한 부분이라서 배열을 제거
[javascript] 백준 2206번 벽 부수고 이동하기
문제보기풀이이미 벽을 부순적이 있는 경우가 방문처리를 해버리는 바람에 부순적이 없는 경우가 접근해야 하는곳도 방문처리가 되어 결과를 제대로 도출할수가 없었다.해결방법은 벽을 부순적이 있는지, 없는지에대해 방문여부를 3차원 배열로 만들어서벽을 부수게 된다면 이후에는 z축
[javascript] 백준 7569번 토마토
문제보기BFS로 풀이했다처음에는 2차원 배열로도 충분히 푸는게 가능할것 같았으나 계속 시간초과 이슈가 생겨서 해결하지 못하고 3차원 배열로 풀이를 진행했다.shift()를 이용하니까 시간초과가 발생해서 인덱스를 0부터 확인하는 방법으로 구현했더니 통과가 됬다.
[javascript] 백준 11724번 연결 요소의 개수
문제보기풀이 해당 정점을 방문한적이 있는지 여부를 체크 후 DFS를 실행한다.이때 방문한적이 없다면 결과에 +1을 해준다.DFS 실행중 방문한적이 있는 노드면 while문 안에서 continue한고 방문한적이 없다면 방문했다고 체크해준다.
[javascript] 백준 7576번 토마토
문제보기풀이BFS로 풀이했다맨처음에 익은 토마토가 있는 좌표를 구해서 BFS에 한번에 전달했다하루가 지날때마다 상하좌우로 익지 않은 토마토가 있다면 익은 토마토가 생기게 구현했고 익은 토마토와 안익은 토마토의 갯수를 체크해주었다.BFS의 실행이 끝나고나서 안익은 토마토