The Easiest React (Global ver.)
얄팍한 코딩사전
Learn React the Easiest and Fastest Way!
입문
React, JavaScript, Node.js
How long will you keep learning only to rotate boxes or spheres? You need to see the forest, not just the trees; if you only see the trees, your thinking won't grow. Escape being a complete beginner and experience the power of Three.js, which can be applied in practice and plays a role in the recently gaining attention field of digital twins. This is at a level applicable to work, not just for simple website spinning. Having the capability to create related models (glb, glTF...) in fields like manufacturing, defense, disaster management, and transportation will upgrade your domain expertise by another level. We also develop Node.js (Express) & Nest.js servers for On-Premises use on personal and company servers. Even with slight modifications to this course, you will be reborn as an IT talent along with creating powerful services. Don't be intimidated, challenge yourselves. It's not that difficult.^^
Create, save, and open a city using Three.js. Saving is in binary format. (Size: hundreds of Bytes ~ 2KB level, Readability: impossible)
Multilingual support (Korean, English, Japanese, etc.) is also developed with vanilla JavaScript and can be used in other web projects. (Complies with web standards)
After development, try creating a build using Vite and a CSS compression script with Gulp, which automatically replaces the compressed min.css in the built index.html. Also, when applied to package.json, the build and Netlify deployment are completed all at once.
Development complete and built. After Git commit and Netlify publishing, my own site is complete. Automatic deployment is applied when modified or enhanced.
Develop my own simple Node server and a trendy Nest server to run the results On-Premises.
Finally, we will explain CSS entirely and optimize the code developed so far.
Who is this course right for?
Rather than just doing Three.js and JS basics, those who want to learn, apply, and develop based on source code directly applicable to real-world projects.
3D is applicable to all fields, and an engineer who wants to differentiate in visualization fields such as the recently trending Metabus, Digital Twin, AR, VR, ML, DL, etc.
Those feeling typical FE tools make differentiation hard anymore.
Need to know before starting?
A foundation in JS, Three.js is beneficial. If you don't have one, it will be challenging, but not impossible. There is also a methodology involving reverse engineering, where you interpret and understand high-quality finished modules by working backward.
오랜 시간 동안 기술 변화에 맞추면서 보낸 시간이 많아, 이제 보유한 기술과 경험을 초,중급분들께 미약하지만 제 기술을 제공해서 빠르게 성장하는데 함께하고 싶습니다.
DB Modeling, C/S & Web 풀-스택 개발자
유튜브 https://www.youtube.com/channel/UCBiU3IgXYAQHK1tUMXq3isQ
-.Mono-Repo (Turbo: "^2.3.4"), FCM(Firebase Cloud Message), WebHook, Redis, MQTT
-. MUI-X, Material-UI 등 Next & React 생태계 UI
-.OCR(Naver), RIMS, Popbill, SNS Login(Google,Naver,Kakao)
-.Js, Vue/Nuxt (VueX, Pinia), AngularJS, React/Next (Redux,Zustand,Recoil), Svelt,
D3, Three (WebGL), C2i: 청와대 납품 BI 차트, echarts, Vuetify, Quasar, Telerick(Progress)
IndexedDB & SqlLite, css, scss, sass, Tailwind, Bootstrap...
-.Leaflet.js, Cesium.js, 다음 & 네이버 지도
-.WebRTC & WebSocket, MQTT, Silverlight(C#) & ASP.Net
-.Node, Nest, Spring Boot, Docker, Git, pm2
-.AWS, Azure, nCloud(Naver)
-.Oracle, PostgreSQL, MySQL, MariaDB, MS-SQL, MongoDB(mongoose), InfluxDB, Supabase
-.Python, Numpy/Scipy, Jupyter, Django(DRF: Django Rest Framework)/Flask,
-.TensorFlow, Keras, ScikitRun, LangChain
-.씨티-와우(City-Wow): 국토,국방,공공 및 병원,제조기업 등 3D 시뮬레이션 및
실시간 모니터링 서비스 ('23.10 ~ 현재; Three, Vanila.js)
-.씨유(SeeU): 업종별 화상 채팅 서비스(병원, 제조..)(구글-밋 + 크로마키, STT & TTS Chatting)
('23.02 ~ 23.10; WebRTC, WebSocket, Vue3 & Pinia, Quasar, Node, MySQL)
-.서베이-와우(Survey-Wow): 구글-폼, MS-폼 , 네이버-폼 설문 결과를 간단하게 분석하고
공유하는 데이터 분석 웹 서비스 ('22.03 ~ 23.01; Vue2 & VueX, Quasar, Node, MySQL)
-.데이터-와우(Data-Wow): xls, json,csv , API 연동 등 공공 데이터 자동 분석 시각화
('22.01 ~ 22.12; Vue2 & VueX, Vuetify, Node, MongoDB) - 행안부 공공데이터 포상
-.DDMV(Data-Dam Multi-Dimensional Vis-): 데이터-댐 다차원 탐색적 시각화 분석서비스
('20.01 ~ 20.08; Vue2 & VueX, Vuetify, Node, MongoDB) - 인천시 공공데이터 포상
-.씨투아이(C2i: Chart Inteiiligence Insights) 차트 컴포넌트: 차트 갤러리 메뉴
BI 기반 차트 (with D3.js): '15.04 ~ 현재 ; D3.js(v3.3 ~ v7.9) 기반의 BI 패턴의 차트 솔루션
(문재인 정부 일 자리 대시보드 청와대 납품, 몽골 재정관리 국책 프로젝트 남품. 다국어 지원)
-.(주)캐주얼-인사이트 (Casual-Insights) CTO
-.전 KISTI 연구원
-.전 LG-CNS Oracle Modeler, DBA & 선임 연구원
-.전 극동(현대) 정유 전산실 사원
**. 데이터 댐 다차원 시각화-.종합 소개(필수) : https://youtu.be/noZ9H7wftsI
-.소비상권-I(필수 : 백화점 매장 포스 데이터 - 일반 제조 유통업체) : https://youtu.be/ArL-Pv3U-40 -.소비/상권-II (한국 KDX, 식신 데이터 제공): https://youtu.be/Wcpu29gI53Y
-.보건의료 (한국 KDX, 온누리H&C 데이터 제공): https://youtu.be/I8WBqAFp9L4-
.공공 데이터 (경기 화성 시청 공공 데이터 제공) : https://youtu.be/2QCw_6aeRVE
*.D3 & ThreeJS 차트 갤러리 :https://gregory-han.github.io/chart/
All
35 lectures ∙ (17hr 32min)
Course Materials:
All
2 reviews
Limited time deal ends in 00:05:00
$148,500.00
25%
$152.90
Explore other courses in the same field!