FrontEnd :-)

React Navtive 스터디 5week 도서: [리액트 네이티브를 다루는 기술 / 김민준 / 길벗] (4장 할일 목록 만들기 ②-②) 4.1 불변성을 지키면서 객체와 배열 업데이트하기 4.2 todos 상태 만들기 및 FlatList로 항목 화면에 나타내기 4.3 새 항목 등록하기 4.4 할일 완료 상태 토글하기 4.5 항목 삭제하기 4.6 AsyncStorage로 앱이 꺼져도 데이터 유지하기 4.7 정리 4.3 새 항목 등록하기 onInsert 함수 구현 => //새로 등록할 항목의 id 구하기, 등록된 항목 중에서 가장 큰 id를 구하고 + 1, 리스트 비었으면 1을 id로 //App.tsx const onInsert = (text: string) => { const nextId = todos.l..

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 :: 섹션 2 빅오 표기법(Big O Notation) 빅오(Big O) - 여러가지 코드를 일반적을 서로 비교하고 성능을 평가하는 방법입니다. Timing function performance.now(); 활용해서 함수 작동 시간 확인하기 function addUpTo(n) { let total = 0; for (let i = 1; i Time Elapsed: 0.0175 seconds function addUpTo(n) { return n*(n+1)/2; } => for문보다 빠름. n 값과는 상관없이 연산 3번(곱하기, 더하기, 나누기) 일어남. => for문에서 total += i 를 보면 n 번의 더함(additio..

최빈값 구하기 🙋 (문제) 최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다. 정수 배열 array가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요. 최빈값이 여러 개면 -1을 return 합니다. 제한사항 0 b - a) return (max[0] === max[1]) ? -1 : +Object.keys(obj).find(key => obj[key] === max[0]); } ✅ (풀이 과정) 1번째 실패 1. array 에 값이 하나일 때는, 그 값을 return한다. 2. 객체를 만든다. key에는 값을, value에는 중복 횟수를 저장한다. 3. 객체 value값을 내림차순 정렬해서 첫 번째 값과 두 번째 값이 같으면 -1 반환하고, 아니면 첫 ..

개미 군단 🙋 (문제) 개미 군단이 사냥을 나가려고 합니다. 개미군단은 사냥감의 체력에 딱 맞는 병력을 데리고 나가려고 합니다. 장군개미는 5의 공격력을, 병정개미는 3의 공격력을 일개미는 1의 공격력을 가지고 있습니다. 예를 들어 체력 23의 여치를 사냥하려고 할 때, 일개미 23마리를 데리고 가도 되지만, 장군개미 네 마리와 병정개미 한 마리를 데리고 간다면 더 적은 병력으로 사냥할 수 있습니다. 사냥감의 체력 hp가 매개변수로 주어질 때, 사냥감의 체력에 딱 맞게 최소한의 병력을 구성하려면 몇 마리의 개미가 필요한지를 return하도록 solution 함수를 완성해주세요. 제한사항 hp는 자연수입니다. 0 ≤ hp ≤ 1000 입출력 예 hpresult 23 5 24 6 999 201 🅰️ (제출 ..

React Navtive 스터디 5week 도서: [리액트 네이티브를 다루는 기술 / 김민준 / 길벗] (4장 할일 목록 만들기 ②-①) 4.1 불변성을 지키면서 객체와 배열 업데이트하기 4.2 todos 상태 만들기 및 FlatList로 항목 화면에 나타내기 4.3 새 항목 등록하기 4.4 할일 완료 상태 토글하기 4.5 항목 삭제하기 4.6 AsyncStorage로 앱이 꺼져도 데이터 유지하기 4.7 정리 4.1.1 불변성을 지켜야 하는 이유 리액트에서 불변성을 지켜야 하는 이유는 렌더링 성능 최적화 방식 때문입니다. 리액트에서는 부모 컴포넌트가 리렌더링되면 기본적으로 자식 컴포넌트들 또한 리렌더링됩니다. ... 컴포넌트의 렌더링 성능을 최적화하기 위해서는 이전에 컴포넌트가 들고 있던 Props와 새..

피자 나눠 먹기 (2) (문제) 머쓱이네 피자가게는 피자를 여섯 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 매개변수로 주어질 때, n명이 주문한 피자를 남기지 않고 모두 같은 수의 피자 조각을 먹어야 한다면 최소 몇 판을 시켜야 하는지를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ n ≤ 100 입출력 예nresult 6 1 10 5 4 2 (제출 답) function solution(n) { for(let i = 1; i < 100; i++){ if((6*i) % n === 0) return i } } ✅풀이 과정 1. 첫 시도 실패 function solution(n) { for(let i = 1; i < n; i++){ if((6*i) % n === 0) r..

대문자와 소문자 (문제) 문자열 my_string이 매개변수로 주어질 때, 대문자는 소문자로 소문자는 대문자로 변환한 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 my_string은 영어 대문자와 소문자로만 구성되어 있습니다. 입출력 예my_stringresult "cccCCC" "CCCccc" "abCdEfghIJ" "ABcDeFGHij" (제출 답) function solution(my_string) { const answer = []; for(let value of my_string){ value === value.toUpperCase() ? answer.push(value.toLowerCase()) : answer.push..

분수의 덧셈 (문제) 첫 번째 분수의 분자와 분모를 뜻하는 numer1, denom1, 두 번째 분수의 분자와 분모를 뜻하는 numer2, denom2가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 제한사항 0 분자는 (최소공배수/분모1)*분자1 + ((최소공배수/분모2)*분자2 function solution(numer1, denom1, numer2, denom2) { var answer = []; let lcm = Math.min(denom1, denom2); while(true){ if(lcm % denom1 === 0 && lcm % denom2 === 0){ break; } lc..