문제 2. 내 해결법 사실 2단계 문제인데 1단계 레벨 인것 같다. 설명하기도 민망한;_;
문제 2. 내 해결법 사실 2단계 문제인데 1단계 레벨 인것 같다. 설명하기도 민망한;_;
문제 2. 내 코드 문자열을 isNaN을 통해 숫자인지 문자인지 판별 숫자일 경우 그대로 answer에 더하고 아닐 경우, 스택처럼 tmp문자열에 계속 더해서 숫자가 될 경우 answer에 더한다. 3. 최고의 답안 다른사람의 풀이를 보는데 진짜 쩌는 것을 보았다. 무려 좋아요 99개를 받은 풀이. split과 join을 이용해 딱 9번만 반복하면 된다. 최고다,,,, 읽는데 짜릿해 이런 코드를 짜기 위해 […]
프로그래머스 카카오 인턴 – 키패츠 누르기 문제 문제 2. 내가 푼 해답 numbers를 keypad의 인덱스와 일치한 배열을 선언한다. 위에서 선언한 배열을 돌면서, 왼손과 오른손이 명백할 경우 그리고 그 외의 경우를 나누어서 로직을 세운다 1번 인덱스의 수가 0일 경우는 왼손, 2일 경우는 오른손을 이동시키고, 1일 경우엔 위치 계산을 해서 더 가까운 쪽을 이동시키면 된다. 카카오 문제는 […]
프로그래먼스 카카오 블라인드 채용 코딩테스트 문제 : 신고 결과 받기 문제 2. 내가 푼 해답 report를 { 신고당한사람 : [신고한 사람1, 신고한 사람2…]} 형태의 객체로 바꾼다. (이때 set을 활용하면 중복을 제거할 수 있다.) 위에서 반환받은 객체의 key를 반복문으로 돌면서 k번 이상 신고당한 사람일 경우, 카운트를 1 증가시킨다. 반환한다. 끝이다! 비교적 문제는 쉬웠는데, 뭔가 노가다로 푼 […]
Next.js에서 라이브러리 적용 중에 window 객체에 해당 속성이 정의되지 않았다는 에러가 발생했다.
React는 CRA로 프로젝트 생성하면 jest가 포함되어 있는데, Next.js는 포함이 안되어있어서 따로 설치를 해야한답. js 관련 라이브러리 설치 2. package.json에 jest관련 설정 3. package.json – scripts에 test 추가 3. 테스트해보기 4. 성공!
프로젝트 생성 2. eslint, prettier 라이브러리 설치(vscode extension 설치와 settings.json 설정은 필수) 3. eslint 설정 예시 (.eslintrc) 3. prettier 설정 예시 (.prettierrc)
프로젝트를 빌드시키는 과정에서 eslint 에러가 발생했습니다. 이번 프로젝트에 처음으로 typescript를 적용해서 대비를 못했었네욥. 그럼 에러를 없애보도록 하겠습니다~_~ 라이브러리 설치 2. eslint 설정파일 수정 구글링을 통해 수정한 부분만 올려놨습니다. 이렇게 하고 빌드를 하면 성공!
디자인이 나오지 않은 상태에서 개발을 진행중이라…(ㅎㅎ…) 툴팁은 라이브러리로 구현해놓기로 했습니다. 라이브러리는 가장 사용법이 간단하고 쉬운 react-tooltip 라이브러리 선택! 라이브러리 설치 2. ReactTooltip 컴포넌트 적용 hover 효과를 더할 요소에 ReactTooltip에 전달한 id와 똑같은 값을 data-for에 설정하면 됩니다. 그리고 children으로 tooltip에 띄울 내용 혹은 컴포넌트를 전달하면 끝입니다. effect, place, type은 부가적인 요소로 설정하지 않을 경우 default 값이 […]
토큰 만료기간을 사용자에게 알려주기 위해 타이머가 필요했다. useTimer를 할까했는데 아예 컴포넌트로 만든 예시가 많아서 참고해 구현했다. 일단 필요한 기능은 5분 제한과 재시작이고, 코드는 다음과 같다. 사용예시 (렌더링) isActiveTimer값은 토큰 요청을 할 때는 false로 했다가, 서버의 응답(토큰값)을 받게 되면 true로 바꾼다.