일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 풀이
- 백준
- Vite 사용 이유
- stl
- REACT
- 구현
- 1796
- OpenVidu
- WebRTC란
- tfjs
- mediastream
- 데이터 링크 계층
- LOLIN D32
- ESP32
- 9996
- 백준 2133
- 적두트리
- 테스트주도개발
- 3XN 타일링
- dp
- 13459
- 2623
- TDD
- 자료구조
- 구슬탈출
- c++
- 페이지교체알고리즘
- RBT
- TDD란?
- 메모리계층
- Today
- Total
목록2024/05 (7)
그냥 블로그
메타 데이터란 ?메타데이터는 웹페이지에 대한 추가 세부정보를 제공한다. 페이지 방문자에게는 메타데이터가 표시되지 않지만, 페이지의 HTML, 일반적으로 요소 내에 삽입되어 뒤에서 작동한다. 검색 엔진 및 기타 시스템에 중요하다. 왜 중요할까?메타데이터는 SEO 향상에 중요한 역할을 한다. 적절한 메타데이터는 검색 엔진이 웹 페이지를 효과적으로 색인화해 검색 결과에서 순위를 높이는 데 도움이 된다. 메타 데이터 유형Title Metadata : 브라우저 탭에 표시되는 웹 페이지 제목을 담당한다. Page Title 설명 메타 데이터 : 이 메타데이터는 웹 페이지 콘텐츠에 대한 간략한 개요를 제공하며 검색 엔진 결과에 자주 표시된다. 키워드 메타 데이터 : 웹페이지 콘텐츠와 관련된 키웓드가 포함되어 있어..
https://nextjs.org/learn/dashboard-app/adding-search-and-pagination Learn Next.js: Adding Search and Pagination | Next.jsAdd search and pagination to your dashboard application using Next.js APIs.nextjs.org 검색 및 페이지 매김 추가URL 검색 매개변수를 사용하는 이유북마크 가능 및 공유 가능 URL 서버 측 렌더링 및 초기 로드 : URL 매개 변수를 서버에서 직접 사용해 초기 상태 렌더링 가능 -> 서버 렌더링 더 쉽게 처리 + 서버에서 웹 페이지의 초기 로드 시점에 클라이언트의 요청 URL을 분석하고 그에 따라 적절한 데이터를 미리 준비하..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cq4I04/btsHweXtXhM/TY8qXqj6p3j0WIxAxmXHQK/img.png)
https://nextjs.org/learn/dashboard-app/static-and-dynamic-rendering Learn Next.js: Static and Dynamic Rendering | Next.jsUnderstand how rendering works in Next.js, and make your dashboard app dynamic.nextjs.org 정적 렌더링?정적 렌더링을 사용하면 빌드 시(배포 시) 또는 재검증 중에 데이터 가져오기 및 렌더링이 서버에서 발생한다. 결과는 CDN(Content Delivery Network) 에 배포 및 캐시될 수 있습니다. CDN(Content Delivery Network) 많은 장소에 걸쳐 분산된 서버들의 그룹. 서버들은 데이터의 중복 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/RJrdP/btsHvrHSeUW/eKHVl0aKFGJh3vdCkOJAvk/img.png)
해당 포스트는 다른 포스트들을 참고, 정리, 발췌한 개인 공부용 정리글입니다. React Query 사용 이유Client Stateclint에서만 관리하는 정보들 (ex. input의 text)사용자가 선택한 언어, theme 등Server Stateserver에서 받아오는 모든 데이터 클라이언트에서 서버 데이터의 캐시를 관리loading, error state를 관리pagination, infinite scroll도 쉽게 처리할 수 있도록 지원prefetching을 쉽게 처리할 수 있도록 지원error 발생 경우 자동으로 재시도request가 성공하거나 실패했을 시 각각 callback을 정의 가능짧은 보일러플레이트 코드 React Server ComponentsReact Query에 들어가기 전..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/uZpjj/btsHnW81Cwf/k0kCMV0A1m9LIiwJvjEKH1/img.png)
https://www.acmicpc.net/problem/1486[문제 요약]1. 높이 차가 T보다 낮아야 이동 가능2. 높이가 낮거나 같으면 1, 높이가 높으면 (차이)**2 시간이 걸린다. 3. D 시간만큼 돌아다닐 수 있다. 4. 갈 수 있는 가장 높은 곳의 높이는? [문제 풀이]일단, 문제를 보면 최단 경로임을 알 수 있었다.-> 양방향 그래프 + 목적지 없음 + 4방향 최단 경로 -> 다익스트라 가능한지 생각해보니 가능 -> 다익스트라 갈김. 주의해야 할 거는, 오는 시간과 가는 시간이 다르기 때문에 다익스트라를 두 번 돌려줘야 한다. (0,0)에서 (5,5)로 갈 때 여러가지 경로로 갈 수 있고 오는 경로와 가는 경로가 달라도 되기 때문. 그래서, visited[25][25][2] 3차원 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/di11YI/btsHl9777gk/QAsPfN8EtwLgkBPyWmlHO1/img.png)
1. 하위 branch 생성develop/feature 생성 시git branch [생성할 branch] [상위 branch]-> 이게 좀 헷갈렸던게, devlop 에서 feature를 만들면, develop/feature 이런식으로 이름이 지어지는 줄 알았는데 그게 아니었다..나도 이런식으로 되는 줄 알았는데 이건 걍 이름만 fature/하위 이름으로 한 거였음. + feature 브랜치를 생성하면, feature/하위 이런식의 브랜치는 만들 수 없다. 2. 생성한 branch 원격 저장소로 올리기git push origin [생성한 branch 이름] 아래 명령어를 통해 확인 가능 git branch -a // 모든 branch (로컬 + 원격 저장소)git branch -r // 원격 저장소에 있..