https://ts2ree.tistory.com/332?category=400689 Base64 인코딩 유니코드의 등장 배경 아스키코드가 영문 알파벳을 사용하는 대표적인 문자 인코딩이라면, 유니코드는 전 세계의 모든 문자를 표현할 수 있는 산업 표준이다. 좀 더 자세히 차이점을 알아보자 1 ts2ree.tistory.com Base64로 인코딩할 때는, 먼저 해당 문자열을 바이트 문자열로 변환한다. (utf-8 인코딩 사용) 이 바이트 문자열은 이미 이진 데이터이므로, 따로 이진수로 변환하지 않는다. 그 다음, 이 바이트 문자열을 Base64 인코딩 알고리즘에 따라 텍스트로 변환한다. (ACS2)

https://school.programmers.co.kr/learn/courses/30/lessons/72415?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 알고리즘: 구현 + 비트마스킹 + bfs 분명 옛날에 풀었던 문제였는데 다시 푸느라 애먹었다... 최근 구현 + 그래프 탐색 문제를 많이 연습하고 싶었는데, 괜찮은 문제였던거 같다. 풀이 1. 한 턴이 지날수록 소모되는 cost는 똑같이 1이다. 즉, bfs를 통해 한 지점에서 행동할 수 있는 모든 경우의 수를 탐색한뒤, 모든 카드가 뒤집어 지면 함수를 종료하고..
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-barA 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 regwww.npmjs..
https://www.acmicpc.net/problem/1937 1937번: 욕심쟁이 판다 n × n의 크기의 대나무 숲이 있다. 욕심쟁이 판다는 어떤 지역에서 대나무를 먹기 시작한다. 그리고 그 곳의 대나무를 다 먹어 치우면 상, 하, 좌, 우 중 한 곳으로 이동을 한다. 그리고 또 그곳에 www.acmicpc.net 알고리즘: dp + dfs 1. 판다는 대나무를 먹고 상,하,좌,우로 이동한다. 하지만 여기서 제약 조건이 붙은데, 반드시 대나무가 더 많은 곳으로 이동해야 한다는 것이다. 2. 해당 조건을 토대로 dp의 메모제이션 기법을 사용 할 수 있다. 이동한 장소를 기준으로 얼마나 생존할수 있는지를 계산해 각 생존일을 장소 마다 저장시키면 된다. 3. for문을 돌며, 시작 장소를 정한다. 시작..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
- Total
- Today
- Yesterday
- react setstate
- react 3d 에니메이션
- three.js leva
- 394. decode string js
- vue3
- leva
- 394. decode string javascript
- react vue
- react 3d animation
- react fiber 3d
- 리액트 배치
- react 배치
- vue ref
- [leetcode] 394. decode string
- react batch
- react three fiber
- renderlane
- [leetcode] 394. decode string js
- react 3d text
- react lane
- react ref reative
- react three fiber leva
- vue reactive
- react 3d
- eslint
- vue
- 394 decode string
- react leva
- vue react
- Vue.js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |