전체 글133 [프로그래머스 Lv.1] 가장 가까운 같은 숫자 javascript function solution(s) { var answer = []; let str = s.split(""); for (let i = 0; i 이번 문제를 풀면서 lastIndexOf()에 대해 공부했다. mdn 문서를 보면 해당 메서드는lastIndexOf(searchElement, fromIndex)Array 인스턴스의 lastIndexOf() 메서드는 배열에서 특정 요소를 찾을 수 있는 마지막 인덱스를 반환하거나, 해당 요소가 없으면 -1을 반환합니다. 배열은 fromIndex에서 시작하여 역방향으로 검색됩니다. 라고 되어있다. 두번째 인자의 사용이 좀 헷갈리는데 아래 제시한 예문을 보면const numbers = [2, 5, 9, 2];numbers.lastIndexOf.. 2024. 11. 5. [모던리액트 Deep Dive] 1장 리액트 개발을 위해 꼭 알아야 할 자바스크립트 리액트와 자바스크립트리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리로, 웹 애플리케이션을 더 쉽고 빠르게 개발할 수 있도록 도와준다. 리액트는 UI를 컴포넌트라는 독립적인 단위로 구성하여 코드의 재사용성과 관리 편의성을 높인다.자바스크립트는 웹 브라우저에서 실행되는 프로그래밍 언어이다. 우리가 웹 페이지에서 상호작용하는 기능들을 구현할 수 있게 해준다. 예를 들어, 버튼을 클릭했을 때 뭔가가 일어나게 하는 것이 자바스크립트를 통해 가능한 것이다.1.1 자바스크립트의 동등 비교와 데이터 타입자바스크립트에서 동등 비교는 리액트의 가상 DOM과 실제 DOM 비교, 렌더링판단, 메모이제이션등 여러 작업의 기초이므로 중요하다.모든 값은 데이터 타입을 가지며, 원시 타입과 객체 타입으로 나뉘고, .. 2024. 11. 5. [프로그래머스 Lv.1] 숫자 문자열과 영단어 function solution(s) { let arr = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"] for(let i=0; i 2024. 11. 4. [프로그래머스 Lv.1] 시저 암호/두개 뽑아서 더하기 javascript 시저암호function solution(s, n) { let upper = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; let lower = "abcdefghijklmnopqrstuvwxyz"; let answer= ''; for(let i =0; i = strArr.length) index -= strArr.length; answer += strArr[index]; } return answer;}두개 뽑아서 더하기function solution(numbers) { let answer = []; //경우의 수 만큼 배열 안의 두개의 숫자를 더해 answer에 넣기 for(let i=0; i a-b);} 2024. 11. 1. [프로그래머스 Lv.1] 최소직사각형 function solution(sizes) { const width = []; const height = []; for(let i = 0; i 2024. 10. 31. [프로그래머스 Lv.1] 삼총사 function solution(number) { let count = 0; for(let i=0; i 2024. 10. 29. [프로그래머스 Lv.1] 3진법 뒤집기 풀이 function solution(n) { //n을 3진법으로 바꿔 let ternary = n.toString(3); //3진법이 된걸 뒤집어 reverse let reversTernary = ternary.split("").reverse(); let sum = reversTernary.join("") //reverse를 다시 10진법으로 바꿔 let answer = parseInt(sum, 3) return answer;} 코드 설명3진법 변환: n.toString(3)를 사용하여 10진수 n을 3진법 문자열로 변환합니다.문자열 뒤집기: split("") 메서드를 사용하여 문자열을 문자 배열로 변환한 후, reverse()로 배열을 뒤집습니다.배열을 문자열로 .. 2024. 10. 28. [TIL] zustand로 로그인 상태 유지 및 로그아웃 구현 (+supabase, typescript) + 수정 supabase를 통하여 로그인과 회원가입 기능을 구현했다. 그런데 막상 구현하고 나니 또 뭘 해야할지 모르겠는거임..!로그인을 했으니까 마이페이지가 생기고 이동할 수 있어야 하고 그럴려면 로그인한 유저의 상태가 유지되고 데이터도 브라우저가 갖고 있어야겠고 그러기 위해서 유저데이터를 필요할 때마다 필요한 곳에 불러와야겠는거임.그래서 지금 하고 있는 사이드프로젝트의 규모가 크지 않으니 context api를 사용할까 했음.그런데 그렇게 되면 원하지 않은 곳에서 불필요한 리렌더링 일어날 것 같아 zustand를 사용하기로 함!zustand는 필요할 때에 원하는 데이터만 바로 불러와 쓸 수 있는 간편함이 좋았고,provider를 쓰지 않아 상태 변경 시 불필요한 리렌더링을 제어할 수 있기 때문임! 선행 작업으.. 2024. 10. 26. [프로그래머스 Lv.1] 예산 function solution(d, budget) { let answer = 0; // 가능한 횟수 let sum = 0; // 합산 예산 // d를 오름차순으로 바꿔 let arr = d.sort((a, b) => a - b); // d의 인덱스를 누적해서 더해 for (let i = 0; i budget) { break; } // budget보다 커지기 전까지는 지원 가능한 횟수를 증가시켜 answer++; } // 횟수 반환 return answer;} 2024. 10. 25. [프로그래머스 Lv.1] 크기가 작은 부분 문자열 function solution(t, p) { let answer = []; //t의 문자열을 하나하나 뿌셔 let arrT = t.split(""); //p 길이 구하게 p도 뿌셔 let arrP = p.split(""); //뿌신 t를 0번째 인덱스부터 p의 길이만큼 돌면서 뽑고 붙여 for(let i=0; i = arrP.length && newArr 최선이어따...... 2024. 10. 25. [TIL] 유효성 검사를 위한 정규 표현식 정리 //한글, 영문, 숫자 허용 (한글 자음이나 모음은 단독 사용 허용하지 않음)const regex = /^[a-zA-Z0-9가-힣\s]+(?![ㄱ-ㅎㅏ-ㅣ])$/;//이메일 형식const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;//숫자, 영문, 특수문자 허용const regex = /^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[!@#$%^&*]).{8,}$/; 2024. 10. 24. [프로그래머스 Lv.1] 최대공약수와 최소공배수 function solution(a, b) { // 최대공약수를 구하는 함수 (유클리드 호제법 사용) function gcd(a, b) { while (b !== 0) { let temp = b; b = a % b; a = temp; } return a; } // 최소공배수를 구하는 공식: a * b / gcd(a, b) let gcdValue = gcd(a, b); let lcmValue = (a * b) / gcdValue; // 배열로 최대공약수와 최소공배수를 반환 return [gcdValue, lcmValue];} 유클리드 호제법 단계두 수 중 큰 수를 작은 수로 나눈 나머지를 구합니다.작은 수와 나머지로 다시 나눔을 반복합니다.나.. 2024. 10. 24. 이전 1 2 3 4 5 6 7 ··· 12 다음
