분류 전체보기
-
[AWS] FrontEnd 배포 실습 (S3 + CloudFront)네트워크/AWS 2024. 5. 8. 18:15
개요1. AWS IAM 설정2. S3 생성 및 설정3. CloudFront 설정4. Github Action으로 CI / CD 구축 ✅ AWS IAM 설정📦 IAM(Identity and Access Management)이란?AWS리소스에 대한 엑세스를 안전하게 제어할 수 있는 웹 서비스로 AWS 계정을 최초로 생성할 때 만들어지는 루트 사용자는 모든 엑세스 권한을 가지기에 보안에 주의해서 사용해야하므로 IAM을 통해 리소스를 사용할 수 있는 인증 및 권한 부여된 대상을 제어한다.리소스에 대해 여러 사람에게 다양한 권한을 부여할 수 있다.사용자에게 직접 정책을 설정할 수도 있지만 그룹에 대해서도 부여할 수 있다. 📦 IAM 사용자 추가하기AWS > IAM > 사용자 생성 > 1 ~3단계 수행 > 생성..
-
[CS Study] INP란 무엇인가?네트워크/CS Study 2024. 5. 1. 15:05
개요INP의 정의크롬 개발자 도구를 통한 INP 개선 방법 응답성(페이지가 인터렉션에 얼마나 빠르게 응답하는지)은 사용자에게 매우 중요하다. ✅ INP의 정의📦 INP (Interaction to Next Paint)다음 페이지와의 상호작용이라는 의미의 INP는 반응성을 평가하는 실험 지표로써 페이지에서 발생하는 모든 상호작용을 측정하여 페이지의 전반적인 응답성을 측정하며 이를 통해 시간을 최소화하는 것이 목표이다.INP는 페이지 수명동안의 모든 상호작용 요소를 관찰하고 가장 긴 응답 시간(지연 시간)이 가진 것을 보고한다.INP가 낮으면 페이지의 대다수의 상호작용이 대부분 빠르게 반응한다 -> 좋은 응답성을 가진다. 🎉 지연 시간이란?더보기단일 상호작용의 지연 시간은 상호작용의 일부인 어떠한 이벤..
-
[제주코딩베이스캠프] Javascript 알고리즘 100일 챌린지 11 ~ 17일차알고리즘 2024. 4. 22. 09:49
🔥 몰랐던 내용 [12일차] 📦 Array.reverse() 기존에 생각한 방법은 Array로 만드는 과정까지는 동일하다. 하지만 나는 pop()을 통해서 나온 값으로 새로운 배열을 만들어서 return 하려하였는데 이러한 방법을 쓰지않고 그냥 reverse()를 사용하면 자연스럽게 뒤집을 수 있다 영상에서는 Array(words)이런식으로 문자열로 만드는데 split()을 사용하는 방법도 있다고 말한다. [14일차] 📦 s1과 s2의 유사도를 구하자 유사도를 구하는 문제에서 Array.filter()와 Array.includes()를 통해서 쉽게 구할 수가 있구나!!! function solution(s1, s2) { return s1.filter(v => s2.includes(v)).length } ..
-
[제주코딩베이스캠프] Javascript 알고리즘 100일 챌린지 1 ~ 10일차알고리즘 2024. 4. 18. 23:04
🔥 몰랐던 내용 [1일차] 📦 ~~(10 / 5) 몫을 구하는 과정에서 사용되는 방식으로 실수로 출력되지 않고 정수로 출력하기 위해서 사용함 ~는 부정 연산자로써 bit가 1001인 수 5를 0110으로 뒤집는 역할을 해서 결과적으로 -(n + 1)의 값을 출력하는데 이러한 부정 연산자를 2번 사용함으로써 원래 값으로 돌리면 정수로 출력이 된다. Math.floor(10 / 5)와 동일한 역할을 한다. [5일차] 📦 Array.reduce() reduce()의 경우에는 초기값을 설정하지 않았을 때 문제점이 생긴다 그렇기 때문에 2번째 인자로 전달되는 초기값(이 문제에서는 0)을 설정하므로써 빈 값(짝수의 합을 구하는 과정 중 n = 1일 경우에는 빈 배열이 생성된다)에 대한 문제를 해결하기 위해 초기값을..