본문 바로가기

JavaScript97

콩키스타 미냐 바가 데센볼베도르 주니오르 페스키산도는 pags para desenvolvedor frontend web junior, encontrei diversos divesos em aberto를 처리합니다. 네세 아티고, 리스트 오스 폰토스 엠 오스 프린키페스 폰토스가 나를 차마람 아텐상 파라 미 콘키스타 a vaga. 이 코모 콘스트루이르 켐 에스타노 이노 다 조르다. 프라임이로 폰토 세르 인테르시토 데스테사카 오 케 엔토 소브레 아프렌디자도 엠 세 토르나 프로다도르. 이니시안도는 제로 나 아레, 파르티모스 코무 에스투단테 드 프로파상, 온데 에스타모스 콘스트루인도 콘셉트, 프레덴토스 에 파젠도 오 프라임이로스 튜터리아이스 e 고환 등을 사용한다. 네세 에타파, acredito quo o criardade nas resigned soc.. 2021. 12. 30.
파이어베이스로 채팅 앱 제작 및 React 네이티브 이 튜토리얼에서는 React Native, Expo 및 Firebase를 백엔드 서비스로 사용하여 채팅 애플리케이션을 구축할 것입니다. 응용 프로그램에는 특정 사용자별로 이메일 주소를 사용하는 간단한 로그인 시스템이 포함됩니다. 사용자는 프로필 사진을 업로드할 수 있습니다. 채팅 앱은 글로벌 채팅방에 가깝지만 실시간으로 작동합니다. 이 튜토리얼의 전체 소스 코드는 이 GitHub Repository에서 확인할 수 있습니다. 종속성 설치 중 시작하려면 로컬 시스템에 Expo CLI가 설치되어 있어야 합니다. 터미널에서 다음 명령을 실행하여 CLI를 설치하고 이를 사용하여 새 프로젝트를 생성합니다. # To install expo-cli npm install -g expo-cli # To generate n.. 2021. 12. 30.
이게 뭐야? JavaScript에서 실행 컨텍스트 이해 자바스크립트의 실행 컨텍스트를 이해하는 것은 자바스크립트를 배우는 데 있어 가장 중요한 요소 중 하나이다. 실행 컨텍스트의 작동 방식에 대한 확실한 이해 없이 코드를 작성하면 종종 매우 성가시고 추적하기 어려운 버그가 발생한다. JavaScript를 처음 접하시는 분들은 실행 컨텍스트가 어떻게 작동하는지 시간을 갖고 이해하시기 바랍니다. 그것은 미래에 반드시 성과를 낼 것입니다! 실행 컨텍스트는 또한 이것의 현재 값 또는 함수(또는 메서드)가 실행되는 환경으로 언급된다. 다음은 한 가지 예입니다. 출력: Ralph Asterix is a mechanical engineer. Ralph likes to grow fruits and vegetables in spare time. 7호선부터 8호선까지, 나는 .. 2021. 12. 29.
트릴하르 펀더마 다 로켓 시트 아프렌더 컴 에사 에 세군다 삼일라 콤 os fermos e conceptos disponibilizada pela 로켓 시트. 네사 야 테모스 콘타토 마이스 프라티코스 에 마이스 프록시모스 다 프로파상, 포르 이소, 아크레디토 케 컴사모스는 엠폴가. 보케 포데라 콩스루이르 펀더멘탈은 없고, 바모스는 프라임이라스 아플리카체스, 세 토르나라 카파즈 데 코다르 솔루체는 funcionais para dar os primiros na sua carereira로 해석한다. Vamos aprofundar conceitos e encar desafios práticos. 에스테 에 오 카민요 파라 아펜더 소브레 에 게렌시아멘토 데 다도스 인클루인도 배열, 매트리즈, 스택 e 큐. 에스타 에 트릴랴 파라 아 프로가상 오리엔타다 오.. 2021. 12. 29.
Mapas con 자바스크립트 프로텍토 연습생이야. 두란테 엘 데사롤로 데 운 프로이펙토, 아파레시오 아이디어 데 Utilizar und mapa interactivo de Oaxaca con la intincion de visualizar los datos datos sistarrollo a nivel de nivel de munios. 아 케 엘 프로에코 세 데사롤란도 엔 리액트 Js, 세 레케리아 케 엘 마파 푸아 양립 콘 엠바고, 신 엠바고, 포르 라존 데 티엠포 이 에스푸에르조, 엘 콘셉토 세 파라 엘 에예코. 우노 쿠안토스 메세스 데스포에스, 데시디 레토마르 라 아이디어 프로이펙토 개인; in mapa se visualizarian los datos recolitados 델 코비드-19 in Oaxacacacaca. En .. 2021. 12. 29.
몰랐던 5가지 JavaScript 기능 초보 개발자나 경험 많은 개발자가 이러한 자바스크립트 기능은 표준이 아니므로 놓치거나 잊어버릴 수 있는 잘 알려지지 않은 자바스크립트 기능입니다. 하지만, 여러분의 정신력과 JS 능력을 향상시키기 위해 이것들을 아는 것은 항상 좋습니다. Nullish 병합 연산자 널리시 병합 연산자(??)는 기본적으로 OR (|) 논리 연산자의 반대이다. 왼쪽이 null이거나 정의되지 않은 경우에만 오른쪽 피연산자를 반환합니다. 논리적 널리시 할당(??)을 사용할 수도 있습니다.=) 변수가 null이거나 정의되지 않은 경우에만 변수를 할당합니다. 예: 'with' 문 with 문을 사용하면 객체를 블록 문의 범위로 사용할 수 있습니다. 예를 들어 0.5의 ceil을 기록하려고 하면 다음을 수행할 수 있습니다. 로 다음을.. 2021. 12. 29.
[JavaScript 통역]자바스크립트 | 제2부 在上一篇文章裡我們講解了直譯器的基本架構，並實作出一個可以進行基礎四則運算的直譯器。但這個直譯器遇到正負號、空白字元、小數點、括號等等字元時會因為無法解析而出錯，因此本篇文章將會著手解決這些問題。 空白字元 要解決空白字元的問題非常簡單，只需要在讀取到空白字元時自動跳過就可以了，因此需要對我們的lexer稍加修改 : lexer在讀取文字時若遇到空白字元，直接呼叫advance()跳過。 執行程式進行測試 : js> 1 + 2 3 js> 12 + 345 * 2 / 10 81 測試成功 ! 小數點 要能夠解析小數點的話，需要擴展我們lexer裡面的number()定義，在解析數字時遇到第一個小數點，可以接受這個字元並繼續向後解析，但若是同一個數字中出現多個小數點則會拋出錯誤 : 同樣的執行測試 : js> 1.3 + 2.45 3.75 js> 345.2 + 9.8 355 測.. 2021. 12. 29.
응답 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.
동적으로 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.
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.

티스토리툴바