JavaScript11 JavaScript를 배우기 위한 최고의 YouTube 채널 2022. 2. 15. 2022년에 꼭 사용해야 할 11가지 놀라운 프런트엔드 개발 툴 1. 대응력 2. 차트.css 3. 그림 그리기 4. 공용 API 5. 유리형태성 CSS 생성기 6. UiGradients 7. 기티뇨르.이오 8. iHateRegex 9. 극장 10. 머리 없는 UI 11. 더 예쁜 결론 2022. 2. 15. 성능에 대한 간단한 소개() performance. now()는 DOMHighResTimeStamp("고해상도 타임스탬프")를 반환하는 Performance API 메서드이며, 간단히 말해 두 시점 사이의 분수 부분에서 밀리초 단위의 시간 값이다. performance.now()의 가장 일반적인 사용 사례는 코드 실행 시간을 모니터링하는 것입니다. 실제 사용 사례에는 비디오, 오디오, 게임 및 기타 미디어의 벤치마킹과 성능 모니터링이 포함될 수 있다. 그렇다면, 어떻게 사람을 구조할까요? 예를 들어, 특정 기능이 실행되는 데 걸리는 시간을 모니터링하려고 합니다. 함수를 실행하기 전에 메소드를 한 번 호출한 다음 함수 자체를 실행하고 performance.now()를 다시 호출한다. performance.now()의 두 인스턴스는 페.. 2022. 1. 13. JavaScript 오브젝트 속성의 하위 집합을 가져오는 방법 때때로 객체에서 JavaScript 속성의 하위 집합을 가져오기를 원할 수 있습니다. 이 문서에서는 JavaScript 오브젝트 속성의 일부를 사용할 수 있는 위치로 가져오는 방법에 대해 설명합니다. 객체 파괴 자바스크립트 오브젝트 속성의 하위 집합을 가져오는 가장 짧고 쉬운 방법은 오브젝트 파괴 구문을 사용하는 것이다. 예를 들어, 우리는 다음과 같이 쓸 수 있다. const object = { a: 1, b: 2, c: 3 }; const { a, b } = object const picked = { a, b } console.log(picked) 우리는 a, b, 그리고 c의 특성을 가진 물체를 가지고 있습니다. 속성을 얻기 위해, 우리는 그들을 파괴하여 그들의 변수에 할당할 수 있습니다. 우리는 .. 2022. 1. 12. 일시적 데드 존 T.D.Z는 Temporal Dead Zone의 약자로 정해진 의미를 가지고 있습니다. Temporal Dead Zone은 공상과학 용어처럼 들리지만, 우리는 우리가 매일 사용하는 용어와 개념이 무엇인지 이해하기 위해 이 세 가지 마법의 단어를 접해야 한다. 그러니 앞으로 나아가기 전에 이 세 단어, 즉 시간적, 죽음, 구역에 대해 깊게 살펴보자. 일시적인 것을 나타내는 시간적, 어떻게든 생명이 없는 상태를 의미하는 단어 dead, 구역은 메모리와 관련된 프로그래밍 세계에서 의미하거나 시간 주기 또는 위상으로 간주될 수 있는 영역을 나타낸다. 따라서 이 세 용어를 모두 조합하면 일부 실체는 일시적으로 생명이 없거나 비활성 상태여서 어떤 종류의 작업에도 사용할 수 없다는 것을 알 수 있다. 이 주제를 이해.. 2022. 1. 12. 기능적 프로그래밍 (Part 0) : 프로그래밍 패러다임 간 간략한 비교 이 기사는 "함수 프로그래밍"에 대해 설명하는 시리즈의 일부입니다. 바로 이 부분에서는 프로그래밍 패러다임에 대해 알아보겠습니다. 명령적 패러다임과 선언적 패러다임을 만지고 있습니다. 최소한의 예와 비교로 실행한다. 마지막으로, 우리는 몇 가지 패러다임을 진화론적 관점에서 살펴볼 것입니다. 목차 프로그래밍 패러다임 명령 패러다임 선언적 패러다임 합계 예시의 추가 마일 진화 관점 결론 프로그래밍 패러다임 프로그래밍 패러다임은 프로그래밍의 스타일 또는 방식이다. 그래서 어떤 언어들은 우리가 특정한 패러다임으로 글을 쓰도록 강요합니다. 다른 언어들은 프로그래머에게 선택권을 열어둔다. 각 패러다임이 일련의 개념을 따른다. (제목 그림을 봐주세요-아직 그렇지 않다면, "패러다임" 단어가 의미를 가질 수 있도록. .. 2022. 1. 12. 이진 검색 - 더미용 그것은 무엇일까요? 당신이 J라는 글자를 찾기 위해 전화번호부를 찾고 있다고 가정해보세요. J를 한 페이지씩 확인하는 것 보다 중간에 책을 펼쳐서 검색을 시작하는 것이 훨씬 더 효과적일 것입니다. 그 책을 가운데로 펼쳐보면, 어떤 글자를 펼쳤는지 알게 될 거야. 그 글자가 J였나요? J를 찾았군요 만약 그 편지가 J보다 먼저 온다면, 당신은 J가 후반부에 있기 때문에 전화번호부의 반을 무시할 수 있다는 것을 알 것입니다. 만약 그 편지가 J 다음에 온다면, 당신은 J가 전반부에 있기 때문에 전화번호부의 나머지 반을 무시해도 된다는 것을 알 것입니다. 이진 검색은 기본적으로 J가 발견될 때까지 또는 전화 번호부에 선택 취소된 부분이 없을 때까지 ^를 반복하고 반복합니다. 시각적 예제 아래 도표에서, 우리는.. 2022. 1. 11. 청정 코드 및 모범 코딩 관행을 달성하기 위한 가이드 좋은 코드란 무엇이고 코딩 표준은 무엇인가요? 간단히 말해서, 깔끔하고 이해하기 쉬우며 들여쓰기, 주석 달기, 우수한 설명서 등과 같은 모범 코딩 관행을 따르는 코드입니다. 메모리 누수가 없는 비교적 적은 행으로 작성되어 코드 가독성과 재사용성을 강조합니다. 누구의 기대수명이 더 많은지, 그것은 그것을 수정하는 것이 더 적은 노력을 필요로 하는 방식으로 설계되었다는 것을 의미한다. 이는 인지 부하를 감소시킨다(즉, 이해하기가 쉽다). 그것은 간결하고 요점입니다. 그것은 쓰기 재미있고 유지하기도 쉽다. 깨끗한 코드로 간주될 수 있습니다. 이를 위해 우리는 일종의 규칙을 적용하고 프로젝트 전반에 걸쳐 일정한 지침을 따르는데, 이를 코딩 표준이라고 합니다. 다시 말해, 이것들은 고품질 코드를 생산하기 위해 코.. 2022. 1. 4. Azure Serverless 함수 및 Node.js를 사용하여 REST API 생성 이전 기사에서, 우리는 왜 내가 Node.js에 Azure Functions를 사용하는 것을 좋아하는지 살펴보았습니다. 이 문서에서는 Azure Table Storage 데이터베이스에 CRUD 작업을 위한 REST API를 생성하여 한 단계 더 나아가려고 합니다. 시작하기 이 튜토리얼에서는 Azure 계정이 필요합니다. 이것은 대부분 무료이고 그들은 새로운 사용자들에게 200달러의 크레딧을 준다. 그러니 https://azure.microsoft.com으로 가서 계정을 등록하세요. 저는 또한 VS 코드에서 Azure Extension을 사용할 것입니다. 이를 통해 VS Code에서 직접 기능과 같은 인프라를 쉽게 만들 수 있습니다. 설치 방법을 잘 모르겠으면 제 이전 글을 참고하세요. 또한 Azure S.. 2022. 1. 4. 당신의 넥스트JS 웹사이트를 2022년에 더욱 친근하게 만드세요. 자동 업데이트 사이트맵을 쉽게 추가할 수 있습니다. NextJS를 사용하여 다음 자바스크립트 웹 사이트를 개발하기로 선택했다면, 플레인 리액트(React)에 비해 이를 사용할 때의 SEO의 이점을 이미 고려했을 것입니다. 그런 생각을 못했거나 넥스트JS가 SEO를 어떻게 도울 수 있을지 궁금하다면, 이 포스트는 어느 정도 정리한다. 그래서, 단순히 NextJS에서 당신의 웹사이트를 만드는 것을 선택함으로써, 당신은 당신의 웹사이트의 잠재적인 검색 순위에 관한 한 이미 우위를 점하고 있다. 오늘은 한 단계 더 끌어올려 사이트맵을 추가해 넥스트JS 웹사이트의 SEO 친화성을 더욱 높일 수 있는 방법을 알아보려고 한다. 그리고 우리는 그렇게 하는 것이 얼마나 간단하고 쉬운지를 정확하게 살펴볼 것이다. 자, 이제 신선한 커피 한 잔을 끓이고 시작합시다. 먼저, .. 2021. 12. 30. MERN 스택 응용 프로그램을 효율적으로 설정하는 방법. 도입 프로그래밍 분야의 초보든 전문가든 다른 개발자들이 시작 프로젝트 애플리케이션을 어떻게 설정하고 구성하는지 궁금했을 것이다. 따라서 이 문서에서는 운영 지원 애플리케이션을 설정하는 효율적이고 지능적인 방법을 다룹니다. 실제 애플리케이션을 구축하는 데 필요한 성능, 스타일링, 비동기 및 기타 필수 요소를 관리할 수 있는 도구, 프레임워크 및 모듈을 사용하여 MERN Stack 애플리케이션을 설정하는 방법에 대해 알아보겠습니다. 프로젝트 구조 패키지를 초기화하는 중입니다.Json 및 Node.js 모듈 설치. 먼저 mern-app-setup이라는 새 폴더를 만듭니다. 이 폴더로 이동하여 터미널에서 다음 명령을 입력하고 실행하여 전체 스택 애플리케이션을 초기화하십시오. npm init 이름, 저자 및 라이.. 2021. 12. 29. 이전 1 다음
