일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- react
- CSS
- 티스토리꾸미기
- 커스텀
- utilty type
- vue.js
- 타입선언
- React.js
- 폰트적용하기
- click and drag
- Chart.js
- 누구나 자료구조와 알고리즘
- javascript
- returnType
- 리액트
- JS console
- typescript
- 타입좁히기
- 타입스크립트
- 성능최적화
- 공통컴포넌트
- 레이아웃쪼개기
- 제네릭
- reactjs
- TSDoc
- 2022
- 개발콘텐츠
- 반복줄이기
- NonNullable
- const 단언문
- Today
- Total
목록Development (358)
몽땅뚝딱 개발자
https://hyerios.tistory.com/24 reverse()와 reversed()비교 reversed()의 시간복잡도가 O(1)이라니 . . . 알고리즘 문제 중 역순으로 출력하는 문제가 있었는데 저는 그럴 때마다 Array의 reversed()아니면 reverse()를 사용했습니다. 굳이 reverse도 있는데 왜 reversed를 hyerios.tistory.com
https://school.programmers.co.kr/learn/courses/30/lessons/118667 💬 문제 설명 길이가 같은 두 개의 큐가 주어집니다. 하나의 큐를 골라 원소를 추출(pop)하고, 추출된 원소를 다른 큐에 집어넣는(insert) 작업을 통해 각 큐의 원소 합이 같도록 만들려고 합니다. 이때 필요한 작업의 최소 횟수를 구하고자 합니다. 한 번의 pop과 한 번의 insert를 합쳐서 작업을 1회 수행한 것으로 간주합니다. 큐는 먼저 집어넣은 원소가 먼저 나오는 구조입니다. 이 문제에서는 큐를 배열로 표현하며, 원소가 배열 앞쪽에 있을수록 먼저 집어넣은 원소임을 의미합니다. 즉, pop을 하면 배열의 첫 번째 원소가 추출되며, insert를 하면 배열의 끝에 원소가 추가됩니..
handleOpenPopup() { const width = 650 const height = 830 let left = Math.ceil((window.innerWidth - width) / 2) + window.screenLeft let top = Math.ceil((window.innerHeight - height) / 2) + window.screenTop window.open( 'url', '팝업이름', `width=${width}, height=${height}, left=${left}, top=${top}`, ) }, 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
💬 문제 설명 https://school.programmers.co.kr/learn/courses/30/lessons/12909 🗝 내가 푼 코드 stack을 사용해서 풀었다. 효율성 검사 잘 통과 ,, 👍🏻 이건 알고리즘 책에서 스택에 대한 예제로 본 적이 있는 방법이었다. function solution(text){ const result = [] let answer = true text.split('').map((obj) => { if (obj === '(') { result.push(obj) } else { if (result.length === 0) answer = false result.pop() } }) return result.length === 0 && answer } 2트는 다른 사람의..
새로운 프로젝트에서 Next.js를 사용하게 되어 관리하는 프로젝트들이 14~18 버전으로 늘어났다. 특히 14버전까지만 대응이 가능한 프로젝트도 있어서 드디어 찾아보았다. 1. 버전은 nvm을 사용하여 관리한다. $ brew install nvm // brew를 사용하여 nvm 설치한다. $ nvm list // 현재 설치되어있는 nvm 버전들과 각 버전들을 알 수 있다. $ nvm use v00.00.0 // 해당 버전을 사용한다. 그런데 프로젝트 내에서 아무리 버전을 낮춰도 올려도 상위의 노드 버전은 변경 없이 그대로였다. 찾아보니 프로젝트 별로 세팅이 필요했다. 2. 로컬환경에서 프로젝트 별로 관리하고 싶은 경우 프로젝트 최상단에 .nvmrc 파일을 추가하고 사용하고 싶은 버전을 적는다. v18...
스토리북 도입기 버전 1. Ant Design에 도입하기 버전 2. Emotion에 도입하기 참고 https://github.com/Jacky-Summer/nextjs-ts-antd-redux-storybook-starter
회사에서는 3가지의 홈페이지 빌더를 사용하고 있는데 GNB 영역에서 뭐 하나 수정하려고 하면 3가지 빌더를 다 수정해야 하는 점이 너무나도 비효율적이라(각 빌더 별로 담당자도 달라서 일하기도 불편..) 언젠가는 방식을 바꿔야지 생각만 하고 있었다. GNB 영역을 html, css, script가 다 포함된 공통 html로 하나 빼서 cdn 방식으로 불러와 사용하면 편할 것이라 머릿속으로 구상만 했다. 그런데 이번에 빌더에서 관리하는 페이지가 1개가 더 늘어나게 되면서 똑같은 코드를 또 사용하게 될 위기에 처했고 머릿속의 그 계획을 실행해야만 했다. 코드 한 줄 쓰면 끝나는 아주 효율적인 방식! 이었으나 3가지 문제에 봉착하고 만다. [미해결] 문제 1. html을 cdn으로 어떻게 불러올건데? 하나의 h..
문제설명 정수로 이루어진 배열 numbers가 있습니다. 배열 의 각 원소들에 대해 자신보다 뒤에 있는 숫자 중에서 자신보다 크면서 가장 가까이 있는 수를 뒷 큰수라고 합니다. 정수 배열 numbers가 매개변수로 주어질 때, 모든 원소에 대한 뒷 큰수들을 차례로 담은 배열을 return 하도록 solution 함수를 완성해주세요. 단, 뒷 큰수가 존재하지 않는 원소는 -1을 담습니다. 제한사항 4 ≤ numbers의 길이 ≤ 1,000,000 1 ≤ numbers[i] ≤ 1,000,000 입출력 예 numbers result [2, 3, 3, 5] [3, 5, 5, -1] [9, 1, 5, 3, 6, 2] [-1, 5, 6, 6, -1, -1] 입출력 예 설명 입출력 예 #1 2의 뒷 큰수는 3입니다..
https://velog.io/@sean2337/Algorithm-DFS%EC%99%80-BFS%EC%9D%98-%EC%89%AC%EC%9A%B4-%EA%B0%9C%EB%85%90-JavaScript-%EA%B5%AC%ED%98%84-%EB%B0%A9%EB%B2%95 [Algorithm] DFS와 BFS의 쉬운 개념 + JavaScript 구현 방법 잊을만 하면 나오는 DFS와 BFS의 개념, JavaScript 구현 방법을 공부하고 확실히 기본 다지자! velog.io
문제설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. 제한사항 배열 arr의 크기 : 1,000,000 이하의 자연수 배열 arr의 원소의 크기 : 0보다 크거나 같..