프런트 엔드 개발5 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. 느슨하게 결합된 Node.js 서버에 대한 React 프런트엔드 이 글에서는 리액트를 사용하여 간단한 학생 관리 애플리케이션을 프런트 엔드로 만들 수 있도록 안내하겠습니다. 이것은 http 요청을 통해 백엔드에 연결되는 느슨한 결합 프런트엔드 애플리케이션입니다. 이 문서에서는 데이터베이스로 백엔드를 생성하는 단계를 설명합니다. 쉽게 이해할 수 있도록 학생 추가, 학생 업데이트, 학생 삭제 및 학생 보기와 같은 간단한 CRUD 기능에만 집중하겠습니다. 리액트 프런트 엔드를 만들어 보겠습니다! create-react-app명령을 사용하여 대응 앱을 만듭니다. 그 전에 앱을 생성할 디렉터리를 선택해야 합니다. 그러면 거기서 cmd를 여세요. 제 리액트 앱의 이름은student_app_frontend`입니다. 또한 나는 serviceWorker.js 파일을 만들 수 있는 선.. 2022. 1. 4. 당신의 넥스트JS 웹사이트를 2022년에 더욱 친근하게 만드세요. 자동 업데이트 사이트맵을 쉽게 추가할 수 있습니다. NextJS를 사용하여 다음 자바스크립트 웹 사이트를 개발하기로 선택했다면, 플레인 리액트(React)에 비해 이를 사용할 때의 SEO의 이점을 이미 고려했을 것입니다. 그런 생각을 못했거나 넥스트JS가 SEO를 어떻게 도울 수 있을지 궁금하다면, 이 포스트는 어느 정도 정리한다. 그래서, 단순히 NextJS에서 당신의 웹사이트를 만드는 것을 선택함으로써, 당신은 당신의 웹사이트의 잠재적인 검색 순위에 관한 한 이미 우위를 점하고 있다. 오늘은 한 단계 더 끌어올려 사이트맵을 추가해 넥스트JS 웹사이트의 SEO 친화성을 더욱 높일 수 있는 방법을 알아보려고 한다. 그리고 우리는 그렇게 하는 것이 얼마나 간단하고 쉬운지를 정확하게 살펴볼 것이다. 자, 이제 신선한 커피 한 잔을 끓이고 시작합시다. 먼저, .. 2021. 12. 30. 테일윈드 vs 부트스트랩 비교 및 내용 정리 제가 제 첫 번째 웹사이트를 개발하기 시작했을 때, 저는 많은 사람들이 직면하기 전에 직면했던 질문으로 인해 어려움을 겪었고, 많은 사람들은 꽤 오랫동안 계속해서 직면할 것입니다. 부트스트랩을 선택해야 하나요, 테일윈드를 선택해야 하나요? 테일윈드 개발 영상을 몇 개 본 나는 그것에 반했다. 그럼에도 불구하고, 나는 정답을 찾는데 시간을 보냈다고 믿는다. 나는 그 의심을 빨리 해소했고, 테일윈드에 유리하게 결정했어요. 하지만 이것은 많은 개발자들이 가지고 있는 질문입니다. 오늘은 어떤 것을 사용하는 것이 더 적합한지 알아보겠습니다. 스포일러 경고: 테일윈드입니다. 테일윈드로. 테일윈드 대 부트스트랩은 공정한 비교가 아닙니다. 테일윈드와 부트스트랩은 둘 다 CSS 프레임워크야 하지만 생각해보면 부트스트랩은.. 2021. 12. 29. 이전 1 다음
