분류 전체보기
parseInt
얼마전에 코딩테스트를 풀다가 문자를 숫자로 변환해야 하는 과정이 필요했는데 대수롭지 않게 parseInt로 변환했다가 왜 틀리는지를 못 찾아서 고생했던 경험이 있는데 알고보니 그냥 순수 숫자로만 되어있는 문자열이 아니라 숫자+문자의 조합이었는데, 만약에 이 값이 NaN을 반환했다면 오류를 쉽게 발견할 수 있었지만 무슨 일에서인지 숫자가 반환되어서 다른 과정에 오류가 있다고 생각했던것... parseInt 작동 과정 parseInt() 함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다. parseInt(string); parseInt(string, radix); 첫 번째 인자를 문자열로 변환함 (문자열의 선행 공백은 무시한다고 함) 변환된 값을 radix의 ..
프로그래머스 - 표현 가능한 이진트리
문제 [https://school.programmers.co.kr/learn/courses/30/lessons/150367#] 내가 이해한 방법은, 이진트리 -> 숫자 표현 가능한지를 구하는 것보다 숫자 -> 이진트리로 나타냈을 때 해당 이진트리가 존재할 수 있는지?를 구해봄 노드 순서 제일 어려웠던 점이 노드의 순서였는데, 이진트리에서 리프 노드가 아닌 노드는 자신의 왼쪽 자식이 루트인 서브트리의 노드들보다 오른쪽에 있으며, 자신의 오른쪽 자식이 루트인 서브트리의 노드들보다 왼쪽에 있다고 가정합니다. 부모 / 왼쪽 자식 / 오른쪽 자식이 있다고 가정했을 때 어느 관점에서 보아도 부모는 항상 왼쪽 자식보다는 늦게 오고, 오른쪽 자식보다는 먼저 온다는 말을 저렇게 표현한듯... 이 말인 즉슨 제일 최상단의..
[next.js] error.js
next.js 13버전의 App Router 기준 error.js란 라우팅할 폴더에 layout.js를 만들고 {children}을 넣어주면 자동으로 page.js 파일이 children으로 들어가는 것처럼 error.js라는 폴더를 만들게 되면 자동으로 React의 Error Boundary의 역할을 해줌 error.js automatically creates an React Error Boundary that wraps a nested child segment or page.js component. 기존 리액트에서는 이렇게 렌더링 하려는 페이지의 상위 컴포넌트에 에러 바운더리를 직접 명시해야 했지만, 이 과정을 자동으로 해준다는 소리 이렇게 되면 컴포넌트 내에서 try-catch문을 통해 error ..
중첩 라우팅으로 권한 없는 유저 페이지 접속 막기
중첩 라우팅 상위 라우터와 하위 라우터를 동시에 활성화시킬 때 사용 중첩 라우팅을 사용하지 않으면 -> '/'로 접속하면 해당 element 렌더링 -> 'a'로 접속하면 해당 element 렌더링 특정 path => 특정 element 한개가 렌더링 됨 하지만 중첩 라우팅을 하게되면 '/'로 접속 시 -> '/' 엘리먼트만 렌더링 'a'로 접속 시 -> '/'일때의 엘리먼트와 '/a' 일때의 엘리먼트 두개가 렌더링 됨 하지만 무조건 렌더링 되는 것은 아니고, 부모(상위) 라우터의 엘리먼트에서 Outlet을 이용해서 자식(하위)의 위치를 지정해줘야 함 children 사용하는 것과 동일 -> 중첩 시 이 위치에 렌더링됨 상위 라우터에 Outlet을 설정해주게 되면 하위 라우터가 라우팅 되면 저 Outle..
백준 2660 회장뽑기 JS
문제 월드컵 축구의 응원을 위한 모임에서 회장을 선출하려고 한다. 이 모임은 만들어진지 얼마 되지 않았기 때문에 회원 사이에 서로 모르는 사람도 있지만, 몇 사람을 통하면 모두가 서로 알 수 있다. 각 회원은 다른 회원들과 가까운 정도에 따라 점수를 받게 된다. 예를 들어 어느 회원이 다른 모든 회원과 친구이면, 이 회원의 점수는 1점이다. 어느 회원의 점수가 2점이면, 다른 모든 회원이 친구이거나 친구의 친구임을 말한다. 또한 어느 회원의 점수가 3점이면, 다른 모든 회원이 친구이거나, 친구의 친구이거나, 친구의 친구의 친구임을 말한다. 4점, 5점 등은 같은 방법으로 정해진다. 각 회원의 점수를 정할 때 주의할 점은 어떤 두 회원이 친구사이이면서 동시에 친구의 친구사이이면, 이 두사람은 친구사이라고 ..
프로그래머스 - 거리두기 확인하기
문제 [https://school.programmers.co.kr/learn/courses/30/lessons/81302] 접근법 각 배열의 P마다 거리 차이가 1,2인 주변을 조사해서 P가 있는 경우를 조사하면 되는데 거리가 1일 경우 -> 이때는 무조건 지켜지지 않음 거리가 2일 경우 -> 대각선으로 위치해있거나 같은 행/열에서 2칸 차이 날 때 거리가 2일 경우에는 몇가지 경우를 생각해 봐야 하는데 PX XP 이런식으로 대각선으로 위치해 있을 때 칸막이가 두개 있다면 거리두기가 지켜지고 PXP 같이 같은 행/열에서 두 칸 차이나는 곳에 위치해 있다면, 그 사이에 칸막이가 있으면 거리두기가 지켜짐 대각선 조사 여기서 조금 헷갈렸던게 P가 대각선으로 위치해 있는 경우, 인근에 X가 위치해 있는지를 조사..