JavaScript 학습을 향상시키는 재미있는 실험

배움에는 끝이 없습니다. 특히 웹 개발에서는 업계가 지속적으로 업데이트되고 개선되고 있으며, 불행하게도 끈기가 지칠 수 있지만 반드시 그럴 필요는 없습니다. 이 글에서는 작은 실험을 재미있고 효과적인 방법으로 전환하여 새로운 것을 배우고 즐겁게 학습하고 최신 상태를 유지하는 방법을 보여 드리겠습니다.

계속 재미있게 실험하세요

사이드 프로젝트도 하시나요? 만약 그렇다면, 당신은 아주 재미있게 시작했지만 곧 엉망이 되어버린 프로젝트에 참여했을 것이라고 확신합니다. 막히는 것은 재미가 없으며 양측의 프로젝트와 귀하의 작업에 많은 피해를 줄 수 있습니다. 주된 이유는 범위 변동이나 스트레스 때문인 경우가 많으므로 여가 시간에는 휴식을 취해야 합니다. 몇 가지 규칙을 시행함으로써 불쾌한 놀라움이 발생하지 않도록 할 수 있습니다.

1. 작업 준비 . 실험의 규모와 포함 내용을 확인하세요. 너무 많으면 각 청크에 시작과 끝이 있는 관리 가능한 청크로 나누거나 종료하십시오.

2.계획된 작업. 매일 밤 늦게까지 깨어있지 마세요. 일주일에 한두 번, 한두 시간만 계획하세요.

3.기한 없음. 당신을 포함해 모두가 긴장을 풀어야 합니다. 목표를 세우는 것은 좋지만, 이루지 못해도 괜찮습니다.

4. 즐거운 시간을 보내세요. 미루어서는 안 되지만, 인생은 할 일 목록에서 확인란을 선택하는 것 이상입니다. 시간을 내어 노동의 결실을 즐기십시오.

작은 실험을 한다고 해서 큰 프로젝트에 참여할 수 없는 것은 아닙니다. 데이터 시각화 프로젝트를 예로 들어 보겠습니다. 완료하는 데 시간이 좀 걸리지만 쉽게 작은 작업으로 나눌 수 있습니다.

●빌드 워크플로 설정

●흥미로운 데이터 가져오기( 영감을 주는 API 목록입니다)

● ES2015 기능을 활용하여 Node.js로 데이터를 가져오고 처리합니다.

● 기술 비교 및 ​​선택(캔버스, WebGL, DOM/ SVG) 또는 라이브러리(d3.js, p5.js, THREE.js) 데이터 시각화

● 원하는 도구로 데이터 시각화

저는 모든 실험을 추적하기 위해 Trello 템플릿을 사용합니다. 거기에 그것들을 나열하고 계획을 세우고 실험이 시작될 때까지 관련 정보를 추가합니다. 대규모 프로젝트의 경우 새 템플릿을 만들고 각 작업에 카드를 추가하는 경향이 있습니다. 다른 대체 도구도 요구 사항을 충족할 수 있습니다. 사물을 문서화하면 주의가 산만해지지 않습니다.

실험 복습

실제로 새로운 일을 하면서 배우는 것 외에도 실험은 또한 자신을 향상시킬 수 있는 좋은 기회입니다. 실험을 검토하고 다음 질문을 스스로에게 물어보세요.

1. 더 나은 준비를 통해 실행 중 문제를 피할 수 있었습니까?

2. 수행한 작업과 이를 개선하기 위해 무엇을 할 수 있습니까?

3. 실험을 보다 효과적으로 준비할 수 있습니까?

우리가 수행한 작업을 검토하고 개선하면 경험을 얻을 수 있습니다. 우리 업계에 가치 있는 일입니다. 많은 실험적 리뷰가 좋은 블로그 게시물을 만듭니다.

실행 환경

아마도 JavaScript가 브라우저에서 작동한다는 것을 이미 알고 계시겠지만, 브라우저 외부에서도 JavaScript 프로그램을 실행할 수 있다는 것을 알고 계셨습니까? 브라우저?

●Node.js는 브라우저 실행이 필요하지 않은 가장 널리 사용되는 JavaScript입니다. 이를 통해 스크립트, 명령줄 인터페이스, 데스크톱 애플리케이션 등을 작성할 수 있습니다. Windows, OS X 및 Linux에서 실행됩니다.

●Electron을 사용하면 기존 HTML, CSS 및 JavaScript를 사용하여 크로스 플랫폼 데스크톱 애플리케이션을 구축할 수 있습니다.

●Cordova를 사용하면 HTML, CSS 및 JavaScript를 사용하여 모바일 소프트웨어를 구축할 수 있습니다.

●React Native를 사용하면 React 프레임워크를 사용하여 모바일 소프트웨어를 구축할 수 있습니다.

브라우저 API

지난 몇 년 동안 모든 종류의 흥미로운 작업을 수행할 수 있는 많은 새로운 API가 브라우저에 도입되었습니다. 것들.

●Service Worker API는 오프라인 지원 제공 등 다양한 작업을 수행할 수 있는 더 큰 API입니다.

●WebRTC는 다른 컴퓨터에 실시간 연결을 생성할 수 있는 API입니다.

장치 연결을 사용하여 센서 데이터 읽기, 만들기 등의 작업을 수행할 수 있는 API가 있습니다. 장치가 뭔가를 합니다(예: 진동).

●주변광 센서는 웹사이트나 애플리케이션의 밝기를 조정하는 데 사용할 수 있는 주변 밝기 정보를 제공합니다.

●배터리 상태 기능이 한눈에 알 수 있습니다. 배터리 상태를 물어볼 수 있습니다. 전력을 많이 소모하는 프로그램은 이를 이용해 절전 모드를 활성화할 수 있습니다.

●Geolocation은 사용자 위치에 대한 정보를 제공합니다.

● 네트워크 정보를 활용하여 고객에게 더 작은 파일을 제공할 수 있습니다.

●알림은 채팅 애플리케이션 등 다양한 애플리케이션에 매우 유용합니다.

●마우스 입력을 사용하는 게임을 제작하는 경우 포인터 잠금을 사용하는 것이 필요합니다.

●근접성을 통해 사용자와 기기가 얼마나 밀접하게 연결되어 있는지 파악할 수 있습니다. 어쩌면 이것이 "포옹"을 감지하는 데 사용될 수 있을까요?

●기기 방향을 사용하면 방향 변경이 발생하는 시기를 감지할 수 있습니다.

●진동을 사용하면 기기를 진동시킬 수 있는데, 이는 게임에서 매우 유용합니다.

라이브러리 및 프레임워크

대부분의 라이브러리는 작업을 더 쉽게 하도록 설계되었습니다. 그것을 사용하는 데 많은 경험이 필요하지 않습니다. 많은 인기 있는 라이브러리와 프레임워크(예: Angular 및 Reacti)는 경력에 필수적인 지식 시스템으로 간주되기도 합니다. 한두 가지 유형의 예비비가 인터뷰에서 자신을 표현하는 데 더 도움이 될 수 있습니다.

라이브러리와 프레임워크가 오랫동안 계속 발전할 수 있다는 점을 이해한 후. 도움이 되긴 하지만 프레임워크와 라이브러리가 해결하는 문제를 이해하고 이러한 라이브러리와 프레임워크의 도움 없이도 문제를 해결할 수 있어야 합니다.

프레임워크 구조

●Angular는 지금도 많은 팀에서 사용하고 있는 MVC 프레임워크입니다.

●React는 뷰 렌더링을 위한 라이브러리입니다.

●Polymer는 웹 컴포넌트 제작을 위한 라이브러리입니다.

●Lodash.js, Underscore.js 및 Ramda.js는 모두 함수형 프로그래밍 라이브러리입니다. 일부 팀은 이를 사용하기를 좋아하지만 많은 팀은 그렇지 않습니다. 어느 쪽이든, 함수형 프로그래밍을 이해하는 것은 좋은 개발 기술이므로 이러한 프레임워크를 확인해야 합니다.

현실 세계

개인적으로 소프트웨어를 작성하면 현실 세계에서 뭔가 할 수 있다는 사실을 알게 되었을 때 정말 너무 설렌다. 다음 중 하나를 고려하십시오.

● Raspberry Pi는 교육이나 학습에 적합한 신용카드 크기의 단일 보드 컴퓨터입니다.

●Arduino는 Raspberry Pi와 유사하지만 전자 장치 측면에 더 중점을 둡니다.

●LEGO® MINDSTORMS®는 LEGO 하드웨어를 제어할 수 있는 미니 컴퓨터입니다. 왜 그것을 선택하지 않습니까?

● Johhny-Five Johhny-Five는 Arduino 또는 유사한 장치에 설치할 수 있는 로봇 공학 및 IoT용 JavaScript 프레임워크입니다.

위의 미니컴퓨터는 모두 프로그래밍이 가능하며 자바스크립트를 통해 개발이 가능합니다.

결론

작은 실험은 새로운 것을 직접 배울 수 있는 좋은 방법입니다. . 또 다른 이점은 작은 실험이 작업 방식을 개선하고 업계에서 가장 가치 있는 것이 무엇인지 개선하는 데 도움이 될 수 있다는 것입니다. 몇 가지 규칙을 적용함으로써 우리는 계속해서 재미있게 실험하고 동기를 부여하여 더 많이 배우고 더 나아질 수 있습니다.

막혀있는 분들에게 이 포스팅이 새롭고 재미있는 실험을 시작하는 동기가 되었기를 바랍니다. 다음에 무엇을 다루어야 할지 확신이 없는 분들을 위해 이 기사가 여러분에게 영감을 주었기를 바랍니다. 기사에 나온 용어에 관심이 있다면, 더 자세한 내용을 검색해 보고 더 큰 세상을 발견해 보세요.