전체 글 73

[프로그래머스] 0단계 - 등수 매기기

1. 문제 설명 2. 답안 function solution(score) { let arr = [] for(let item of score){ let [eng, math] = item arr.push((eng + math) / 2) } let answer = [...arr].sort((a,b) => b - a) return arr.map(x => answer.indexOf(x) + 1) } - 처음에 reduce로 객체 만들어서 시도하였으나,, 그렇게 하니까 중복된 값이 사라져서 다른 방법으로 시도,, - sort는 원본 배열을 수정하므로 얕은 복사를 통해 answer에 할당 - indexOf는 값에 해당하는 첫번째 인덱스를 반환해주니 중복된 값도 그 첫번째 인덱스로 들어가서 해결!

[프로그래머스] 0단계 - 캐릭터의 좌표

1. 문제 설명 2. 답안 function solution(keyinput, board) { let answer = [0,0] for (let item of keyinput){ switch (item){ case 'left' : if (-answer[0] < board[0] / 2 - 1) answer[0]--; break; case 'right' : if (answer[0] < board[0] / 2 - 1) answer[0]++; break; case 'up' : if (answer[1] < board[1] / 2 - 1) answer[1]++; break; case 'down' : if (-answer[1] < board[1] / 2 - 1) answer[1]--; break; } } return ..

[NEXT] 1. 피그마(figma)를 사용해서 기획, 디자인 하기

🫣 개요 1. 왜 Cock!인가요? - 개인 프로젝트로 뭐를 하면 좋을까 생각하다가.. 내가 좋아하는 주제로 하고 싶어서 ㅎㅎ,, 마침 칵테일 관련 api도 많은 것 같아 칵테일 레시피 사이트를 하기로 마음 먹었다! - Cock!은 칵테일의 칵!을 따와서 만든 이름이고,, 그냥 내가 앞글자 따서 이름 짓는 걸 좋아해서 그렇게 지었다 ㅎㅎ (tmi 우리집 로봇청소기 이름은 로로이다) 2. 프로젝트는 어떤 언어, 프레임워크를 사용할 건가요? - 프로젝트에 시작하기에 앞서 어떤 기능들이 들어갈지,, 디자인은 어떻게 해야할지 고민하다 예전부터 써보고 싶었던 피그마를 통해 기획, 디자인을 하기로 결정! - Next.js, typescript, styled-components, Node.js, RestAPI, mo..

[프로그래머스] 0단계 - 삼각형의 완성조건 (2)

1. 문제 설명 2. 답안 function solution(sides) { return Math.min(...sides) * 2 - 1 } - 어떻게 접근해야하는지도 감이 안 잡혔던 문제.. 다른 사람 풀이 보니까 이렇게 한 줄로 적혀있어서 육성으로 헐... 이랬는데 역시나 수학 문제였던 것 ㅠㅠㅠ 수학이 사람 잡네😭 - 댓글에 적혀있던 풀이 sides = [a,b] 이고(a>b라고 가정, 이는 sort해주면됩니다.) 새로 주어지는 변의 길이를 c라고 했을 때, a가 가장 긴변인 경우 즉 a > c인 경우 b + c > a > c 이므로 a > c > a-b 이기 때문에 c의 정수 갯수는 b-1개입니다. / c가 가장 긴변인 경우도 이런식으로 하면 되고 a=c 인경우 한가지 이므로 2b-1이 나옵니다.

[REACT] React + Typescript + Vite + SCSS로 만드는 쇼핑몰 개인프로젝트 (10/10)

드디어 마무리! 배포 부분은 정말 나 혼자 스스로의 힘으로 할 생각을 하니까 너무 막막하고.. 포기하고 싶고.. 그랬지만 일단 부딪혀보자는 나의 신념으로 ㅎㅎ.. 가보작오!!! 💡 오늘 할 것 배포하기 1️⃣ 서버 배포 - koyeb 강의가 진행된 2022년 초와 달리 2024년 1월인 지금.. heroku의 무료 호스팅이 유료화가 되어,, 다른 무료 호스팅 업체? ㅋㅋ를 찾아야했다 구글링을 통해 알아낸 것이 바로 Koyeb! 참고한 블로그 (큰 틀은 이 블로그와 똑같이 진행했다) https://cocobi.tistory.com/248 [Node] Koyeb으로 서버 무료로 배포하기 (헤로쿠 대체 플랫폼!!) ❔ Koyeb 이란 2022년 11월 28일부로 헤로쿠(Heroku)의 서비스가 유료로 전환되었..

카테고리 없음 2024.01.29

[REACT] React + Typescript + Vite + SCSS로 만드는 쇼핑몰 개인프로젝트 (9/10)

💡오늘 할 것! - firebase 연동 1️⃣ firebase 설치 📚 firebase란? NoSQL 기반의 데이터베이스 RTSP 방식의 데이터베이스 지원 RTSP : Real Time Stream Protocol. 실시간으로 데이터들을 전송 1. firebase 시작하기 2. 프로젝트 만들기 3. 데이터베이스 만들기 - Firestore Database 4. 컬랙션 만들기 5. 프로젝트 설정 / 플랫폼 선택 - 앱 등록 후 Firebase SDK 추가 6. firebase 설치 - 터미널에서 server로 이동 npm install firebase 7. SDK작성 (보안을 위해 .env 파일 생성 후 불러오기) // Import the functions you need from the SDKs you..

카테고리 없음 2024.01.28