time to wander

https://programmers.co.kr/learn/courses/30/lessons/72410 코딩테스트 연습 - 신규 아이디 추천 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 programmers.co.kr 문제 설명 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다...

https://programmers.co.kr/learn/courses/30/lessons/12910 코딩테스트 연습 - 나누어 떨어지는 숫자 배열 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하 programmers.co.kr 문제 풀이 function solution(arr, divisor) { const answer = arr.filter((el) => el % divisor == 0).sort((a, b) => a - b) return answer.length > 0 ? answer : [-1] } filter(..

https://programmers.co.kr/learn/courses/30/lessons/12915 코딩테스트 연습 - 문자열 내 마음대로 정렬하기 문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱 programmers.co.kr 문제 풀이 function solution(strings, n) { const answer = strings.sort((a, b) => { if (a[n] b[n]) { return 1 } else { return a < b ?..

어느덧 실전 프로젝트를 시작한 지도 5주가 지났다. 바쁘다는 핑계로 일주일마다 써야 하는 회고록도 미뤄왔으니 반성해야 할 게 이만저만이 아니다,, 원래 이번 주 수요일에 1차 배포를 하는 게 목표였지만 프론트엔드 쪽의 작업이 늦어지는 바람에 오늘이 되어서야 겨우 프로덕션 배포를 마칠 수 있었다. 다사다난했던 5주 항상 다사다난했던 건 아니지만 프로젝트의 시작과 마지막에는 크고 작은 이슈들이 있었다. 처음에는 서비스 기획 단계에서 의견을 좁히는 데에 있었고, 마지막에는 디자이너 분들과 커뮤니케이션 하는 과정에서 발생했다. 아무래도 프론트엔드와 백엔드도 디자이너와 협업하는 게 처음이고, 디자이너 분들도 개발하는 사람들과 협업하는 게 처음이다 보니 애로사항이 없을 수 없었던 것 같다. 그래도 처음에도, 마지막..

Today I Learned 오늘은 axios로 서버에서 데이터를 받아와서 통계 탭에 출력해주는 작업과 프로그래머스 알고리즘 문제를 풀었다. 비록 레벨 1이지만 카카오 문제를 내 힘으로 풀었다! 머릿속으로는 접근 방법이 안 떠올라서 손으로 그림을 그리면서 풀었더니 순서에 대한 감이 잡혔고, 스터디 시작 1분 남은 시점에서 다행히 모두 통과할 수 있었다. 그리고 서버에서 데이터 받아 온 데이터 중 랭킹 데이터가 있는데, 어차피 등록한 사전 수를 기준으로 내림차순으로 정렬한 리스트로 받는 거라 순위는 안 받고 리스트의 index에 +1을 연산해서 화면에 출력하려고 했는데 작은 문제가 생겼다. 부모 컴포넌트에서 리스트에 map 메소드를 사용해서 자식 컴포넌트에 하나의 랭크에 대한 데이터를 넘겨주는데, inde..

Today I Learned 📌 swiper.js로 간단한 가로 슬라이드 만들기 내가 작업하고 있는 사전 통계 탭에 단어 등록을 많이 한 유저 랭킹이 들어가는데, 세 명까지만 나와서 세로로 늘어놓는 것 보다는 가로로 순서대로 보이는 게 모바일 환경에서 더 좋을 것 같았다. onMouse 이벤트로 이렇게 저렇게 해보다가 시간이 없어서 결국 또 라이브러리를 사용하기로 했다. swiper.js는 이미 다른 페이지에서도 많이 사용되고 있어서 설치할 필요는 없었고, 필요한 것만 컴포넌트에 import 해서 사용하면 됐는데 나는 페이지네이션도, 내비게이션도 필요하지 않고 간단한 가로 슬라이드만 구현할 거라서 Swiper와 SwiperSlide만 import해서 사용했다. /* DictStat.js */ /* 라이브..