[프로그래머스/js] 숫자의 표현 (Lv. 2)
·
공부/코딩테스트
문제https://school.programmers.co.kr/learn/courses/30/lessons/12924 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr문제 리뷰이번에 pick 한 문제도 문제 설명이 짧고, 스토리텔링이 더해지지 않아(군더더기 없는 설명!!) 이해가 쉬운 문제였습니다. 저는 일단, "그냥 1부터 '연속된 자연수의 합'이 n이 되는 애들 수집해버려" 라고 생각했고, 그렇게 코드를 작성했습니다. (Stay..) 첫 번째 시도 (오답, 79.2/100)codefunction solution(n) { let answer = []; for (let i = 1; i ..
[프로그래머스/js] 다음 큰 숫자 (Lv. 2)
·
공부/코딩테스트
문제https://school.programmers.co.kr/learn/courses/30/lessons/12911 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 리뷰문제 설명도 길지 않고, 스토리텔링이 더해지지 않아서 이해하기 쉬운 착한(?) 문제 였습니다. 처음에는자연수 n을 이진수 변환을 한 다음 — 해당 ⓐ 이진수가 갖고 있는 1의 갯수를 맞추면서 조각조각 따따따(비트 연산) 한 뒤 — 얘를 다시 10진수로 변환해서 반환해주기 —를 상상했습니다만.. 그러한 결과를 낼 수 있는 규칙성을 찾기 어려워서, 다른 방법을 시도했습니다. n을 1씩 증가 시키면서, n+1이 조건에 맞는지(즉, ⓑ n..
[프로그래머스/js] 비밀 코드 해독 (Lv. 2)
·
공부/코딩테스트
문제https://school.programmers.co.kr/learn/courses/30/lessons/388352문제 리뷰문제를 이해하고, 조합 로직을 작성하는 데 시행 착오를 겪으면서, 정답 코드를 작성하기까지 2시간 정도 걸린 것 같습니다. (...) 저는 조합 로직을 이용해 ⓐ 1~n 수 중 5개의 숫자를 선택하는 경우들을 구하고,* ⓐ: 문제에서 '오름차순'으로 지정해 주었기 때문에, 순서는 고려하지 X. 각 경우에 따라 ⓑ 추가 조건을 충족하는 지 따지고, answer에 값을 카운트 하는 방식으로 풀이했습니다.* ⓑ: 해당 조합이 q에서 주어진 각 시도의 조합과 대응시켜서, 포함된 정수의 수가 ans와 일치한다면 O.첫 번째 시도 (정답)codefunction solution(n, q, a..
[WSL2] Linux 한글 입력기 설정
·
공부/IT 인프라
왜 하게 됐죠?안녕하세요?.. 먼저 WSL2 Linux에서 한글 입력기를 설정하기를 왜 시작했는지부터 기록을 해두려고 합니다. (본문과 관련 없는 딴 얘기입니다) 최근 웹 프레임워크 Spring을 공부해보고 싶다는 생각이 들어서.. 시작하게 된 것인데요. Spring을 시작하는 IDE로 뭐가 좋을까~ 고민하며 조사를 하다 보니!제일 추천하는 것: IntelliJ Ultimate이었으나!..학교를 졸업하고 보니 Education? 라이선스가 만료되어서 더 이상 쓸 수 없게 되었더군요. 물론 돈을 내면 쓸 수 있긴 함(..) 그냥 IntelliJ Community를 쓴다는 방법도 있었습니다. 하지만 이것을 선택하지 않았죠..그 이유인즉슨: ⓐ 내장된 데이터베이스 뷰어 및 쿼리 실행 기능이 없다거나, ⓑ HT..
[Next.js] HTML Element 충돌 감지
·
개발/Front-End
안녕하세요!! 이번에는 에어 하키를 구현하기 위해 꼭 필요했던 로직을 기록해 보겠습니다. HTMl 요소 간 충돌을 감지하고, 충돌 발생시 이어서 적절한 로직을 수행하도록 했습니다. 그 상세한 로직 수행 내용을 적어보자면,puck과 스테이지 벽 간 충돌 시 - puck이 벽으로부터 튕겨져 돌아오도록 처리puck과 paddle 충돌 시 - puck이 paddle로부터 튕겨져 나가도록 처리puck과 goalPost(골대) 충돌 시 - ⓐ 어느 쪽 골대에 충돌했냐에 따른 점수 카운트 처리 + ⓑ puck 위치 초기화 + ⓒ 카운트다운 재시작라는 부분에서 적극! 활용되었습니다. 해당 로직을 구현하기 전 구글링을 통해 레퍼런스를 수집해 보니, MDN이나 다른 개발자분의 블로그에서도 확인할 수 있었습니다. (최하단 ..
[Next.js][Socket.IO] 연결 및 사용
·
개발/Front-End
안녕하세요.. 이번에는 Next.js, Node.js 프로젝트에서 Socket.IO를 사용한 웹 소켓 실시간 통신 내용을 복기해 보겠습니다. 이 프로젝트에서는 다음 부분에서 Socket.IO 웹 소켓 통신을 사용했습니다.게임방 목록 조회게임방 생성 (목록 추가)게임방 입장 (목록 삭제)게임 진행 중각자 paddle 위치 동기화puck 위치 동기화점수 동기화카운트다운 동기화 1. Socket.IO 설치 (1) Node.js 프로젝트 - socket.io 설치npm install socket.io (2) Next.js 프로젝트 -  socket.io-client 설치npm install socket.io-client 2. Socket.IO 사용 (예시)(1) Node.js 프로젝트간단하게 확인하기 위해, 방..