본문 바로가기

javascript126

응답 NextJS Instagram UI 클론 생성 - 프로파일 페이지 6부 이 기사에서는 불플래시 이미지를 게시물로 가져올 것입니다. 클라이언트 키 가져오기 플래시되지 않은 개발자로 이동하여 "앱"을 클릭하면 "액세스 키" 및 "비밀 키"가 있습니다. .env.local 생성 클라이언트 키가 123456이라고 가정한 다음 .env.local 파일 내에 다음을 입력합니다. NEXT_PUBLIC_client_id=123456 서버를 재시작해야 작동합니다. API 사용 언플래시 API를 사용하려면 axios 를 사용해야 합니다. yarn add axios 그 후, 우리는 상단에 있는 공리를 수입합니다. import axios from 'axios'; 데이터를 가져오려면 useEffect with axiosis를 사용합니다. useEffect(() => { console.log('NE.. 2021. 12. 29.
Javascript 알고리즘: 역추적 가능한 모든 조합 또는 일부 제약 조건이 있는 조합을 찾는 작업이라면 역추적 문제일 가능성이 높습니다. 이런 유형의 질문들이 제가 고민하던 것들이기 때문에 여기서 그것들을 세분화하려고 합니다. 46. 순열. 고유한 정수의 배열 번호가 지정되면 가능한 모든 순열을 반환합니다. 답변은 어떤 순서로든 반환할 수 있습니다. Input: nums = [1,2,3] Output: [[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]] 이것의 역추적 솔루션은 매우 유사하며, 단지 우리가 다음 반복으로 전달할 배열의 조건과 방법을 달리 할 뿐이다. 이 경우 현재를 제외한 모든 요소를 통과시켜야 합니다. 이 솔루션의 시간 복잡도는 O(n!)입니다. 가능한 모든 솔루션을 검토하고 있으며 .. 2021. 12. 29.
면접관 대부분이 프런트엔드 개발자에게 질문을 했다. javascript HTML5란 무엇입니까? 여기서 우리는 오디오, 비디오 태그 등 HTML5에 추가된 모든 미래를 알 수 있습니다. HTML void 요소. CSS에서의 위치, 유연성, 그리드, 박스 모델. 폐쇄, 약속, 비동기/대기, setTimeout, setInterval(JS에서) 욕하고, 조절하고 커링, 전화, 바르고 JS로 묶습니다. Map, Filter, Reduce 및 Object.assign을 JS에서 Polyfill합니다. 인터뷰 진행자는 우리가 바닐라 JS에서 많이 연습해야 했던 페이지(인스타그램 스토리, 타이핑 게임, 플립카트 대시보드 등)를 만들어 달라고 요청할 수 있습니다. 2021. 12. 29.
동적으로 PWA 앱 매니페스트 만들기 모든 Progressive Web App에는 앱 매니페스트, 앱의 기본 정보(이름, 아이콘, 설명 등)가 포함된 간단한 JSON 파일이 있습니다. 기존 웹 앱에 PWA 기능만 추가하려는 경우, Progressier에는 동적 앱 아이콘 옵션을 포함하여 필요한 모든 것이 있습니다. 그러나 만약 당신이 당신의 웹 앱 매니페스트를 동적으로 만들고 싶다면, 계속 읽어보세요. 전통적인 방식 당신의 첫 번째 PWA를 만들 때, 가장 간단한 방법은 당신의 HTML 템플릿의섹션에 직접 당신의 앱 매니페스트에 링크를 추가하는 것이다. 호스트 매니페스트.json은 당신의 사이트 어디에나 있습니다. 결과 JSON 파일은 다음과 같아야 합니다. { "short_name":"Coronavirus", "name":"The Coro.. 2021. 12. 29.
로런츠 대칭 깨짐 - 1부 기계 학습 당신이 우주를 창조하려고 한다고 상상해 보세요. 그걸 어떻게 하시겠어요? 당신이 "물리학의 법칙이 있게 하라"고 말하는 순간 당신은 즉시 문제에 직면하게 될 것이다. 같은 법칙이 어디에 있든 당신 우주에 있는 모든 사람에게 적용되나요? 아니면 당신이 움직이거나 다른 방향으로 향할 때 법이 바뀌나요? 분명히 진행하기에 가장 공평하고 공정한 방법은 모든 관찰자에게 물리 법칙을 동일하게 만드는 것입니다. 물리학자에게 있어서 물리 법칙의 평등과 공정성은 대칭이라고 불리며, 모든 관찰자에게 물리 법칙이 동일해야 하는 대칭을 로렌츠 대칭이라고 한다. 대칭은 물리학에서 가장 중요한 개념 중 하나이며 에너지, 운동량, 전하와 같은 양의 보존과 밀접하게 연관되어 있다. 하지만, 대칭 깨짐 또한 엄청나게 중요합.. 2021. 12. 29.
HTML5 로컬 스토리지 사용: 세션 저장소 최신 브라우저에서는 소량의 텍스트 데이터를 위한 최소 2가지 종류의 클라이언트 측 스토리지가 제공된다. 하나는 로컬 스토리지이고 다른 하나는 세션 스토리지입니다. 둘 다 우리의 자바스크립트 웹 앱에서 다른 용도를 가지고 있습니다. 이 기사에서는 이들 간의 차이점을 살펴보겠습니다. 그리고 자바스크립트 코드에서 어떻게 사용하는지도 살펴봅니다. 로컬 스토리지와 세션 스토리지의 차이점 로컬 스토리지와 세션 스토리지는 서로 다른 용도로 사용됩니다. 로컬 스토리지를 사용하면 삭제될 때까지 데이터를 저장할 수 있습니다. 그들은 그 영역에 머무른다. 그리고 변경사항은 현재 및 향후의 모든 사이트 방문에 적용됩니다. 세션 스토리지 변경은 탭당만 사용할 수 있습니다. 변경 내용은 닫힐 때까지 해당 탭에서만 사용할 수 있습.. 2021. 12. 29.
10개 이상의 요소를 가진 Firestore -in-subscription Firestore 및 어레이 포함 작업은 문서에 설명된 대로 최대 10개의 요소를 지원합니다. 이 제한은 이해할 수 있지만, 요청 시 1k 아이디를 받는 것을 달가워하지 않을 것 같습니다. 하지만 여러분이 멋진 Firestore 애플리케이션을 만들게 될 때, 이 제한은 여러분에게 상당한 골칫거리를 남길 수 있습니다. 특히 당신의 멋진 앱이 구독을 사용하고 있을 때요. 스포츠 앱 Teamy의 달력을 최적화하던 중 이 문제에 부딪혔을 때 간략한 맥락을 알려드리겠습니다. 사용자는 여러 팀의 구성원이 될 수 있으며 10개 이상일 수 있습니다. 달력 보기에서 날짜별로 정렬된 모든 팀의 프로그램을 볼 수 있어야 합니다. 프로그램에 team_id 필드가 있습니다. MySQL과 같은 기존 관계형 데이터베이스는 관계형 .. 2021. 12. 29.
[JavaScript 통역]자바스크립트 | 제1부 上一篇文章我們製作出了一個可以回應使用者輸入的程式，接下來我們會介紹一個直譯器的基礎架構，並實作語法解析與執行的部分，讓我們的程式能夠真正讀懂輸入的文字，本篇文章的最後會做出一個可以進行基本四則運算 基本架構 直接看圖 上面的圖示簡單說明了一個解釋器的基本架構，以及如何分析、執行程式碼，最後輸出結果的流程，以下會針對每一個部分進行更完整的介紹。 text : 文字檔案 再複雜的程式碼也是一般的文字檔案，我們的直譯器需要取得文字內容來進行分析，取得文字的方式在我們上一篇文章已經實作完成了，若還沒有看過可以先回到上一篇文章，把專案建立起來後再繼續進行下去。 lexer : 詞法分析器 將獲得的文字內容進行分類、組合，轉換成我們的程式所需要的token，現在有許多方便、開源的lexer可以選擇，像是lex，不過為了學習，我們會自己動手創造一個。 以我們這次要建立的四則運算直譯器來做舉例 : .. 2021. 12. 29.
「JavaScript」함수 資料類型判斷: （（ounce를 논박하다. 스로틀: 深拷貝: 카레지: 2021. 12. 29.
GeoJSON을 사용하여 Geofence를 생성하여 가상 경계 정의 정확하고 효율적인 서비스를 제공하기 위해 사람들의 위치를 추적하는 것에 관한 한 지오펜스를 능가하는 것은 없다. 간단히 말해 지오펜스는 특정 관심 영역 주변의 가상 경계입니다. 이러한 지오펜스를 만드는 가장 효율적인 방법 중 하나는 TomTom Maps JavaScript SDK를 사용하는 것입니다. 이 도구를 사용하면 지도에 주변 지역을 그려서 특정 주, 랜드마크, 위치, 심지어 국가 전체를 강조 표시할 수 있습니다. 이러한 경계는 지도 사용자가 영역 내부 또는 외부에 있거나 단순히 근처에 있는 경우를 결정하는 데 도움이 됩니다. TomTom의 매핑 기술은 사용자의 장치가 국경을 넘을 때 사용자에게 경고할 수도 있습니다. 지오펜스는 많은 분야에서 큰 도움이 된다. 그 예로는 추적 패키지, 사용자들을 가.. 2021. 12. 29.
모든 웹 개발자가 읽어야 할 기사 5개 상위 5개 웹 개발의 선별된 목록은 지난 주부터 반드시 읽어야 한다. 최신 웹 개발 사례와 통찰력을 놓치지 마십시오. 몇 가지 새로운 기술을 배우면서 최신 웹 개발, 기술 및 새로운 도구와 프레임워크에 대한 모든 정보를 읽어 보십시오. 반응 신뢰 2021 재점검 저번 주에 저희가 6번째 리액트 콘프를 진행했는데요. 지난 몇 년 동안, 우리는 리액트 컨프 단계를 사용하여 리액트 네이티브 및 리액트 훅스와 같은 업계 변화 발표를 해왔습니다. 올해는 리액트 18 출시와 점진적인 동시 기능 채택을 시작으로 리액트에 대한 멀티플랫폼 비전을 공유했습니다. https://reactjs.org/blog/2021/12/17/react-conf-2021-recap.html 핵심 웹 바이탈 개선, 스매싱 매거진 사례 연구 .. 2021. 12. 28.
Lerna 를 javascript에서 mono repo 설정하는 방법 시작하기 전에 노드와 npm이 설치되어 있는지 확인하는 것이 항상 중요합니다. 이 작업은 다음 명령을 실행하여 수행합니다. 이러한 버전을 설치한 경우 설치 버전을 받을 수 있습니다. 그렇지 않으면 노드를 설치하려면 https://nodejs.org/en/download/으로 이동하십시오. 먼저 Lerna를 설치하는 것부터 시작합니다. https://lerna.js.org/ Npm I -D Lerna를 실행하기만 하면 됩니다. -D 플래그는 다음에 대한 바로 가기입니다. — save-dev 설치가 완료되면 패키지를 생성할 수 있습니다.다음 명령을 사용하여 자동으로 lerna 구성을 추가한 json: npx lerna init 처음에는 이런 게 나올 거예요. 앱이 패키지 안으로 들어가야 합니다. 패키지 내부.. 2021. 12. 28.
개발자 취직에 도움되는 행사 Qvault 커뮤니티 Discords 서버에서 새로운 이니셔티브를 시작합니다. 첫 번째 개발 작업에 초점을 맞춘 무료 라이브 이벤트를 진행합니다! 그 배경에 대해 말씀드리자면, 저는 Qvault.io을 1년 넘게 운영해오고 있는데, 사람들이 이 과정을 좋아하기는 하지만, 저희는 "첫 번째 직업" 도전과 관련하여 더 많은 개인화된 도움을 제공하기 시작했고, 참석자들은 이 과정을 매우 좋아합니다. 저는 지금 매주 무료 교육 행사를 주최하고 있는데, 여러분들을 꼭 뵙고 싶습니다! 내일(12월 28일)은 가변 명명 기법을 통해 더 깨끗한 코드를 작성하는 방법에 대해 이야기를 나눠보겠습니다. 이력서를 가지고 오는 이력서 워크숍은 이미 두 번 진행했는데, 제가 개선 도와드릴게요. 저는 앞으로 몇 주 동안 두 가지 .. 2021. 12. 28.
자바스크립트 실행 순서 자세히 알아보기 처음에는 우리가 많은 것을 알고 있는지 확인할 필요가 있다. JavaScript로 작성한 시트는 실행 컨텍스트라는 큰 것으로 래핑됩니다. 실행 컨텍스트란 무엇일까요? 실행 컨텍스트는 단순히 함수의 코드를 실행하기 위해 생성되며 다음과 같은 두 부분으로 나뉜다. 실행 스레드 기억력 자바스크립트 코드는 어떻게 간단하게 실행되나요? 한 줄 한 줄씩 실행 또는 실행합니다(실행의 스레드라고 함). 이 데이터는 나중에 사용할 수 있도록 메모리에 데이터를 저장합니다. 또 하나, 우리는 매개 변수와 인수의 차이를 알아야 합니다. 우리가 인수를 호출했을 때, 우리는 전달되는 실제 숫자나 값을 의미하며, 매개변수는 그것을 기다리는 자리 표시자입니다. 콜 스택이란? JavaScript는 이 함수가 현재 실행 중인 것을 추적.. 2021. 12. 28.
재귀함수를 이용해 분할 및 정복 알고리즘 구현하기 재귀 프로그래밍을 배우는 첫 번째 단계는 재귀 프로그래밍을 배우는 것이다. 내가 거기서 뭘 했는지 봤지? 대답할 경우 === "예" "읽다"를 반환하다. 그렇지 않으면 ReturnToStart() 종지부를 찍다 재귀란 무엇인가? 재귀의 정의는 꽤 간단하다: 자신을 부르는 함수. 암호로 처음 접하는 건 마법처럼 보일지도 몰라 만약 그날 우리의 마술 능력이 떨어진다면, 그것은 실수처럼 보일 수도 있다. 반복적인 문제 해결을 이해하는 유용한 방법 중 하나는 반복적인 문제 해결(루프 사용)과 비교하는 것이다. 재귀로 해결할 수 있는 많은 문제는 루프를 사용하여 해결할 수 있다. 우리가 루프를 사용할 수 있다면 왜 그 안에 있는 함수를 불러야 할까요? 예를 들어 성능에 있어서는 반복 솔루션이 재귀 솔루션보다 더 .. 2021. 12. 28.

티스토리툴바