전체 글

svelte

특징 Wirte less code! 높은 가독성 유지 개발 시간 단축 쉬운 리팩토링 쉬운 디버깅 더 작은 번들(SPA 최적화) 👍 낮은 러닝 커브 No virtual DOM! No Diffing No Overhead 빠른 성능(퍼포먼스) Truly reactive! Framework-less VanilaJS Only use `devDependencies` 명시적 설계(창의적 작업) 단점 낮은 성숙도(작은 생태계) CDN 미제공 IE 미지원 사용하기 nodejs 설치 - 짝수 버전 (안정적인 버전), 8버전 이상 svelte template github 검색 > rollup(일반적) vs webpack npx degit sveltejs/template my-project-name degit명령어를 이용해 ..

title 효과 주기

const title = document.title; // 타이틀 let length = title.length; // 타이틀 길이 let isRemove = true; // 지우는지 채우는지 setInterval(() => { if (isRemove) { // 지울 때 길이 -1 씩, 끝까지 지우면 isRemove 를 false 로 바꿔서 채우는걸로 length > 0 ? length -= 1 : isRemove = false } else { // 채울 때 길이 +1 씩, 끝까지 채우면 isRemove 를 true 로 바꿔서 지우는걸로 length < title.length ? length += 1 : isRemove = true; } // "\u200E" 를 해주는 이유는 title 이 공백이면 주소..

flask 캐시 방지

return 할 response 에 headers 추가 response.headers['Cache-Control'] = 'no-cache, no-store, must-revalidate' no-cache: 저장 하지만 max-age 가 0 이다. 캐시를 사용하기 전에 서버에 재검증을 요청한다. no-store: 저장 하지 않는다. ( 절대로 저장해서는 안될 때 ) must-revalidate: 캐시를 사용하기 전에 만료된 것인지 확인

드래그 방지

{ -ms-user-select: none; -webit-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

[python] 백준 - 20055. 컨베이어 벨트 위의 로봇

🤔문제 해결 회전은 deque 의 rotate 메소드 이용 내구도 리스트, 벨트 위의 로봇 리스트 주어진 지문대로 구현하면 된다. 시간초과 때문에 고생했던 문제 벨트의 맨 끝에 로봇이 오면 항상 내려줘야한다. 💻소스 코드 import sys from collections import deque input = sys.stdin.readline N, K = map(int, input().split()) belt = deque(map(int, input().split())) robots = deque([0]*N) cnt = 0 while True: cnt += 1 # 1. 벨트 회전 belt.rotate() robots.rotate() # 내리는 위치에 로봇이 있다면 내린다. robots[-1] = 0 # 2..

[python] 프로그래머스 - 위클리챌린지 7주차

🤔문제 해결 각 명함을 [짧은 부분, 긴 부분] 으로 정렬 한다. 짧은 부분 최대값을 구한다. 긴 부분 최대값을 구한다. 💨 위클리 챌린지는 뭔가 한줄짜리 코드를 원하는 것 같은 문제... 💻소스 코드 def solution(sizes): return max(map(lambda x: sorted(x)[1], sizes)) * max(map(lambda x: sorted(x)[0], sizes)) 📕문제 확인 출처: 프로그래머스