개발 REPO

🔗 시작하기 전 깔아야하는 모듈 1. express - 웹 프레임워크로써 API개발을 위해 사용합니다. 2. ejs - html 대신 ejs를 사용하기 위해 사용합니다. 3. body-parser - post request data의 body로부터 파라미터를 추출할 때 사용합니다. 4. nodemon - 변경사항이 있을 때 서버를 자동으로 업데이트하기 위해 사용합니다. 5. mysql - 저는 mysql를 데이터베이스로 사용할 것이라 깔았습니다. npm install --save express, ejs, body-parser, nodemon 📋 기능별 폴더 나누기 로그인과 회원가입을 할 때 필요한 기능을 나눠보겠습니다. 1. 데이터베이스와 연결하는 기능 2. 데이터베이스와 프론트를 연결해주는 역할을 하는..

1. 문제 2. 문제 풀이 실패율 = 스테이지 도달했지만 클리어 못한 플레이어 수 / 스테이지에 도달한 플레이어 수 N에 스테이지 수가 정해지고 stages배열에 있는 사람들 중 스테이지 당 실패율을 구하여 실패율 기준 스테이지를 내림차순으로 정렬합니다. 마지막 스테이지를 깨면 N+1의 수가 나옵니다. 3. 풀이 방법 이 문제는 sort와 filter를 사용하여 풀어야 조금 더 간단하게 풀 수 있습니다. 1. filter를 이용해 stages배열에서 중복되는 stage를 찾아낸 후 2. 실패율을 구하고 stage와 실패율을 같은 배열에 저장한 후 3. 실패율을 sort를 이용해 순서를 내림차순으로 바꿉니다. 4. 마지막으로 그 stage만 꺼내주면 결과가 나옵니다. 4. 전체 코드 마지막으로 forEac..

1. 문제 2. 문제 풀이 위에서 보다시피 다트는 3번의 기회가 있고 0~10점까지 있습니다. Single, Double, Triple 영역이 존재하고 *와 #이 존재합니다. Single 1제곱 Double 2제곱 Triple 3제곱 * 바로 전 점수와 해당 점수 각각 2배 # 해당 점수 마이너스 총 점수를 반환하면 되는 문제입니다. 여기서 관건은 10점을 어떻게 하는가.. 그리고 *과 #인 것 같습니다. 3. 풀이 방법 일단 score가 10점이 나왔을 경우를 if문으로 빼서 구하고 점수와 S,D,T를 합쳐서 꺼내어 점수를 냅니다. 그리고 *과 #이 나왔을 경우 그에 맞는 계산을 한 후에 빈 배열에 하나씩 넣어준 후 모든 점수를 합쳐주었습니다. 4. 전체적인 코드 1. 문자열을 배열처럼 사용할 수 있다..

1. 문제 2. 문제풀이 비밀지도는 두개로 이루어져 있는데 두 비밀지도를 합치면 암호를 해독하는 지도가 나온다는 내용입니다. 그래서 가로를 기준으로 공백은 0 #이 있는 칸은 1로 되어있어 2진법으로 바꾸어 배열에 삽입되어 있습니다. 그 값들을 합쳐 비밀지도를 해독하고 벽이 있는 부분은 #, 없는 부분은 공백으로 나타내야 합니다. 3. 풀이 방법 저는 일단 arr1과 arr2의 값들을 2진법으로 나타내고 그 값을 합치려고 했으나 javascript는 or연산을 사용하면 2진법으로 계산이 된다는 것을 알게 된 후 or연산을 한 후에 2진법으로 나타냈습니다. 그 다음 1과 0를 #과 공백으로 나타내기 위해 replace와 정규표현식을 이용해 바꿔주었습니다. 4. 전체적인 코드 toString(2)같은 경우는..

1. 서론 기능별로 나누는 연습을 하고 있기 때문에 저는 에러가 맞는지 확인하는 파일과 에러 메시지를 띄우는 파일로 나누어 주었습니다. 그리고 메인 index.js에서 사용하기 위해 리턴값을 Boolean값으로 정해주기로 하였습니다. 2. ErrorValidator.js 함수의 이름으로 아실 수 있겠지만 3가지로 나누어 놓았습니다. 1. 숫자가 3개가 아닌 경우 2. 숫자가 중복되었을 경우 3. 숫자가 아닐 경우 1. 숫자가 3개가 아닌 경우는 간단하게 length를 이용하여 비교하였습니다. 2. 중복인 경우는 Set함수를 이용해 원래의 길이와 맞는지 비교하여 판단하였습니다. 3. 숫자가 아닌 경우는 isNaN을 이용해 숫자가 맞는지 판단하였습니다. 여기서 isNaN은 문자열이여도 그 문자열이 숫자로 구..

저번 글에 이어서 이번에는 기능 구현을 해보겠습니다. 기능을 구현하기 전에 일단 기능에 맞게 파일을 나눠주겠습니다. 클래스별로 나누는 폴더 classes 안에 들어가는 error를 처리하는 폴더 error random으로 컴퓨터가 가져오는 3개의 숫자를 처리하는 폴더 random 컴퓨터의 숫자들과 입력받은 값으로 baseballGame을 처리하는 폴더 result 안에 들어있는 파일들은 차차 설명하겠습니다. 1. computer.js Computer라는 클래스안에 getRandomNumbers라는 함수를 생성합니다. 여기서 중요한 점은 숫자가 중복되서는 안된다는 것입니다. 중복을 하지 않기 위해서 Set객체를 사용해 중복값을 지워주었고 변수의 사이즈가 3개가 넘지않으면 반복문을 계속 3개가 되면 join..

서론 모듈을 활용하고 여러 기능을 나눠서 짜는 코딩을 연습하기 위해 SW 동아리에서 실행한 숫자 야구 게임을 만들어 보았습니다. HTML & CSS html의 내용은 이렇습니다. head부분에서 default js 파일의 type을 module로 넣어줍니다. 하는 이유는 뒤에서 다시 설명드리겠습니다. css에서는 간단하게 body전체를 가운데 정렬한 후 배경색만 바꿔주었습니다. 기능 구현 컴퓨터가 랜덤으로 3개의 숫자를 만든다. input text로 사용자에게 숫자를 입력받는다. 사용자에게 입력받은 숫자와 컴퓨터의 숫자를 비교하여 스트라이크와 볼을 판단한다. input text에 숫자가 아니거나 3자리의 숫자가 아닌 경우 오류 메시지를 띄운다. 결과창에 볼과 스트라이크 혹은 아무것도 없을 때(미싱)를 출..

1. 문제 2. 문제 해석 마라톤에 참여한 선수들 중 완주하지 못한 선수의 이름을 반환해주는 문제입니다. 여기서 참가자 중에는 동명이인이 있을 수 있습니다. 3. 코드 해석 문제가 해시에 관련된 문제이기 때문에 object를 이용하여 풀이하였습니다. function solution(participant, completion) { const obj = {}; for (let player of participant) { if (obj[player]) { obj[player] += 1; }else { obj[player] = 1; } } for (let finisher of completion) { if (obj[finisher]) { obj[finisher] -= 1; } } for (let player o..