본문 바로가기
728x90

분류 전체보기57

[Business Card | 명함] 오렌지 블루 무료 명함 디자인 샘플 무료 명함 디자인 샘플 다운로드 안녕하세요! 비즈니스의 필수품인 명함 디자인을 무료로 제공해드리고자 합니다. 오늘 소개할 디자인은 세련된 오렌지와 블루 컬러의 조합으로 감각적이고 세련된 비즈니스 이미지를 연출할 수 있는 명함 샘플입니다.감각적인 컬러 조합의 명함 디자인이번 디자인은 오렌지와 블루 컬러의 강렬한 대비가 특징입니다.앞면에는 이름을 강조하고, 뒷면에는 연락처, 이메일 주소, 직함 등을 깔끔하게 배치해 강렬한 인상을 줄 수 있는게 특징입니다.무료 명함 디자인 다운로드 방법블로그 게시물에서 명함 디자인 샘플을 확인하세요.하단의 다운로드 링크를 클릭하여 무료로 받아가세요.파일을 열어 본인의 정보(이름, 연락처 등)를 입력하고 인쇄해 사용하시면 됩니다.명함 제작 팁이름, 직함, 연락처는 반드시 포함하.. 2024. 10. 27.
싱글 페이지 애플리케이션(SPA)에서 성능 최적화: 지연 로딩(Lazy Loading) 활용하기 싱글 페이지 애플리케이션(SPA)에서 성능 최적화: 지연 로딩(Lazy Loading) 활용하기싱글 페이지 애플리케이션(SPA)은 한 번에 필요한 리소스를 모두 다운로드하여 자연스러운 페이지 전환을 제공하는 것이 특징입니다. 하지만 프로젝트 규모가 커질수록 다운로드 시간도 길어져 성능 저하를 초래할 수 있습니다. 대표적인 SPA 프레임워크인 Angular, React, Vue에서는 이러한 문제를 해결하기 위해 **지연 로딩(Lazy Loading)**을 활용합니다.지연 로딩(Lazy Loading)이란?지연 로딩은 사용자가 특정 페이지에 진입할 때 필요한 리소스를 그때그때 불러오는 방식입니다. 이를 통해 초기 로딩 시간을 줄이고, 사용자 경험을 개선할 수 있습니다.Vue Router에서 Lazy Load.. 2024. 10. 24.
RESTful API 📕 RESTfulAPI라는 것은?API 시스템을 구현하기 위한 아키텍처 중에 가장 널리 사용되는 형식이다.Graphql,SOAP,GRPC,REST...etc📕 Representational State Transfer웹상에서 사용되는 여러 리소스를 HTTP URI로 표현하고 그 리소스에 대한 행위를 HTTP Method로 정의 하는 방식. 즉 리소스(HTTP URI로 정의된)를 어떻게 한다.(HTTP Method + Payloda)를 구조적으로 깔끔하게 표현한다.왜 restfulAPI를 많이 사용하는가?코드의 복잡성이 올라가면서 직관적인 코드가 필요시 되기때문에 JSON을 사용한다.💡 기본적인 배경지식URI(Uniform Resource Identifier)해당사이트의 특정 자원의 위치를 나타내는 유.. 2024. 10. 20.
Codekata | 03 문제String 형인 str 인자에서 중복되지 않은 알파벳으로 이루어진 제일 긴 단어의 길이를 반환해주세요.str: 텍스트return: 중복되지 않은 알파벳 길이 (숫자 반환)예를 들어,str = "abcabcabc"return은 3=> 'abc' 가 제일 길기 때문str = "aaaaa"return은 1=> 'a' 가 제일 길기 때문str = "sttrg"return은 3=> 'trg' 가 제일 길기 때문💡 Answerfunction getLengthOfStr(s) { let strArr = []; let prevStrArr = []; for (let i = 0; i 체크하는 문자열이 저장 될 배열(strArr)와 중복된 문자열을 찾았을 경우 그 전까지의 문자열을 기록할 배열 (pre.. 2024. 10. 20.
Codekata | 02 문제reverse 함수에 정수인 숫자를 인자로 받습니다. 그 숫자를 뒤집어서 return해주세요.x: 숫자 return: 뒤집어진 숫자를 반환!예들 들어, x: 1234 return: 4321x: -1234 return: -4321x: 1230 return: 321nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계return: 두 수의 index를 가진 숫자 배열💡 Answer1const reverse = x => { if (x >= 0) { return Number(x.toString().split("").reverse().join("")); } else { let originNum = Math.abs(x); return Number(originNum.toStri.. 2024. 10. 20.
CodeKata | 01 문제twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면, 더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계return: 두 수의 index를 가진 숫자 배열예를 들어,nums은 [4, 9, 11, 14] target은 13nums[0] + nums[1] = 4 + 9 = 13 이죠?그러면 [0, 1]이 return 되어야 합니다.가정target으로 보내는 합계의 조합은 배열 전체 중에 2개 밖에 없다고 가정하겠습니다.Try일단 return되는 값이 배열이기 때문에 새로운 배열을 선언해줘야 한다고 판단했고,그 다음엔 들어오는 nums배열에서 가져온, 숫자들을 더한 값과 target의 비교해서해당 값이 맞으.. 2024. 10. 20.
728x90
반응형