전체 글29 자바스크립트(JS)Math 메서드 정리1(abs, min, max) Math. 메서드 설명 및 사용법 Math는 주로 수학적 계산에 많이 사용 하는데 저는 주로 알고리즘 문제를 풀때 많이 사용을 하고 있습니다. 매번 문제를 풀때마다 검색해서 찾아서 쓰고 해서 이번 기회에 정리를 한번 할려고 글을 적었습니다. 1. Math.abs() - Math.abs()는 숫자의 절대값을 구해주는 메서드 입니다. ex) console.log(Math.abs(-3)) //3 let Number = 3 - 10 Math.abs(Number) // 7 2.Math.min() - Math.min()는 숫자들 중 최솟값을 구해주는 메서드 입니다. ex) Math.min(3,11,7) // 3 let Number1 = 10 let Number2 = 7 Math.min(Number1,Number2).. 2023. 7. 27. [Next.js] SSG(Static Site Generation)과 ISR 설명 및 사용법 -프론트엔드개발 SSG 개념 - SSG는 NEXT에서 브라우저를 렌더링 할 때 기본적으로 pre-rendering(사전 렌더링)을 한다고 하는데 기본적으로 NEXT에 default로 설정 되어 있다. pre-rendering이란 각 페이지들을 사전에 미리 HTML문서를 생성하는 것이다. NEXT에서 SSG로 pre-rendering을 하면 빌드 타임 때 해당 페이지 별로 각각의 HTML 문서를 미리 생성해서 클라이언트 요청이 들어올 때 해당하는 페이지를 반환해주는 형태로 동작한다. 위의 방식대로 미리 생성해 두었기 때문에 로딩 시간이 빠르다. 그리고 또 하나의 장점이 더 있는데 바로 효율적인 캐싱이다. 효율적인 캐싱이 뭐냐면 예를 들어, 클라이언트에서 블로그 게시글을 요청했다고 가정하고 유저가 게시글 내용을 백번 눌러도.. 2023. 7. 11. [Next.js] 13 Image 태그 사용법 및 특징 -프론트엔드개발 Next/Image 컴포넌트의 기능 Next/Image 컴포넌트에서 제공하는 대표적인 기능은 3가지 입니다. lazy loading 이미지 사이즈 최적화 placeholder 제공 1.lazy loading lazy loading이란 이미지 로드하는 시점을 필요할 때까지 지연시키는 기술을 의미합니다. 예를 들면 유저한테 보이는 이미지들은 로드하고 보이지 않는 화면의 이미지는 지연시켜서 불필요한 대역폭 사용을 줄이고 필요한 이미지만 빠르게 로드할 수 있도록 하는 것입니다. 모든 브라우저에서 잘 동작하는 lazy loading을 구현하기 위해서는 Intersection Observer 혹은scroll 이벤트를 통해 스크린에 element가 보일 때를 캐치하여 이미지를 로드하도록 구현해야 합니다.(img 태그.. 2023. 6. 20. 자바스크립트(JS)문자열 자르기 함수(split, substr, substring, slice) JavaScript에서 문자열을 자를 때 사용하는 방법을 소개합니다. 1. split() : 구분자로 문자열을 잘라서 배열로 리턴 2. substr() : 특정 Index에서 원하는 길이만큼 잘라서 문자열로 리턴 3. substring() : 시작 Index에서 끝 Index 전까지 문자열을 잘라서 리턴 4. slice() : substring과 비슷하지만 약간의 차이점이 있는 메소드 1. split() : 구분자로 문자열 분리하여 배열로 리턴 split()의 Syntax는 다음과 같습니다. 인자로 구분자와 limit을 받습니다. limit은 구분자로 분리할 문자열의 개수입니다. 예제와 함께 어떻게 동작하는지 확인해보겠습니다. let str = 'Hello, World, Javascript'; conso.. 2023. 6. 13. URL 확장자 숨기기ex).html dAWS S3에서 .html 확장자를 없애려고 했다. home-1.html에서 .html을 없애기 위해서 - aws s3 해당 버킷으로 이동 - 먼저 작업 버튼을 눌러서 content type 이 text/html 로 되어있는 지 확인한다. 안 되어 있으면 text/html 로 바꾸어주거나 추가해준다. (기본적으로 선택이 되어 있을 것이다) - 그러고나서 다시 작업에서 이름 바꾸기를 눌러 이름을 home-1.html → home-1 로 변경해준다. - 개요를 보면 url 이 home-1 로 변경된 것을 확인할 수 있다. - 이름 변경 후 잠시 기다린 후 해당 url 로 접속을 해본다. 바로 적용이 안 될수도 있으니 10분 정도까지는 기다려본다. (10분보다 훨씬 빠르게 적용된다) 이렇게 하면 되는 걸로 .. 2023. 6. 12. DNS란 무엇일까? -Softeasy DNS(Domain Name System)는 인터넷 전화번호부입니다. 사람은 nytimes.com 또는 espn.com과 같은 도메인 이름을 통해 온라인으로 접속하는데 웹 브라우저는 인터넷 프로토콜(IP) 주소를 통해 상호작용합니다. DNS는 브라우저가 인터넷 자원을 로드할 수 있도록 도메인 이름을 IP 주소(예: 192.168.1.1)로 변환합니다. 인터넷에 연결된 각 기기에는 다른 컴퓨터가 기기를 찾는 데 사용하는 고유한 IP 주소(예: 192.168.1.1)가 있습니다. DNS 서버를 사용하면 사람이 192.168.1.1(IPv4의 경우)과 같은 IP 주소 또는 2400:cb00:2048:1::c629:d7a2(IPv6의 경우)처럼 영문과 숫자로 된 복잡한 IP 주소를 기억할 필요가 없습니다. DN.. 2023. 6. 4. 이전 1 2 3 4 5 다음
