일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- React #리액트 이벤트 주기 #리액트 이벤트
- 백준 #적록색약
- react
- 코드스테이츠 #알고리즘 #그리디
- npm #not being able to find a file #npm install Error
- #useRef #언제 쓰는데?
- 백준 #직각삼각형
- rate limit
- RateLimit
- 플로이드 #c++
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- react fragment
- DP #c++
- html entities
- 다익스트라 #파티 #백준
- raect typescript #react #typescript #styled-component
- 이친수
- React #Hook rules #Hook 규칙
- axios
- React #effect hook #useEffect
- react #useCallback #react Hook
- 노마드 코더 #타입스크립트 #typescript #class
- 버블링 #갭쳐링 #이벤트 #JS
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- donwstream #upstream #origin
- React-Query
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- 빡킹독
- interceptors
- useState #Hooks
- Today
- Total
목록전체 글 (111)
꿈꾸는 개발자
Docker로 Nuxt3을 실행하게 되면 위와 같은 Error가 발생한다. 해결 방법docker-compose up --force-recreate명령어 설명docker-compose up: 이 명령어는 docker-compose.yml 파일에 정의된 서비스를 기반으로 컨테이너를 생성하고 시작합니다. 필요한 경우 이미지도 빌드하고, 네트워크, 볼륨 등을 설정합니다.--force-recreate: 이 플래그는 기존의 컨테이너가 이미 존재하는 경우에도, 기존 컨테이너를 중지하고 새로 생성하여 시작하게 합니다. 즉, 모든 컨테이너를 강제로 다시 생성(recreate)합니다.아마 기존에 이미 생성된 Docker Container가 있어서 충돌이 발생하는 것으로 보인다.
행렬의 곱의 의미 ( Right에서부터 순차적으로 적용된다) • A x B : 행렬 A 의 변환이 먼저 적용되고, 그 다음에 행렬 B 의 변환이 적용됩니다.• B x A : 행렬 B 의 변환이 먼저 적용되고, 그 다음에 행렬 A 의 변환이 적용됩니다. 예시: • A : 객체를 5 단위만큼 x 축으로 이동하는 행렬• B : 객체를 90 도 만큼 z 축을 중심으로 회전시키는 행렬 • A x B: 객체를 먼저 90 도 만큼 z 축을 중심으로 회전시키고, 그 다음에 x 축을 따라 5 단위만큼 이동시킵니다.• B x A : 객체를 먼저 x 축을 따라 5 단위만큼 이동시키고, 그 다음에 90 도 만큼 z 축을 중심으로 회전시킵니다. 행렬의 곱셈의 경우 A와 B의 각 요소를 곱하고 ..
Rate Limiting Rate Litming이란 일정한 시간 동안 호출할 수 있는 API 수를 의미한다. 사용자가 혹은 개발자의 실수로 일정 시간 동안 제한된 수 이상의 요청을 보내게 되면 요청이 실패하게 된다. (보통은 429 too many request error가 반환된다) 보통 서버에서 rate limit을 적용하면, 서버의 안정성을 높일 수 있다. 하지만 본 글은 rate limit에 관해 다루는 글이 아니기 떄문에, 자세한 사항들은 추가적으로 학습하길 권장한다. 프론트에서 Api call 제한하는 방법 회사에서 rate limit에 대응의 필요성을 인지한 후 여러 방법을 시도해봤다. 첫 번째, tanstack Query을 활용한 요청 제한처음에는 tanstack query에서 위와 같..
원티드 프론트엔드 최적화 강의를 들었을 때 현업에서는 useMemo, useCallback을 자주 사용하지 않는다는 말을 들었다. https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70#5aca Stop Using useMemo Now! Most of the Time It Slows Down Your Application javascript.plainenglish.io 위 링크는 useMemo를 난발하면 안 좋은 점과 최적화가 아닌, 오히려 App의 성능을 저하할 수도 있다고 말한다. 컴퓨터공학은 항상 trade-off를 고려해야 한다. 이 말은 즉슨 최적화에 따른 댓가가 분명 있다는 것! 일차적으로 useMemo, 그 자체보단 Re..
GraphQL은 페이스북에서 만든 쿼리 언어이다. graphQL은 Graph+Query Language의 줄임말이다. Server API를 통해 정보를 주고 받기 위해 사용하는 Query Language를 의미한다. 결론: API를 위한 쿼리 언어이다. GraphQL에선 모든 데이터가 그래프 형태로 연결되어 있다고 전제한다. 일대일로 연결된 관계도 여러 계층으로 이루어진 관계도 모두 그래프이다. GraphQL은 클라이언트 요청에 따라 유연하게 트리 구조의 JSON 데이터를 응답으로 전송할 수 있다. (엄청난 장점) GraphQL로 그래프 순회 상황 가정: 도서 목록 시스템을 구축 하나의 도서 목록에는 많은 책과 저자가 있으며, 각 책에는 최소한 한 명의 저자가 있다. 또한, 최소한 한 권의 책을 같이쓴 ..
보호되어 있는 글입니다.
DB는 일정한 규칙/규약을 통해 구조화되어 저장되는 데이터의 모음이다. 데이터를 관리하는 통합 시스템을 DBMS라고 한다. DB에 있는 데이터들은 특정 DBMS마다 정의된 쿼리 언어(query language)를 통해, 삽입, 삭제, 수정, 조회 등을 수행할 수 있다. DB는 실시간 동시 공유도 가능하다. 위 구조를 기반으로 데이터를 주고 받는다. ex) MySQL이라는 DBMS가 있고, 그 위에 응용 프로그램에 속하는 Node.js나 php에서 해당 데이터 안에 있는 데이터를 끄집어내는 관련 로직을 구축할 수 있다. 4.1.1 엔터티 Entity: 사람, 장소, 물건 등 여러 개의 속성을 지닌 명사를 의미한다. 위 그림처럼 학생이라는 entity가 있으면 학생은 학번, 이름, 학점 등의 속성을 가지게 ..
위 사진처럼 여러 알고리즘이 있지만 이중 일부만 살펴보고자 한다. CPU 스케줄링 알고리즘이 어떤 프로그램에 CPU 소유권을 줄 것인지 결정을 한다. 이 알고리즘은 CPU 이용률은 높게, 주어진 시간에 많은 일을 하게, 준비 큐에 있는 프로세스는 적게, 응답 시간은 짧게 설정하는 것을 목표로 한다. 3.4.1 비선점형 방식(non-preemptive) 비선점형 방식은 프로세스가 스스로 CPU 소유권을 포기하는 방식이다. 강제로 프로세스를 종료하지 않기 때문에 context switching에 따른 부하 적다. FCFS(First Come, First Served) 가장 먼저 온 것을 가정 먼저 처리하는 알고리즘이다. 길게 수행되는 프로세스 때문에 준비 큐에서 오래 기다리는 현상(convoy effect)..