분류 전체보기
-
[JS] 배열 만들기 2코테라도 하자 2023. 8. 16. 16:55
코딩 테스트 연습 > 코딩 기초 트레이닝 > 배열 만들기 2 https://school.programmers.co.kr/learn/courses/30/lessons/181921 문제 설명 정수 l과 r이 주어졌을 때, l 이상 r이하의 정수 중에서 숫자 "0"과 "5"로만 이루어진 모든 정수를 오름차순으로 저장한 배열을 return 하는 solution 함수를 완성해 주세요. 만약 그러한 정수가 없다면, -1이 담긴 배열을 return 합니다. 입출력 예 l r result 5 555 [5, 50, 55, 500, 505, 550, 555] 10 20 [-1] 내 풀이 function solution(l, r) { const ranges = Array(r-l+1).fill().map((x,i)=> l+i..
-
leaflet-rotate로 leaflet 지도의 각도를 변경해보자.기록이라도 하자 2023. 8. 14. 13:44
leaflet에서 지도의 각도를 변경할 수 있는 자체 속성은 없다. 그럼에도 불구하고 지도의 각도를 변경하게 해달라는 요청이 고객들로부터 지속적으로 들어왔다. 현장에서 작업을 할 때 작업자들이 현장을 바라보는 특정한 각도가 있는데, 서비스에서 제공하는 지도에서는 각도가 항상 고정되어 있었기 때문에 불편했던 것이다. 더군다나 도면에 써있는 숫자나 글씨까지도 원래 사용하는 각도로 만들어져 있기 때문에 도면이 뒤집어진 채로 사용해야 했다. 면적이 극도로 큰 현장에서 더 크게 불편함을 느꼈고, 기술 지원 팀에게 매일 전화 요청이 들어오면서 본격적으로 작업에 착수했다. leaflet-rotate를 사용하여 지도의 각도를 변경했고, 이 라이브러리는 데모는 잘 만들어진 것에 반해 사용 설명서(API 문서)가 없어서 ..
-
[JS] 문자열 겹쳐쓰기코테라도 하자 2023. 8. 14. 12:22
Programmers / 코딩테스트 연습 / 코딩 기초 트레이닝 / 문자열 겹쳐쓰기 https://school.programmers.co.kr/learn/courses/30/lessons/181943 문제 설명 문자열 my_string, overwrite_string과 정수 s가 주어집니다. 문자열 my_string의 인덱스 s부터 overwrite_string의 길이만큼을 문자열 overwrite_string으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. 제한 사항 my_string와 overwrite_string은 숫자와 알파벳으로 이루어져 있습니다. 1 ≤ overwrite_string의 길이 ≤ my_string의 길이 ≤ 1,000 0 ≤ s ≤ my_string의 ..
-
[JS] 문자열 반복해서 출력하기코테라도 하자 2023. 8. 14. 12:03
Programmers / 코딩테스트 연습 / 코딩 기초 트레이닝 / 문자열 반복해서 출력하기 https://school.programmers.co.kr/learn/courses/30/lessons/181950 문제 설명 문자열 str과 정수 n이 주어집니다. str이 n번 반복된 문자열을 만들어 출력하는 코드를 작성해 보세요. 제한사항 1 ≤ str의 길이 ≤ 10 1 ≤ n ≤ 5 내 풀이 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { inpu..
-
7월 회고회고라도 하자 2023. 8. 2. 22:55
회사 업무 관련 지도 각도 변경 지도 각도 변경 작업하고 버그가 꽤 많았다. 그중에서 지도 왼쪽과 위쪽에서 지도도구 클릭시 지도 중심이 자꾸 움직이는 현상은 진짜 원인을 모르겠다. 클릭 이벤트 다 막고 난리를 쳐도 안되는데 leaflet-rotate만 제거하면 괜찮아지니까 더 짜증이 난다. 단면도 차트에서 표시된 위치가 지도에 표시되지 않는 현상이 있어서 (이 부분 빼먹음) 계산 로직을 추가했다. 수정을 하다보니 지도를 움직이기 전까지는 지도도구 생성시에나, 단면도 위치가 잘 계산되어서 원하는 위치에 나오는데, 지도를 움직이거나 줌레벨 변경하면 이상한 오차가 생겼다. 근데 생각해보니 얘네도 그냥 마커라서 렌더러를 L.svg()로 바꾸면 해결되는 거였다. 괜히 계산 로직 때문에 골머리를 앓을 필요가 없었다..
-
센트리 로컬 환경에서 사용할 수 있게 설정하기기록이라도 하자 2023. 8. 2. 22:15
보통은 필요 없지만 간혹 로컬에서 상용 배포를 수동으로 한다든가, 빌드시 센트리를 위해 소스맵까지 빌드하는 것을 확인하고 싶다면 로컬에서 센트리 설정 파일(.sentryclirc)가 있어야 한다. 요즘 소스맵이 너무 커져서 빌드하다가 메모리가 부족해 죽는 현상으로 인해 로컬 테스트가 필요해졌다. 개발 환경이 바뀌면서 어떤 컴퓨터에는 설정되어 있고 어떤 컴퓨터에는 설정되어 있지 않았는데, 이 정보 찾기가 귀찮아서 계속 미루다가 나중의 나를 위해 설정하면서 기록한다. 설정 하는 법 sentry-cli 설치 npm install -g @sentry/cli curl -sL https://sentry.io/get-cli/ | sh 다양한 방법으로 설치할 수 있지만 난 npm으로 설치했다. (둘 중 아무거나 하면 ..
-
사이드 해보자 (1) flutter 개발 환경을 설정해보자사이드라도 하자 2023. 7. 11. 23:29
드디어 플러터 인강을 한번 쭉 다 듣고, 이제서야 개발 환경을 세팅했다. 코딩애플의 플러터 강좌를 들었는데 강의 자체가 많지 않아서 깊게 공부하기 보다 처음에 전반적으로 배우기 좋은 수업이었다. 물론 중간 중간에 숙제 하라고 했는데 안하고 그냥 쭈욱 듣기만 했다. (몇 주간 컨디션이 너무 안 좋아서 거의 누워서 수업 듣는 것에 위안을 삼으며 보냈다.) 출퇴근 길에 인강 다 듣고 나서, 플러터 책도 읽고 있는데 역시 따라하지 않으니까 설렁설렁 보는 것 같긴 하다. 어쨌든 오늘은 윈도우 PC에 플러터 개발환경을 세팅했다. 1. flutter 설치 2. Android Studio 설치 3. JDK 설치 다 설치하고 나서, PowerShell에서 flutter doctor를 입력해보니 두가지 에러가 발생했다. ..
-
[HTML5] 시맨틱 태그: 의미와 구조를 명확하게 정의하는 HTML 태그공부라도 하자 2023. 7. 9. 22:13
시맨틱 태그(Semantic Tags, Semantic Elements)란? 시맨틱 태그는 HTML에서 사용되는 의미와 구조를 명확하게 정의할 수 있는 태그를 말합니다. 이러한 태그들은 HTML5에서 도입되었습니다. 시맨틱 태그의 중요성 가독성 향상과 유지 보수 용이 시맨틱 태그를 사용하면 문서의 구조를 명확하게 표현할 수 있어 가독성이 좋아집니다. 태그만 사용하여 웹 문서를 구성할 수도 있지만, 시맨틱 태그를 사용하면 코드를 파악하기가 더 쉬워지며, 유지 보수가 편리해집니다. 검색엔진 최적화(SEO) 검색 엔진은 HTML 태그를 분석하여 웹 페이지의 내용과 구조를 이해합니다. 시맨틱 태그를 사용하면 검색 엔진이 페이지의 콘텐츠를 더 잘 인식하고 색인할 수 있습니다. 예를 들어 태그는 재배포 가능한 콘텐..