REST API란? REST 원칙을 적용하여 서비스 API를 설계한 것을 말합니다. REST란 무엇인가? 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것입니다. HTTP URI를 통해 자원을 명시하고 HTTP 메서드(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD를 적용하는 것을 말합니다. 즉, 자원 기반의 구조 설계의 중심에 자원이 있고, HTTP 메서드를 통해 이를 처리합니다. API란 무엇인가? 응용프로그램에서 사용할 수 있도록 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스입니다. 쉽게 말해 프로그램끼리 통신할 수 있도록 하는 중재자입니다. ⚙️ REST REpresentational State Transfer의 약자로 전반..

https://developer.chrome.com/ko/docs/lighthouse/performance/font-display/ 웹폰트 로드 중에 텍스트가 계속 표시되도록 하기 - Chrome for Developers 글꼴 표시 API를 사용하여 웹 페이지 텍스트가 사용자에게 항상 표시되도록 하는 방법을 알아보세요. developer.chrome.com 보이지 않는 텍스트가 표시되지 않도록 하는 방법 사용자 정의 글꼴이 로드되는 동안 보이지 않는 텍스트가 표시되지 않도록 하는 가장 쉬운 방법은 시스템 글꼴을 일시적으로 표시하는 것입니다. @font-face 스타일에 font-display: swap을 포함하면 대부분의 최신 브라우저에서 FOIT를 피할 수 있습니다. @font-face { font-..

https://school.programmers.co.kr/learn/courses/30/lessons/42894?language=python3 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 빡센 구현문제. 그래도 해설 안 보고 풀었다...! 풀이 블록이 사라지긴 위해선 2*3 혹은 3*2 직사각형 크기가 되어야 한다. 이는 해당 블록의 빈 공간에 검은 블록이 채워져 있으면 블록이 사라짐을 의미 한다. 구현 아이디어 1. 블록 삭제 사이클을 돌리기전 사전 작업을 수행한다. 이는 맨 위 블록이 닿기 전 까지 모든 수직 배열에 검은 블록을 채우는 것이다. 검..
https://school.programmers.co.kr/learn/courses/30/lessons/92345?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 간만에 알고리즘 관련 글을 써본다. 그만큼 신박했던(?) 문제였기에, 포스팅을 하기로 했다. 문제에서 요구하는 알고리즘 자체는 간단하다. board의 크기가 최대 5x5 이기 때문에, 백트래킹과 dfs을 이용해 완전탐색을 수행한다. 하지만, 문제에서 말하는 항상 이길 수 있는 플레이어와 항상 지는 플레이어에 대한 이해를 못햇다... 그래서 처음에는 단순히 서로가..

react 로 만든 컴포넌트를 npm 사이트에 배포해 보자! (typescript 적용) https://www.npmjs.com/package/react-divided-progress-bar react-divided-progress-bar A progress-bar which has divided section based on React.js. Latest version: 0.1.7, last published: 4 hours ago. Start using react-divided-progress-bar in your project by running `npm i react-divided-progress-bar`. There are no other projects in the npm reg www.npm..
https://www.acmicpc.net/problem/1937 1937번: 욕심쟁이 판다 n × n의 크기의 대나무 숲이 있다. 욕심쟁이 판다는 어떤 지역에서 대나무를 먹기 시작한다. 그리고 그 곳의 대나무를 다 먹어 치우면 상, 하, 좌, 우 중 한 곳으로 이동을 한다. 그리고 또 그곳에 www.acmicpc.net 알고리즘: dp + dfs 1. 판다는 대나무를 먹고 상,하,좌,우로 이동한다. 하지만 여기서 제약 조건이 붙은데, 반드시 대나무가 더 많은 곳으로 이동해야 한다는 것이다. 2. 해당 조건을 토대로 dp의 메모제이션 기법을 사용 할 수 있다. 이동한 장소를 기준으로 얼마나 생존할수 있는지를 계산해 각 생존일을 장소 마다 저장시키면 된다. 3. for문을 돌며, 시작 장소를 정한다. 시작..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
https://www.acmicpc.net/problem/15684 15684번: 사다리 조작 사다리 게임은 N개의 세로선과 M개의 가로선으로 이루어져 있다. 인접한 세로선 사이에는 가로선을 놓을 수 있는데, 각각의 세로선마다 가로선을 놓을 수 있는 위치의 개수는 H이고, 모든 세로선 www.acmicpc.net 알고리즘 유형: 백트래킹 + dfs 풀이: 만만히(?) 봤는데, 생각 보다 엄~~청 꼬여서 애먹었다. 처음에는 추가된 가로선의 배열을 깊은복사로 일일히 복사해주었고, 시간 초과가 발생했다.. 그 뒤 방향을 잘못잡아 연달아 실수를 했고, 결국에 백트래킹 + dfs로 문제를 풀었다. 백트래킹 기법을 사용해 추가된 가로선의 배열을 true -> false로 복구 해주어 간단히 풀 수 있었다. 가로선 ..

https://cloud.google.com/run/docs/mapping-custom-domains?hl=ko#https-load-balancer 커스텀 도메인 매핑 | Cloud Run 문서 | Google Cloud 의견 보내기 커스텀 도메인 매핑 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 사용자는 Cloud Run이 배포된 서비스에 제공하는 기본 주소가 아닌 커스텀 도 cloud.google.com cloud run 서비스에 커스텀 도메인을 매핑 하기 위해 다음과 같은 3가지 방법이 있다. 전역 외부 애플리케이션 부하 분산기 사용 Firebase 호스팅 사용 Cloud Run 도메인 매핑(제한된 가용성) 사용 - 다음 리전에 서비스를 배포한 경우 간단하게 클라우..
- Total
- Today
- Yesterday
- react 3d 에니메이션
- 394 decode string
- leva
- react fiber 3d
- react glsl
- react ref reative
- react 3d
- react three fiber leva
- next.js import glsl
- attempted import error: bvh_struct_definitions' is not exported from './gpu/bvhshaderglsl.js' (imported as 'bvhshaderglsl').
- react vue
- three.js leva
- vue reactive
- typescript gsls
- vue3
- ts glsl
- vue react
- webpack glsl
- eslint
- Vue.js
- 394. decode string javascript
- vue
- [leetcode] 394. decode string js
- vue ref
- react 3d animation
- 394. decode string js
- react leva
- react 3d text
- react three fiber
- [leetcode] 394. decode string
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |