본문 바로가기

소프트웨어 개발14

코드의 시간적 결합 이해 구심 결합: A 구성 요소의 작업은 B, C, D의 구현에 의존해야 합니다. 도메인 이벤트별 타이밍 분리 이벤트 손실 처리 방법 기껏해야 한 번 이상 정확히 한 번 방출 손실 처리 방법 결론 이벤트 손실 여부와 상관없이 가장 간단한 아키텍처인 EventEmitter를 사용하면 됩니다. 이 방식이 가장 단순하고 80%의 경우 문제가 없을 수 있지만 문제가 생기면 어떻게 해야 할까요? 최대한 신뢰할 수 있도록 시도하고 있으므로 문제가 없을 것을 99% 확신하는 메시지 큐를 도입하십시오. 하지만 여전히 1%의 위험이 감내할 수 있을까? 이벤트 소싱을 구현하려면 복잡성이 증가하고 성능에 영향을 미칠 수 있습니다. 이게 받아들여질까요? 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.
어떻게 하면 업계에서 준비된 소프트웨어 개발자가 될 수 있을까? 필수 조건: 하지만 잠깐, 만약 네가 B-테크 학위를 가지고 있지 않다면? 프로그래머는 문제 해결자이다. 공동 작업 학습 오픈 소스 프로젝트에 참여합니다. 일자리와 인턴십을 찾기 시작하세요. 2022. 2. 15.
많은 프로그래머도 모르는 재미있는 프로그래밍 사실 8가지 1. Java, Python, JavaScript 및 기타 10개 언어가 전부가 아닙니다. 2. 첫 번째 컴퓨터 바이러스는 그리 오래되거나 새롭지도 않다. 3. 프로그래밍 언어에도 악플러가 있다. 4. 첫 번째 컴퓨터 게임은 얻는 것이 없다. 5. 컴퓨터 프로그래밍은 2차 세계대전을 끝내는 데 도움을 주기도 했다. 6. 첫 번째 버그는 실제 버그였다. 7. 미친 시인의 딸이 최초의 프로그래머가 되었다. 8. 첫 번째 컴퓨터는 전기를 전혀 사용하지 않았어. 2022. 2. 15.
신입 프로그래머에게 첫 출근 날 주는 9가지 조언 배우고자 하는 자신을 보여라 (더 잘 할 수 있다는 것을 알더라도 겸손하세요. 아무리 당신이 옳다고 해도 그들은 새로운 프로그래머에게 거의 관심을 기울이지 않으니, 그것에 대해 너무 나쁘게 생각하지 마세요. 대신, 그는 당신의 아이디어를 약에 먹이고 혁명가는 아닙니다. 그는 대신 다른 사람의 아이디어를 분해하는 것을 피합니다. 그는 그것들을 개선할 방법을 찾는다. 모든 사람의 일을 개선할 수 있는 방법을 기꺼이 돕고 제안하세요. 당신이 성공하지 못할지라도, 그 태도는 특히 동료들 사이에서 높이 평가될 것이다. 성과가 없을 것 같으면 우울해하지 마세요. 처음에 인식은 항상 같습니다. 그러니까 기준을 높게 유지하되, 너무 기대는 하지 마세요. 동료/상사의 조작 방식에 적응하되, 잘못된 기술을 습득하지는 마십.. 2022. 2. 15.
JavaScript로 고유 값 통합 [0, 1, 3, 2, 8, 1], [5, 2, 9, 1, 4, 7, 4], [2, 1, 6, 10, 6] [0, 1, 3, 2, 8, 5, 9, 4, 7, 6, 10] 솔루션 1: 루프에 중첩됨 for (let i = 0; i < arguments.length; i++) { let arrayArguments = arguments[i]; for (let j = 0; j < arrayArguments.length; j++) { let indexValue = arrayArguments[j] ``` ```js if (result.indexOf(indexValue) < 0) { result.push(indexValue); ``` ```js console.log(uniteUnique1([0, 1, 3, 2, 8,.. 2022. 2. 15.
Shell 대신 zx.js 사용 zx.js를 사용하는 이유 설치하다 // Global installation. // Also you can also install it separately in your project. npm i zx -g zx.js의 원리 사용. 파이프라인 문자를 사용하여 스크립트를 빠르게 테스트하는 것이 바로 가기입니다. 또 다른 방법은 우리가 자주 하는 것처럼 프로젝트에서 스크립트를 개발하는 것이다. 명령줄 도구 첫 번째 단계는 Responent 구성 요소인 첫 번째 Template 파일을 생성하고 기본적으로 Props 타입을 내보낸 후 최종적으로 디렉토리와 파일의 내용을 생성해야 합니다. 2022. 2. 15.
웹 기록 중Puppetier를 사용하는 유령 참가자가 있는 RTC TLDR: 웹용 비디오 및 오디오 녹화를 설정하려면 Puppeteer-stream을 확인하십시오.RTC 영상 채팅. 최근에 웹을 기록하는 다양한 방법을 연구하고 있습니다.RTC 그룹 화상 채팅 응용 프로그램입니다. 연구를 하는 동안 저는 몇 가지 다른 방법들을 발견했습니다. 기본적으로 미팅을 클라이언트 또는 서버에 기록할 수 있습니다. 제가 시도한 클라이언트 메소드는 1) 캔버스 요소를 사용하여 canvas.captureStream(frameRate) 방법을 사용하여 레코드 같은 라이브러리를 사용하여 개별 스트림을 혼합한 것입니다.RTC.js 3) getDisplayMedia를 사용하여 이 멋진 오픈 소스 프로젝트 mirotalk가 사용하는 화면을 녹화합니다. 솔직히 이 방법들은 고객에게 이상적이지 않고.. 2022. 1. 19.
도움 요청의 중요성 내 코딩 부트캠프의 최근 모듈은 모두 자바스크립트 프로젝트에 관한 것이었다. 컬러 전환기나 작은 퀴즈 같은 작은 것들. 나한테는 작다고 느껴지지 않았어 말 그대로 하루 동안 하고 싶은 일을 추적하는 ToDo 앱을 만드는 것이 이러한 프로젝트 중 하나였다. 여기 전문가처럼 보이는 것이 있다: 제 것은 여기 있습니다. 그것은 나의 ToDo 앱입니다. 그 안에 CSS가 들어있지 않습니다. 즉, 멍해 보이고 아무것도 없다는 뜻입니다. 하지만 이 작은 앱은 여러분이 하루 동안 하고 싶은 일을 추적하는 기능을 하기 위해 100줄 이상의 자바스크립트 코드를 사용했습니다. 저는 이 프로젝트에 크리스마스가 임박해서 중간에 가족 방문, 선물 오픈, 축구 관람을 위해 잠시 휴가를 냈습니다. 그 결과 저는 이 프로젝트를 모두.. 2022. 1. 12.
내가 지금까지 한 일 2부 (JS) 과거 블로그를 통해 현재 프로젝트를 진행하고 있는데, 이것이 제가 시간을 들여 작업한 것입니다. HTML, CSS, 자바스크립트로 만든 Roster`s의 간단한 메뉴입니다. 자바스크립트를 현대 영어로 번역할 때 경험이 부족해서 제가 설명하기가 좀 복잡할 것 같습니다. 제가 수탉 메뉴에 자바스크립트를 추가하는 것에 대해 설명하려고 하는 동안 양해해 주세요. 제가 만든 메뉴는 최대한 단순하면서도 우아한 느낌을 더하고 싶었습니다. 그래서 저는 간단한 메뉴를 만드는 대신 클릭할 때마다 페이드 인과 페이드 아웃을 애니메이션화하는 것을 추구했습니다. 이 애니메이션을 하기 위해서는 CSS와 JavaScript를 함께 만들어야 제대로 동작할 수 있었습니다. CSS 부분은 페이드인 및 페이드아웃의 원인이며, JavaSc.. 2022. 1. 11.
소프트웨어 공대생으로 첫 주 좋아요, 그럼 제가 좀 늦었네요. 난 소프트웨어 엔지니어링 부트캠프를 2주 동안 다니고 있는데, 어떻게 되어가고 있는지 알려주지 않을래? 저는 큰 전환기라 많이 긴장했고, 소프트웨어 엔지니어로서의 미래가 어떨지 아직도 고민하고 있습니다. 이 장은 다른 장이 끝나는 곳에 존재합니다. 저는 2021년 12월 13일 플랫아이언 학교에서 풀 스택 웹 개발자가 되기 위한 여정을 시작했습니다. 그 과정은 분명히 속도의 변화였지만, 더 나은 방향으로 나아졌다. 우리는 강좌가 시작되기도 전에 거의 60시간의 작업으로 우리를 소프트웨어의 세계로 들어오게 했습니다. HTML, CSS, 그리고 이제 자바스크립트에 대한 소개입니다. 하루 10시간 가까이 앉아 전혀 이질적인 공예품을 완성하기 위해 노력하는 것은 상상도 못한 작.. 2021. 12. 30.
비동기식 JavaScript를 15분 이내에 사용 가능(콜백, 약속 및 비동기/Await 포함) 당신이 자바스크립트를 처음 배우기 시작할 때, 당신이 쓰는 첫 번째 코드는 아마도 동기화된 자바스크립트가 될 것이다. 그러나 한 번에 여러 기능을 수행해야 하는 응용 프로그램을 개발하기 시작하면 비동기 자바스크립트라는 것을 사용하게 될 것이다. 이것은 특히 백엔드에서 일부 기능을 수행해야 하는 웹 앱 작성을 시작할 때 해당됩니다. 비동기 자바스크립트는 간단히 말해서, 당신이 앱의 나머지 부분을 실행하면서 불확정 시간이 걸리는 함수를 수행할 수 있게 한다. 백엔드 서버의 응답을 기다리는 동안에도 애플리케이션의 프런트엔드를 가동하고 실행할 수 있다는 것이 이 솔루션의 주요 이점 중 하나입니다. 대신 동기식 javascript를 사용하면 해당 백엔드 서버에서 성공적으로 응답할 때까지 모든 프런트엔드 UI(사용.. 2021. 12. 30.
8가지 무료 개발자 튜토리얼을 통해 실제로 일자리를 얻으실 수 있습니다. 실제로 업무를 수행하는 데 도움이 되는 8대 최고 개발자 튜토리얼 3/4에 오신 것을 환영합니다. 작업 파트 1/3을 실제로 제공하는 8가지 무료 개발자 튜토리얼 작업 파트 2/3을 실제로 제공하는 8가지 무료 개발자 튜토리얼 파트 3 시리즈에서는 처음에는 조금 겁먹지만 겁먹지 말고 용어에 신경 쓰지 말고 그냥 단어일 뿐입니다. 대신 원리를 이해하고 기본적인 내용으로도 작동 원리를 이해하며, 가장 중요한 것은 이 튜토리얼이 어떻게 연결되어 있는지 이해해야 합니다. 점들을 연결해서 이 뉴런들이 어떻게 연결되는지 더 큰 그림을 볼 수 있습니다. 미래를 만들기 위해서 여러분의 미래를 만들기 위해서요. 기술은 그저 너무 놀랍고, 매일 변화하고, 그래서 우리의 전문지식과 상관없이 계속 성장하고, 창의적이고, 논리.. 2021. 12. 30.
HTML5 로컬 스토리지 사용: 세션 저장소 최신 브라우저에서는 소량의 텍스트 데이터를 위한 최소 2가지 종류의 클라이언트 측 스토리지가 제공된다. 하나는 로컬 스토리지이고 다른 하나는 세션 스토리지입니다. 둘 다 우리의 자바스크립트 웹 앱에서 다른 용도를 가지고 있습니다. 이 기사에서는 이들 간의 차이점을 살펴보겠습니다. 그리고 자바스크립트 코드에서 어떻게 사용하는지도 살펴봅니다. 로컬 스토리지와 세션 스토리지의 차이점 로컬 스토리지와 세션 스토리지는 서로 다른 용도로 사용됩니다. 로컬 스토리지를 사용하면 삭제될 때까지 데이터를 저장할 수 있습니다. 그들은 그 영역에 머무른다. 그리고 변경사항은 현재 및 향후의 모든 사이트 방문에 적용됩니다. 세션 스토리지 변경은 탭당만 사용할 수 있습니다. 변경 내용은 닫힐 때까지 해당 탭에서만 사용할 수 있습.. 2021. 12. 29.