일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- NonNullable
- 반복줄이기
- 타입스크립트
- typescript
- 누구나 자료구조와 알고리즘
- returnType
- vue.js
- click and drag
- JS console
- 2022
- javascript
- TSDoc
- 티스토리꾸미기
- 제네릭
- reactjs
- 레이아웃쪼개기
- 성능최적화
- 커스텀
- CSS
- React.js
- 공통컴포넌트
- 타입선언
- react
- 개발콘텐츠
- utilty type
- 폰트적용하기
- const 단언문
- 리액트
- 타입좁히기
- Chart.js
- Today
- Total
목록Development (358)
몽땅뚝딱 개발자
🗝 내가 푼 코드 function solution(score) { const avgArr = score.map(([a, b]) => (a + b) / 2) const sortedArr = [...avgArr].sort((a, b) => b - a) return avgArr.map((obj) => sortedArr.indexOf(obj) + 1) } 인덱스 증가시키는 새로운 방법 찾음 ,, 👍🏻
에러 [Typescript] TS2307: Cannot find module '.png' or its corresponding type declarations. 원인 src 바로 하위 레벨에 설정한 d.ts 파일이 폴더 내부에서 적용되지 않아서 실제 이미지가 있는 디렉토리 하위로 옮겼더니 적용되었다. declare module '*.webp'; declare module '*.png'; declare module '*.jpg'; declare module '*.jpeg'; declare module '*.gif'; declare module '*.svg'; 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
새롭게 프로젝트를 세팅하다가 발견한 파일들,, 기존에 세팅할 땐 지우기만했는데 이번엔 궁금해져서 찾아보았다. public manifest.json: PWA에 필수적으로 포함되어야하는 파일이다. { "short_name": "React App", // 사용자 홈 화면에서 아이콘 이름으로 사용 "name": "Create React App Sample", // 웹앱 설치 배너에 사용 "icons": [ // 홈 화면에 추가할 때 사용 { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" }, { "src": "logo192.png", "type": "image/png", "sizes": "192x192" }, { ..
🗝 내가 푼 코드 function solution(list) { return list.reduce((acc, cur) => acc + calculator(cur), 0) } const calculator = (n, count = 0) => { if (n === 1) return count n = n % 2 === 0 ? n / 2 : (n - 1) / 2 count++ return calculator(n, count) } 나의 첫 재귀함수...😃 문제를 보자마자.. 설마 이건 재귀? 하고 풀었다. 근데 다른 사람 풀이보니까 재귀로 푼 사람이 없었다. 크흠흠 ..
🗝 내가 푼 코드 function solution(a, b, c) { const count = [a, b, c].reduce((map, cur) => { map[cur] = (map[cur] || 0) + 1 return map }, {}) const 같은숫자의개수 = Math.max(...Object.values(count)) let sum = 1 for (let i=1; i
🗝 내가 푼 코드 function solution(n) { const calculator = { 'even': (list) => list.reduce((acc, cur) => acc += cur * cur, 0), 'odd': (list) => list.reduce((acc, cur) => acc += cur, 0) } const 홀짝판단값 = n % 2 === 0 ? 0 : 1 const list = Array(n).fill(1).map((obj, index) => obj + index).filter((obj) => obj % 2 === 홀짝판단값) return calculator[홀짝판단값 ? 'odd' : 'even'](list) } 홀수, 짝수 list를 만들 때 for문 돌리면 쉽겠지만.. 다른..
내 힘으로 푼 첫 문제..🥺 🗝 내가 푼 코드 function solution(name, yearning, photo) { const point = {} name.forEach((obj, index) => { point[obj] = yearning[index] }) return photo.map((list) => { return list.reduce((acc, cur) => acc + (point[cur] || 0), 0) }) } point object을 만드는 부분을 변수 선언 없이 할 수는 없을까 고민하다 map 함수를 활용하면 될 것 같아서 찾아봤더니 reduce를 사용하는 방법이 있었다! reduce는 지금까지 전체적으로 계산하는 연산이 필요할 때만 사용했었는데 진짜 신세계..🥸 // 처음 버전..
공간 복잡도의 빅 오 공간복잡도는 알고리즘이 얼마나 많은 메모리를 소모하는가이고, 시간복잡도는 알고리즘이 얼마나 빠른가이다. 메모리 제한이 있다면 공간 복잡도도 중요하게 고려되어야 한다. 대량의 데이터를 다루거나 메모리가 제한된 작은 장치를 프로그래밍할 때는 공간 복잡도가 정말 중요하다. 예를 들어, 배열을 받아 중복값이 있는지 확인해 반환하는 함수를 구현할 때 이중 루프를 사용하면 공간을 절약할 수 있지만 속도가 느리고, 해시 테이블과 루프 하나를 사용하면 속도는 빠르지만 공간을 소모한다. 근본적으로 각 상황마다 치소 허용 속도와 메모리 한도를 알아야 한다. 그러한 제약을 이해해야 다양한 알고리즘 중에서 고르고 선택할 수 있고 속도와 메모리 요구사항에 맞게 효율성을 유지할 수 있다. 코드 최적화 기법 ..
그래프 모든 트리는 그래프이다. 1.1 그래프 vs. 트리 그래프는 서로 순환적으로 참고하는 노드가 있을 수 있으나 트리는 사이클이 있을 수 없다. 트리는 간접접으로라도 다른 노드와 연결되지만 그래프는 완전히 연결되지 않을 수 있다. 1.2 용어 정점(vertex): 각 노드를 정점이라고 한다. 간선: 정점을 잇는 선 인접한다: 간석으로 연결된 정점에 대해 서로 인접한다고 말한다. 이웃: 인접한 정점 예제 1. 그래프를 해시테이블로 구현하기 friends = { "Alice" => ["Bob", "Diana", "Fred"] "Bob" => ["Alice", "Diana"] "Diana" => ["Bob"] "Fred" => ["Bob"] } 1.3. 그래프 탐색 정점 찾기는 가장 흔한 그래프 연산 중 ..
15장, 16장 다시 읽어보기 .. 🥺 트리(Tree) 순서를 유지하면서도 빠른 검색과 삽입, 삭제가 가능한 자료 구조가 필요한 경우에 사용한다. 트리도 노드 기반 자료 구조이지만 트리의 각 노드는 여러 노드로의 링크를 포함할 수 있다. 트리의 각 노드에는 다른 두 노드로 이어지는 링크가 있다. 1.1. 개념 루트(root): 가장 상위 노드로 꼭대기에 있다. 부모(parent), 자손(descendant), 조상(ancestor) 레벨(level): 각 줄을 의미한다. 프로퍼티(property): 균형 잡힌 정도이다. 모든 노드에서 하위 트리의 노드 개수가 같으면 그 트리는 균형(balanced) 트리다. 1.2 이진 탐색 트리 이진과 탐색이라는 수식어가 붙는데 이진 트리는 각 노드에 자식이 0개나 1..