개발 기록
-
[모던 JS 딥다이브] 4장 변수JavaScript/모던 자바스크립트 딥다이브 2023. 11. 23. 17:53
(https://github.com/kimyurie/study\_modernJSdeepDive/tree/master/04\_%EB%B3%80%EC%88%98 "4장 변수내용 정리") 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 4.1 변수란 무엇인가? 왜 필요한가? 4.1.1 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체이며 메모리 공간을 식별하기 위해 붙인 이름 변수에 값을 저장하는 것 : 할당(대입, 저장) 변수에 저장된 값을 읽어들이는 것 : 참조4.1.2 변수가 필요한 이유 메모리 주소를 통해 값에 직접 접근하는 것은 치명적 오류를 발생시킬 가능성 ⬆️ → 변수를 사용하면 개발..
-
[ 프로그래머스 Lv. 2] 최댓값과 최솟값Algorithm 2023. 11. 10. 14:25
[ 문제 설명 ] 문자열 s에는 공백으로 구분된 숫자들이 저장되어 있습니다. str에 나타나는 숫자 중 최소값과 최대값을 찾아 이를 "(최소값) (최대값)"형태의 문자열을 반환하는 함수, solution을 완성하세요. 예를들어 s가 "1 2 3 4"라면 "1 4"를 리턴하고, "-1 -2 -3 -4"라면 "-4 -1"을 리턴하면 됩니다. [ 제한 조건 ] s에는 둘 이상의 정수가 공백으로 구분되어 있습니다. [ 입출력 예 ] s return "1 2 3 4" "1 4" "-1 -2 -3 -4" "-4 -1" "-1 -1" "-1 -1" [ 문제 풀이 과정 ] M1 ) 아래는 내 풀이로 실행 결과 정답으로 통과했다. split(' ') 함수를 사용해서 문자열을 ' ' 기준으로 배열요소로 바꿔줬고, 그 후 ..
-
[team-project_종합 게임 사이트 만들기] 오목 게임 만들기 (5)Project/종합 게임 사이트 2023. 11. 7. 12:32
[ 오늘의 작업 과정 ] - 게임이 종료 되었을 때 나오는 다시 하기 모달창 다시하기 버튼 누르면 오목판 초기 상태로 리셋하게 만들기 - 3-3 경고 알림 모달창 뜨고 해당 돌 지우게 만들기 1. 게임이 종료 되었을 때 나오는 다시 하기 모달창 다시하기 버튼 누르면 오목판 초기 상태로 리셋하게 만들기 다시 하기 버튼을 눌렀을 때의 동작은 resetBtn 함수안에서 이루어지기 때문에 먼저 오목판 상태를 담을 table state를 useState로 만들어두고 다시하기 버튼을 클릭하면 table 값을 state를 true로 변경하도록 했다. 그리고 table state가 true로 바뀌었을 때 오목판 페이지가 다시 리로드 되도록 하기 위해 window.location.reload 함수를 사용했고 안에 해당 ..
-
[ 프로그래머스 Lv. 1] 약수의 개수와 덧셈Algorithm 2023. 11. 6. 15:28
[ 문제 설명 ] 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. [ 제한 조건 ] 1 ≤ left ≤ right ≤ 1,000 [ 입출력 예 ] 수 약수 약수의 개수 13 1, 13 2 14 1,2,7,14 4 15 1,3,5,15 4 16 1,2,4,8,16 5 17 1,17 2 따라서, 13 + 14 + 15 - 16 + 17 = 43을 return 해야 합니다. [ 문제 풀이 과정 ] 아래는 초기 오류가 났던 코드이다. 이중 for문을 사용해 left부터 right 까지의 각각의 약수의 수를 셀 수 있도록 짰지만 제..
-
[team-project_종합 게임 사이트 만들기] 오목 게임 만들기 (4)Project/종합 게임 사이트 2023. 11. 3. 12:54
[ 오늘의 작업 과정 ] - 게임이 종료 되었을 때 나오는 다시 하기 모달창 미리 만들어두기 css로 모달창은 미리 만들었고 게임이 종료되었을 때 모달창이 나오도록 해야하지만 아직 게임 종료 상황 코드를 짜지 않아서 임시로 오목판을 클릭했을 때 모달창이 나오도록 해서 정상적으로 나오나 테스트 했다. Modal 컴포넌트를 따로 만들어 앞서 미리 UI 디자인한 코드를 넣고 useState() 함수로 UI의 상태를 담을 state를 만들어 true이면 Modal 컴포넌트가 나오고 false면 null 값이 되도록 했다. 아래 코드이다. function Game2() { var [modal, setModal] = useState(false); // 다시하기 모달창 return ( {/* 다시 하기 모달창 */}..
-
[프로그래머스 Lv. 1] 수박수박수박수박수박수?Algorithm 2023. 10. 31. 13:57
[ 문제 설명 ] 길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴하면 됩니다. [ 제한 조건 ] n은 길이 10,000이하인 자연수입니다. [ 입출력 예 ] n return 3 "수박수" 4 "수박수박" [ 문제 풀이 ] 1. Array(3).fill(0) : [0, 0, 0] - 사용해서 전체 글자 길이(n)만큼 배열안에 0 채우기 2. map 함수 사용해서 0을 수박수~ 글자로 바꾸기 ✔️ 각 인덱스를 2로 나눈 나머지 값은 0 또는 1 밖에 안나오는 점 이용! 3. join 함수로 , 로 나눠진 글자 합치기 function solution(n) { const..
-
[team-project_종합 게임 사이트 만들기] 오목 게임 만들기 (3)Project/종합 게임 사이트 2023. 10. 29. 22:16
[ 오늘의 작업 과정 ] post 형식으로 아래와 같은 게임 전체 진행 상황 및 정보 데이터를 서버로 보내기 { color : "1" // 돌의 색 정보 (1이면 흑, 2이면 백) location : "4,6" // 돌의 좌표 (왼쪽 위에 칸 좌표 = "0,0" 기준 ) situation : "00000000000/00000001000/000000200/....." // 현재 게임 상황 (오목판 전체) } axios를 사용했고 아직은 서버 url을 만들지 않아 임시서버를 사용해 보낸 데이터를 확인하기로 했다. color 값은 현재 놓여진 돌의 색이 검정이면 '1', 흰색이면 '2'를 보내야 한다. 여기서 처음에 newColor가 아닌 color가 검정색일 때 '2'가 나오고 흰색일 때는 '1'이 이런식으..
-
[프로그래머스 Lv. 1] 가운데 글자 가져오기Algorithm 2023. 10. 28. 15:07
문제 설명 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. [ 제한 사항 ] s는 길이가 1 이상, 100이하인 스트링입니다. [ 입출력 예 ] s return "abcde" "c" "qwer" "we" 문제 풀이 - s의 length가 홀수이면 s의 인덱스가 s의 length / 2 한 값 - s의 length가 짝수이면 s의 인덱스가 s의 length / 2 한 값 - 1 과 s의 length / 2 한 값을 더해야 한 ✔️ length / 2 한 몫이 소수이므로 소수점 버리기 함수인 Math.floor이 필요하다 function solution(s) { if(s.length % 2 != 0) return s[Math..