본문 바로가기

전체 글145

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.
웹 개발에 Typescript 가 필요한 이유 유형스크립트 엄격한 모드가 런타임 오류를 방지하는 데 도움이 되는 방법 이 질문에 답하기 위해, 우리는 예를 살펴볼 것입니다. 당신이 요청받았다고 가정하자. 계정 관리자가 계정 번호를 제공할 때 트랜잭션 목록을 볼 수 있는 API를 만듭니다. Typoscript를 사용 중이므로 아래 그림과 같이 하면 됩니다. api를 컴파일하고 실행합니다. 유효한 계정 번호로 테스트합니다. 그리고 그것을 거래처 매니저에게 전달하세요. 계정 관리자가 오타가 있는 계정 번호로 API를 호출하여 API가 충돌합니다. 이제, 아래와 같이 API를 만들 때 엄격한 모드가 설정되어 있다면 어떨까요? 컴파일 프로세스가 실패했습니다! 이 실패는 API를 계정 관리자에게 전달하기 전에 입력에 관계없이 API가 적절하게 응답할 수 있는지.. 2021. 12. 28.
네이티브 웹뷰를 사용하기 전에 알아야 할 내용 작년에 저는 웹뷰를 사용하여 HTML 이메일을 표시하는 리액트 네이티브 앱을 개발했습니다. 그 과정에서 저는 해결하는데 오랜 시간이 걸린 흔치 않은 문제에 직면했습니다. 이 글의 저의 목적은 여러분이 직면할 수 있는 문제와 해결 방법을 보여줌으로써 여러분의 시간을 절약하는 것입니다. 문제 1: WebView 동적 높이 응답 네이티브 웹 뷰는 콘텐츠를 기반으로 확장할 수 있는 처럼 자체 높이를 설정할 수 없습니다. 웹뷰가 높이를 가질 수 있는 유일한 방법은 웹뷰에 특정 높이를 제공하는 것입니다. 여기서는 웹뷰 로딩이 끝난 후 injectionJavascript propect를 사용하여 스크립트를 삽입하여 콘텐츠 높이를 얻은 다음 웹뷰 높이를 업데이트했습니다. 문제 2: Webview가 Android에서 앱.. 2021. 12. 28.
HTML, CSS, JS , 캔버스로 서명 패드 만들기 안녕, 오늘 나는 매우 멋진 것을 공유할 수 있어. 사용자의 서명이나 도면을 수집해야 할 경우에 대비하여 프로그램에 추가할 수 있는 서명 패드를 만드는 방법을 알려드리겠습니다. 또한 서명 패드에서 서버를 보낼 수 있는 이미지를 만드는 방법도 알려드리겠습니다. 준비됐나요? 를 시작하겠습니다. 먼저 hour page의 HTML 구조를 만들고 app.js와 app.css를 index.html 페이지에 연결해보자. Important Contract Important contract description Signature Clear SUBMIT 이제 app.css 파일에 css를 추가하여 시그니처 패드처럼 보이도록 하겠습니다. :root { --primary-color: #000; } body { font-fam.. 2021. 12. 28.
Javascript 산술 연산자, 코드 편집기, 함수, 객체 및 배열 이 기사를 읽기 전에 Javascript 기록, 콘솔 및 데이터 유형을 살펴볼 수 있습니다. 모든 프로그래밍 언어와 마찬가지로 자바스크립트도 연산자 우선 순위를 가지고 있으며, 이 링크는 좋은 테이블을 제공하므로 살펴볼 수 있습니다. 또한 B O DM AS로 기억할 수 있습니다. B = 대괄호 O = pOwers() 및 기능 DM = 분할 및 곱하기 AS = 덧셈 및 뺄셈 할당 연산자 여기서 자바스크립트의 산술 사용 예를 볼 수 있습니다. 문자열 - 문자열을 숫자에 추가하려고 할 때, 문자열 자바스크립트에 불리언은 다형성을 사용하므로 변수의 종류가 변경됩니다. 코드 편집기 개발 툴은 웹사이트 리프레시 등 삭제가 가능하다. 그래서 IDE에 필요할 수 있습니다. 괄호는 오픈 소스 자바스크립트 IDE입니다. .. 2021. 12. 28.
JavaScript에서 문자열에 있는 모든 단어의 모든 첫 글자를 대문자로 변경하는 방법 이 기사에서는 문자열 배열에서 모든 첫 글자를 대문자로 사용하는 방법에 대해 알아보겠습니다. 단답 let str = “every word in this sentence should start with uppercase”; function upperCaseStr(str) { let arr = str.split(“ “); let result = arr.map(word=> word.charAt(0).toUpperCase() + word.slice(1)); return result; } 당신이 원한다면 이것을 복사해서 붙여넣을 수 있습니다. 어쨌든, 이것에 대한 튜토리얼을 원한다면, 아래의 텍스트를 읽으세요. 문자열을 배열로 변환합니다. 우리 끈이 이렇게 있잖아요. let str = “capitalize eve.. 2021. 12. 28.
Javascript를 이용한 빠른 Array Reverse 구현 방법 가끔 도전하는 영상을 만들곤 했는데 오늘은 다르다. 간단하게 할게요. 이 그림에서 배열 반전을 수행하는 콜백 예제를 볼 수 있습니다. 놀랍네요, 프로토타입 "역방향" 기능은 항상 다른 제품보다 성능이 빠릅니다. 그 이유는: 콘솔에서 "Array.protype.reverse"를 쓰면 다음과 같이 표시됩니다. 역방향() { [native code] } 자바스크립트가 아닌 C 또는 C++로 작성된 함수이기 때문입니다. 출처: https://github.com/AlexcastroDev/code_challenges/blob/master/Array%20DS/index.js 2021. 12. 28.

티스토리툴바