본문 바로가기

분류 전체보기

[프로그래머스_Lv.1] 바탕화면 정리 (javascript) https://school.programmers.co.kr/learn/courses/30/lessons/161990 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr [풀이] x, y 좌표를 어떻게 구할까 ? 를 먼저 고민해봐야한다. (바탕화면)좌표에서 여러개의 파일이 있다고 생각했을 때, 모두 아우르는 범위를 알려면 드래그의 시작점은 젤상단의 왼쪽 이여야 하고 드래그의 끝점은 젤하단의 오른쪽이여야 한다. 주의할점은 이 문제에서 x축 ,y축 반대방향으로 간다 1. 이중for문 돌려서 좌표 마다 순회한다 2. '#' 이 나오면 x 좌표 배열에 (원래는 y좌표).. 더보기
Mixpanel + vue 연동 데이터팀에서 믹스패널 적용에 대한 요청이 왔다. 믹스패널은 아래에 페이지에 잘 설명되어 있다. https://docs.mixpanel.com/docs/what-is-mixpanel What Is Mixpanel? - Mixpanel Docs docs.mixpanel.com 간단히 얘기해보자면 우리 서비스에서 사용자가 어떻게 행동하는지 분석해주는, 사용자 행동기반의 제품 데이터 분석 툴(Product Data Analystics Tool)이다. 믹스패널은 좀 더 쉬운 의사결정을 위해, 또 사용자의 편의를 위해 기본 리포트인 인사이트, 퍼널, 플로우, 리텐션 리포트 이외에도 대시보드, 코호트 등 다양한 기능을 제공한다. Vue.js 기반 프로젝트에서 믹스패널 연동한 과정 1. package 설치 npm in.. 더보기
[프로그래머스_lv1] 카드 뭉치 (javascript) https://school.programmers.co.kr/learn/courses/30/lessons/159994 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr [풀이] 쉽다. goal 을 기준으로 각각의 단어를 순회하면서 cards1 에 있으면 넘어가고, 없으면 cards2에 있는지 확인, 없으면 No / 다 검사해서 있으면 Yes 리턴하면 끝! function solution(cards1, cards2, goal) { let index1 = 0; let index2 = 0; for (word of goal) { if(word === cards1[in.. 더보기
[프로그래머스 Lv.1] 공원 산책 (javascript) https://school.programmers.co.kr/learn/courses/30/lessons/172928 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr [문제] [풀이] 일단 시작점이 ('S') 무조건 첫번째가 아니다 -> 1. 시작점 찾기 'X' 표시에서는 건너뛰고 다음 루트 이동해야한다 -> block 좌표 2. x, y 0 이하 / x , y 좌표 벗어나는 지도 고려해야함 ! [코드] park: ["SOO","OOO","OOO"] routes: ["E 2","S 2","W 1"] result: [2,1] function solution(p.. 더보기
[프로그래머스 Lv.1] 추억 점수 (javascript) https://school.programmers.co.kr/learn/courses/30/lessons/176963 [문제 풀이] 가장 짧은 예시인 두번째걸 보면 kali 는 11 mari 는 1 don 는 55 photo 의 첫번째 배열에서 11+1+55 = 67 인것이다 [코드 풀이] function solution(name, yearning, photo) { // key-value 객체로 점수 매칭 const matching = {}; for(let i=0; i i.reduce((arr, cur) => arr + (matching[cur] || 0), 0)) return answer; } photo 배열을 map 을 통해 돌려주고 (배열을 리턴해줌) matching[cur] 에 값이 있으면 arr .. 더보기
[typescript] any VS unknown 🁢 anyScript 는 이제 그만 프로젝트의 tsconfig.json 파일에서 compilerOptions 에서 [참고: https://www.typescriptlang.org/tsconfig] noImplicityAny 는 any 라는 타입이 의도치않게 발생할 경우 에러를 띄워주는 설정이다 즉, true 로 설정할 경우 any 로 추론될 수 있는 타입을 명시적으로 지정해줘야 한다. 하지만 feature 를 개발하다보면 시간에 쫓기거나 혹은 귀찮아서 타입 지정시 any 를 남발하게 되는데... 'any' 타입은 타입스크립트의 타입 체크를 완전히 무시하게 만들어 준다. 'any' 타입의 변수에는 어떤 종류이 값이든 할당할 수 있으며, 그 변수를 사용하여 어떤 작업을 수행해도 타입스크립트 컴파일러는 오류를.. 더보기
Next.js 에 MongoDB 세팅 & 사용 Next.js 를 공부하면서 간단하게 게시판을 만들려고 한다 DB 설정을 하기 위해서 그 과정을 적어봤다. 일단 Next.js 프로젝트 먼저 생성해보자! * 기본스펙 * node version : v20.10.0 visual studio mac os 🍡 Next.js 프로젝트 생성하기 새로운 작업 폴더에서 터미널 열고 (저는 npx 에러 떠서 걍 yarn 으로 설치함, 아래 사이트 명령어 참고.) https://www.npmjs.com/package/create-next-app create-next-app Create Next.js-powered React apps with one command. Latest version: 14.1.0, last published: 22 days ago. Start u.. 더보기
실무에서 테스트 환경 적용기 [cypress, vue] 👁️‍🗨️ 테스트를 도입하게 된 배경 현재 회사에서 개발하고 있는 택시회사 erp 시스템이 규모가 꽤 커졌다. ERP 시스템인 만큼 급여시스템을 다루고 많은 택시회사들을 다루게 되다보니 관리포인트도 커지게 되었다. 분리되어 있는 페이지에서 다른 페이지에 서로 영향이 가는 기능도 많기 때문에 거기에 사용자가 복잡함을 느끼지 않는지, flow 에 방해가 되거나 혼돈을 주지 않는지, 등등을 고려해서 테스트해야한다. 복잡한 비즈니스 로직을 어떻게 하면 빠르고 안정성을 보장할 수 있을까 라는 고민도 커지게 되었고 이슈픽스에 더더욱이나 테스트 환경이 필요하게 되었다. + 팀원들의 PR리뷰하는데 시간도 많이 걸린다... 즉, 테스트하는데 시간을 단축시켜보자! ➿ 왜 E2E? snapshot test, unit tes.. 더보기
[1152][백준_브론즈2] 단어의 개수 - JavaScript https://www.acmicpc.net/problem/1152 1152번: 단어의 개수 첫 줄에 영어 대소문자와 공백으로 이루어진 문자열이 주어진다. 이 문자열의 길이는 1,000,000을 넘지 않는다. 단어는 공백 한 개로 구분되며, 공백이 연속해서 나오는 경우는 없다. 또한 문자열 www.acmicpc.net 배열로 받은 string의 length 만 찍으면 되는 쉬운 문제 일 줄 알았는데 오잉?ㅇ? 틀림 ## 처음 푼 풀이 const fs = require('fs'); const input = fs.readFileSync('./input.txt').toString().trim().split(' '); console.log(input.length); => 반례 !! ' ' 공백을 입력받았을 때 1.. 더보기
[2562][백준_브론즈3] 최댓값 - JavaScript https://www.acmicpc.net/problem/2562 2562번: 최댓값 9개의 서로 다른 자연수가 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 번째 수인지를 구하는 프로그램을 작성하시오. 예를 들어, 서로 다른 9개의 자연수 3, 29, 38, 12, 57, 74, 40, 85, 61 이 주어 www.acmicpc.net 자바스크립트로 백준 문제 풀려면 입력과 출력의 코드를 알아야한다 여간 귀찮은게 아니다 .. 나는 코드 에디터로 vscode 를 사용중이기 때문에 이런식으로 입력 받은 글자들을 input.txt 에 적은 다음 Node.js 환경에서 파일 시스템 모듈인 fs를 사용하여 파일을 읽어들이는 코드를 사용하여야 한다 const fs = require('fs'); const i.. 더보기
반응형

티스토리툴바