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.youtube.com/watch?v=G1IWq2blu8c&list=LL&index=8&t=10s 프런트엔드 성능 = 로딩 + 렌더링 1. 로딩 최적화 - 브라우저 기준 최적화 ( navigation Timing ) (navigation Timing:Resource,Processing,Load,critical rendering path) HTML 파싱을 멈춘다: "블록 리소스" 발생 (css 파싱, js 파싱) , 레이아웃은 리소스를 많이 먹는다.(parse -> style -> layout) ----- 개선: 1. js 최적화: 위치 변경 -> head tag에서 body tag 하단으로, 혹은 head에서 async나 defer로 변경 ------ 2. css 최적화: Waitin..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
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
- attempted import error: bvh_struct_definitions' is not exported from './gpu/bvhshaderglsl.js' (imported as 'bvhshaderglsl').
- react glsl
- rollup typescript react
- react 3d
- 카카오 카드 짝 맞추기 자바스크립트
- react 3d animation
- react fiber 3d
- react 3d text
- next.js import glsl
- vue3
- react leva
- rollup typescript
- react three fiber
- vue
- 카카오 카드 짝 맞추기 javascript
- react three fiber leva
- webpack glsl
- next.js glsl
- ts glsl
- 카카오 2021 카드 짝 맞추기
- rollup ts react npm
- 카드 짝 맞추기 자바스크립트
- rollup react.js npm
- leva
- Vue.js
- three.js leva
- react 3d 에니메이션
- eslint
- 카드 짝 맞추기 javascript
- typescript gsls
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |