profile
개 발자국 🐾
post-thumbnail

JavaScript - reduce함수를 이용해 새로운 객체 생성, 객체 key & value 값 접근

위의 코드는 keys와 values 배열을 사용하여 객체를 생성하는 방법 중 하나입니다. keys와 values 배열을 생성합니다.reduce() 함수를 사용하여 keys 배열을 순회합니다. reduce() 함수는 누적값(acc), 현재 값(curr), 현재 인덱스(i

2023년 5월 4일
·
0개의 댓글
·
post-thumbnail

JavaScript - 프로그래머스 문자열 내 마음대로 정렬하기: localeCompare, sort함수

프로그래머스 lv.1 문자열 내 마음대로 정렬하기 풀이 중참고자료|mdn web docs이 코드를 보고 처음보는 함수 localeCompare에 대해 배웠다. 그리고 sort() 활용법도 배웠다.localeCompare 함수는 참조 문자열이 정렬 순으로 지정된 문자열

2023년 4월 28일
·
0개의 댓글
·
post-thumbnail

JavaScript - 프로그래머스 lv.1 이상한 문자 만들기

위와 같이 작성했더니 한 문제를 제외한 모든 문제에 오류가 (...) ㅠㅠ내가 의도한 바는 다음과 같다.: 공백을 기준으로 문자열을 분리하여 배열로 저장 : 배열로 담아준 단어들을 각각 분리하여 words라는 배열에 새로 푸시 : 배열 안의 배열 구조이기 때문에 하나씩

2023년 4월 26일
·
0개의 댓글
·
post-thumbnail

JavaScript - toString(), parseInt()를 이용해 진수 변환하기

프로그래머스 lv.1 3진법 뒤집기 풀이 중참고자료 | \[JavaScript] 진수변환, toString(), parseInt()10진법을 3진법으로 변환했다가 다시 10진법으로 변환하는 그런 알고리즘 문제를 풀다가 다른 사람들의 풀이 중 눈에 띄는 게 있어서 뜯어보

2023년 4월 26일
·
0개의 댓글
·
post-thumbnail

JavaScript - 정수 판별 함수 Number.isInteger, 제곱근 반환 함수 Math.sqrt

\*프로그래머스 lv.1 약수의 개수와 덧셈 문제 풀이 중위 알고리즘 문제를 풀다가 어떤 수의 제곱근인 정수는 약수의 개수가 홀수라는 개념을 알게 되었다.Number.isInteger(Math.sqrt(x)) == true 인 경우 x의 약수의 개수는 홀수인 셈.Num

2023년 4월 26일
·
0개의 댓글
·

TypeScript - 초기세팅 설정 중 발생한 오류 목록

Create React App을 이용하여 React 앱을 생성npx create-react-app "" --template typescript styled-components와 관련된 패키지 설치npm install styled-components @types/styl

2023년 4월 25일
·
0개의 댓글
·
post-thumbnail

JavaScript - .filter()

참고자료 | Mdn Array.prototype.filter()주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환해주는 함수callback - 테스트가 true이면 요소를 유지하고 false이면 버린다.매개변수 3가지element: 처리할 현재 요소i

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

JavaScript - x만큼 간격이 있는 n개의 숫자; map함수 활용

프로그래머스 lv.1 문제 중 x만큼 간격이 있는 n개의 숫자를 풀다가 다른 분들의 답변을 보고 감명 받아 적어보는 코드 리뷰글!참고자료 | 진스-실무에서 자주 쓰는 함수 1.map함수, filter함수나는 빈 array를 만들어서 for문을 이용해 풀었다.예를 들어

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

JavaScript - do...while문 개념 이해

참고자료|MDN do...whiledo...while문은 테스트 조건이 false가 될 때까지 지정된 구문을 실행하는 루프를 만든다.구문: 테스트 조건이 true일 때마다 한 번 이상 실행되는 구문.조건식: 루프가 실행될 때마다 평가되는 식으로, 조건식이 true인 경

2023년 4월 3일
·
0개의 댓글
·
post-thumbnail

JavaScript - 문자열 뒤집기 split(), join(), reverse()

참고자료 | \[TIL] split / reverse / join, MDN String.prototype.split(), MDN Array.prototype.join(), MDN Array.prototype.reverse()seperator: 분할 기준 (빈 문자열일

2023년 3월 29일
·
0개의 댓글
·
post-thumbnail

JavaScript - 최빈값 구하기, 증가연산자(++)

참고자료 | \[, 증가 연산자(++)for (let i of array) 구문은 배열 array의 요소를 순회하는 반복문임 -> i 변수에는 배열의 각 요소가 순차적으로 할당된다.요소의 값이 객체 obj의 프로퍼티로 이미 존재하는지 확인한 후, 존재한다면 해당 프로퍼

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

JavaScript - 배열 누적합 구하기 reduce(), forEach()

참고자료|\[Javascript] 배열 누적값 만들기/ Object 누적값 만들기reduce 파라미터와 사용법forEach() 사용법

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

JavaScript - 최대공약수(GCD), 최소공배수(LCM) 구하는 법 (feat.유클리드 호제법)

참고자료|JavaScript로 최대공약수(GCD), 최소공배수(LCM) 구하기두 수 A와 B의 공통된 약수 중 가장 큰 수2부터 min(A,B)까지 모든 정수로 나눠서 구하기두 수 A, B 혹은 그 이상의 여러 수의 공통인 배수 중 가장 작은 수두 수 A, B를 lcm

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

JavaScript - 배열 오름차순, 내림차순 정렬 .sort()

javaScript를 이용해서 배열 안 숫자 요소들을 내림차순 또는 오름차순으로 정렬하기 위해서는 sort() 함수를 사용한다.그러나 sort() 함수를 단독으로 사용하면 다음과 같은 오류가 발생한다.의도한 대로 오름차순으로 정렬이 되는 게 아니라 첫째 자리 수를 기준

2023년 3월 19일
·
0개의 댓글
·

JavaScript - 배열 안 객체 원하는 값만 접근하기 (push())

2023.03.02(목) 2차 프로젝트 진행 중 참고자료 | JavaScript 배열 안의 객체에서 원하는 키의 값만 출력하기, [JavaScript] 자바스크립트 배열 추가, 삭제 방법 (push, pop, splice) > 백엔드와 통신할 때 불러올 데이터들을 다

2023년 3월 8일
·
0개의 댓글
·
post-thumbnail

react - 조건부 렌더링: useEffect()에서 fetch시 갑자기 빈배열이 출력되는 이유

2023.03.02(목) 2차 프로젝트 진행 중참고자료 | React 에러 일지레이아웃 제작을 완료하고 기능 구현을 하기 위해 mock data를 생성해서 useEffect() 안에 fetch()함수를 사용하여 데이터를 불러오던 도중, 처음에는 데이터가 잘 담겨서 불러

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

React - onClick 버튼 클릭 시 이미지 src 변경 기능

2023.03.01(수) 2차 프로젝트 진행 중2차 프로젝트 feature/contents 브랜치에서 플레이어 기능을 구현하던 중, 강좌명을 클릭하면 버튼색이 채워지고, 다시 클릭하면 안 채워진 상태로 바뀌게끔 하고 싶었다. 🪄 요로코롬 🪄 일단 이미지를 두 가지를

2023년 3월 1일
·
0개의 댓글
·

Git - Rebase와 Merge의 차이

2023.02.23(목) westudy > Midterm > 공통 세션 > Git Workflow & Rebase참고자료 | \[Git] Rebase란?, Merge vs Rebase, \[GIT] Merge vs Rebase 차이, \[Git] Git Rebase,

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

React - 관심사의 분리, custom Hook

2023.02.22(수) westudy Midterm > 프론트엔드 세션 > react Custom Hooks코드의 유지보수 및 재사용을 용이하게 하기 위해 각각의 관심사에 따라 코드를 분리하는 기법을 사용하기도 하는데, 이를 컴퓨터 공학에서는 <span styl

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

위코드 1차 팀프로젝트 회고록 - team NaWeKi

1차 프로젝트 배포 이후 회고록 Nike Motive Coding 프로젝트 기간: 2023.02.06-2023.02.17 (약 2주) 프로젝트 팀원: 프론트엔드 3명, 백엔드 2명 Product Manager: 이한재님 Project Manager: 신혜린님 (it'

2023년 2월 21일
·
0개의 댓글
·