본문 바로가기

What would life be If we had no courage to attemp anything?

전체 글293

[Next.js] SWC를 활용하여 빌드 시간 단축하기 SWC를 활용하여 빌드 시간 단축하기 사내에서는 CI/CD 도구로 깃헙 액션을 사용하고 있다.백엔드와 다르게 프론트는 액션이 완료되는데 까지 전체적인 시간이 좀 더 소요되는 것을 확인할 수 있다. 현재 내가 개발하고 있는 프론트 환경에서 CI/CD 과정 중 가장 소요 시간이 긴 스탭은 빌드 후 도커 이미지를 만들어 ECR로 옮기는 시점이다. 그 중 CI 과정 중에서 프론트 프로젝트 빌드 시간과 ECR PUSH 타임이 대부분을 차지함을 확인 할 수 있다. ❓그렇다면,프론트 프로젝트 빌드 시간을 어떻게 줄일 수 있을까? Next.js 빌드 시간을 단축 하는 방법SWC 코드 압축 활성화: swcMinify: true를 설정해 빌드 시 SWC를 통해 코드를 압축하여 최적화.Webpack 캐싱 사용: W.. 2024. 11. 1.

[JavaScript] 마우스 및 휠 이벤트 (onMouseEnter, onMouseLeave, onWheel) [JavaScript] 마우스 및 휠 이벤트 (onMouseEnter, onMouseLeave, onWheel)회사 서비스를 구현 하면서 회사 자체 컴포넌트 툴팁 스펙때문에,마우스가 텍스트 위에 존재 하지 않음에도 휠 이벤트 발생시 툴팁이 계속 떠있는 현상이 발생하였다. 그래서 tooltip이 떠야 하는 텍스트에 onMouseEnter, onMouseLeave, onWheel 이벤트 핸들러들을 사용하여 이를 해결할 수 있었다. onMouseEnter 이벤트onMouseEnter 이벤트는 마우스 포인터가 특정 요소에 처음으로 들어갔을 때 발생하는 이벤트.이 이벤트는 사용자가 마우스를 요소 위로 이동시킬 때 트리거 된다.onMouseEnter는 해당 요소의 자식 요소에는 이벤트를 전파하지 않기 때문에 부모 .. 2024. 5. 20.

[JavaScript] 팝업 창 구현 - window.open [JavaScript] 팝업 창 구현 - window.open프로젝트에서 기획 명세를 바탕으로 독립된 팝업 창을 구현해야 했다.JavaScript의 window.open 메서드를 사용하여 팝업창을 구현하였다. window.open 메서드새 브라우저 창이나 탭을 열 때 사용하는 메서드window.open(url, windowName, [windowFeatures]);- url : 팝업 창에 로드할 페이지 URL- windowName : 팝업 창의 이름. 같은 이름을 가진 창이 이미 열려있다면 해당 창을 재사용.- windowFeatures : 팝업 창의 특성을 정의하는 문자열. 코드 예시약관 보기 Reference Window: open() method - Web APIs | MDNThe open() m.. 2024. 5. 20.

[Softeer] level1 A+B python [Softeer] level1 A+B python import sys input = sys.stdin.readline T = int(input()) for t in range(1,T+1): A,B = map(int,input().split(' ')) answer = A+B print(f'Case #{t}: {answer}') https://softeer.ai/practice/info.do?idx=1&eid=362 Softeer 연습문제를 담을 Set을 선택해주세요. 취소 확인 softeer.ai 언어별 시간/메모리 언어시간메모리 C 1초 256MB C++ 1초 256MB Java 1초 256MB Python 1초 256MB Javascript 1초 256MB 문제 두 정수 A와 B를 입력받은 다음, A+.. 2023. 7. 23.

[Softeer] level1 근무시간 python [Softeer] level1 근무시간 paython https://softeer.ai/practice/info.do?idx=1&eid=990&sw_prbl_sbms_sn=227123 Softeer 연습문제를 담을 Set을 선택해주세요. 취소 확인 softeer.ai 언어별 시간/메모리 언어시간메모리 C 1초 1024MB C++ 1초 1024MB Java 1초 1024MB Python 1초 1024MB Javascript 1초 1024MB 문제 당신은 인사팀 직원으로, 각 직원의 근태를 확인하고자 한다. 당신의 회사는 자율출퇴근제를 실시하기 때문에 각 직원이 정확히 몇 시에 출근하는 것은 중요하지 않고, 총 근로 시간이 몇 분인지가 중요하다. 총 근로 시간이 법정근로시간을 초과하지 않아야 하면서, 회사와.. 2023. 7. 23.

[baekjoon]python #5525 IOIOI [baekjoon]python #5525 IOIOI https://www.acmicpc.net/problem/5525 5525번: IOIOI N+1개의 I와 N개의 O로 이루어져 있으면, I와 O이 교대로 나오는 문자열을 PN이라고 한다. P1 IOI P2 IOIOI P3 IOIOIOI PN IOIOI...OI (O가 N개) I와 O로만 이루어진 문자열 S와 정수 N이 주어졌을 때, S안에 PN이 몇 www.acmicpc.net 코드 50점 import sys input = sys.stdin.readline N = int(input()) M = int(input()) S = input() P=(2*N)+1 search='' for i in range(1,P+1): #짝수 if i % 2 == 0: sea.. 2023. 7. 19.

[baekjoon]python #20920 영단어 암기는 괴로워 [baekjoon]python #20920 영단어 암기는 괴로워 https://www.acmicpc.net/problem/20920 20920번: 영단어 암기는 괴로워 첫째 줄에는 영어 지문에 나오는 단어의 개수 $N$과 외울 단어의 길이 기준이 되는 $M$이 공백으로 구분되어 주어진다. ($1 \leq N \leq 100\,000$, $1 \leq M \leq 10$) 둘째 줄부터 $N+1$번째 줄까지 외울 단 www.acmicpc.net import sys input = sys.stdin.readline N,M = map(int,input().split()) dict={} for i in range(N): word = input().rstrip() if len(word) >= M: if word no.. 2023. 7. 18.

[baekjoon]python #7785 회사에 있는 사람 [baekjoon]python #7785 회사에 있는 사람 https://www.acmicpc.net/problem/7785 7785번: 회사에 있는 사람 첫째 줄에 로그에 기록된 출입 기록의 수 n이 주어진다. (2 ≤ n ≤ 106) 다음 n개의 줄에는 출입 기록이 순서대로 주어지며, 각 사람의 이름이 주어지고 "enter"나 "leave"가 주어진다. "enter"인 경우는 www.acmicpc.net 리스트 자료구조를 사용하여 풀면 시간 초과가 난다. 리스트가 아닌 딕셔너리 자료구조를 사용하여 풀면 된다. (set을 사용해도 된다) 리스트의 주요 연산 시간 복잡도 https://lifeofyoori.tistory.com/77 연산 시간 복잡도 Index lst[idx] O(1) Length len.. 2023. 7. 16.

[baekjoon]python #10815 숫자 카드 [baekjoon]python #10815 숫자 카드3 https://www.acmicpc.net/problem/10815 10815번: 숫자 카드 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 적혀있는 수는 -10,000,000보다 크거나 같고, 10, www.acmicpc.net import sys input = sys.stdin.readline N = int(input()) # in 수행시 list보다 set이 더 빨리 동작 # in 수행 시 모든 요소를 처음부터 검사하면서 원소를 찾는 list 는 O(n)의 시간복잡도를 가지고, 해시로 구현된 set은 최소 O(1)의 시간복잡도를 가져.. 2023. 7. 16.

[baekjoon]python #14425 문자열 집합 [baekjoon]python #14425 문자열 집합 https://www.acmicpc.net/problem/14425 14425번: 문자열 집합 첫째 줄에 문자열의 개수 N과 M (1 ≤ N ≤ 10,000, 1 ≤ M ≤ 10,000)이 주어진다. 다음 N개의 줄에는 집합 S에 포함되어 있는 문자열들이 주어진다. 다음 M개의 줄에는 검사해야 하는 문자열들이 주어 www.acmicpc.net import sys input = sys.stdin.readline N,M = map(int,input().split(' ')) S = [input()for _ in range(N)] arr = [input()for _ in range(M)] answer = 0 for a in arr: if a in S: an.. 2023. 7. 16.

이전 1 2 3 4 ··· 30 다음

티스토리툴바