초보 개발자를 위한 웹 신기술 WebAssembly 설명
ฝัง
- เผยแพร่เมื่อ 17 ก.ค. 2024
- 대충 네이버 블로그스러운 설명말고 약간의 웹어셈블리 동작 원리까지 알려줌
0:00 웹어셈블리가 뭐냐면
1:18 쓰면 장점
3:11 웹어셈블리가 빠른 정확한 이유
8:25 그래서 어디다쓰냐고
더 쉽게 알려주는 웹개발 인강 codingapple.com
구독자용 10% 할인코드 : YT123 (맨날 바뀜 최근영상 참고) - วิทยาศาสตร์และเทคโนโลยี
(브라우저에서 비트코인 채굴 가능)
빨리 채굴하고 싶으니까 webGPU도 빨리… 헥헥
아하….!
@@devjung_jay 이미 되는거 아니에요? 웹유니티 쓰면 그래픽카드 돌아가던데
항상 원리, 비교, 응용 설명까지 재밌고 쉽게 설명해주셔서 너무 좋아요 귀에 때려박는 딕션도 좋습니다 ㅋㅋㅋ
진짜 항상 느끼는건데 개발자한텐 레전드 채널인듯 ㄷㄷ
오늘도 잘 배우고 갑니다~ 코딩애플님!
이 채널의 묘미는 끝나는 시점에 대한 노티가 없는 ㅎ 갑자기 뚝~
매번 해야 할 parsing을 건너 뛰는 것만 해도 처리 속도가 빨라지는 건 확실하겠는데요. 흠.. 개발자 입장에서 볼 때 wasm 형태로 배포하면 소스 코드 유출이 없다는 점이 아주 매력적일 것 같습니다.
정말 이런 영상들을 보면 코딩애플을 단순히 강좌를 찍어내고 판매하려고 만든 곳이 아니라 떠먹여주고 전문가 만들어주겠다는 정성이 보여 좋습니다
잘 보고 갑니다 자문하시고 편집하신 분들 모두 감사드립니다.
대부분 강의가 다 유료이고 유투브는 광고료도 먹고 홍보도 하려고 올리는건데 먼 개소리를 정성껏 써놨누
@@user-rt1lh4cz6j 니 인성이나 고쳐라 뇌는 이미 글러먹은거 같으니까 ㅎㅎ
@@user-rt1lh4cz6j 유튜브 보고 실제 사이트 가서 결제해서 공부중인 1인 입니다. 충분히 결제할 만한 가치가 있는 강좌입니다.
@@user-rt1lh4cz6j너는 뇌를 잃었나보네...힘내라
@@user-rt1lh4cz6j 넌 다 공짜로 처보잖아 ㅋㅋ
귀에 때려밖아주시는 설명!!
실행되는 방식을 보니 옛날에 웹상에서 실행되던 자바 플러그인 생각나네요ㅎㅎ
유익한 영상이네요 바로 구독박고 갑니다.
최근에 FFmpeg 를 사용하면서 웹 어셈블리로 브라우저에서 영상 인코딩을 했었는데, 솔직히 어셈블리로 동작해서 빠르다는 것만 알았습니다. 이번에 자세하게 알 수 있어서 매우 좋습니다.
아니 ffmpeg가 웨슴으로 나왔어요? 와 당장 돌려보러 갑니다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그럼 wasm 파일도 인터프리팅돼서 브라우저 샌드박스에서 실행할 수 있는건가요? 예전에 activex랑 flash가 위험했던 이유가 웹사이트에서 컴퓨터에 엑세스할 수 있는 코드를 실행시켜서 예전에 flash를 통해서 많은 컴퓨터가 한동안 정상적인 사이트에 접속하기만 해도 광고 연결 이런걸로 랜섬웨어에 감염된 경우가 있었던 것으로 알고있는데, 그래서 지금의 웹페이지는 사용자 동의 없이 컴퓨터에 무슨 파일이 있는지도 알 수 없고 동의를 하더라도 그 파일 자체만 알 수 있고 경로라던지 사용자 정보 침해 우려가 있는 것들은 아무것도 할 수 없는 것으로 알고있거든요. 어떻게 쓰느냐에 따라 다르겠지만 gta5같은걸 그냥 포팅해서 쓰기는 어렵겠네요
웹어셈블리가 이런거였꾼요 감사합니다 휴ㅠ ㅠㄷ휻
캐쥬얼하게 설명하시길래 편하게봤는데 볼수록 지식 가치가 값지네요 ㄷㄷ;
브라우저 동작 원리같은 것은 어디가서 공부할 수 있는것인가요?
웹의 미래는 무궁무진하네요. Figma도 추가
설명 !!! 역시나 좋습니다.
이해 빠른 설명 너무 감사합니다...!!!!!!
터보팬 잘 돌도록 JS 코드 짜는 방법에 대해서 영상을 만들어주실 수 있나요? 타입 변동을 최소화 하는 것 이외에 다른 방법이 있는지 궁금합니다.
어셈블리스크립트, 타입스크립트... 뭐가 많네요 저는 HTML, CSS, 자바스크립트만 있는 줄 알았는데 신기하네요!
뜨끈허다!!!
선댓글 후시청
퍼블리셔입니다
개발단에서 작업하는 스크립트의 크기보다 마크업의 스크립트 크기는 상대적으로 적은 양으로 구현되는것 같은데요
(여러 플러그인, 인터렉션 기능, 기타 애니메이션 등)
마크업 스크립트 파일은 wasm으로 변환해서 사용할 필요가 없는지 궁금합니다~
사용자가 눈치채지 못할 만큼의 빠르기 일 수도 있는지,
스크립트의 파일 크기가 작은 것과는 별개인지 궁금해요
애니메이션같이 html 조작하는 JS코드부분은 굳이 wasm을 쓸 이유가 없습니다
5:33 ㅈㄴ빠름 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
초보자에게 어셈블리를 설명해주네, 영상 인코딩을 프론트엔드에서 가능하도록 하려고 시도 해봣는데 버림
코딩애플아조씨는 알고리즘 잘해요??? 웹개발자같으셔서 궁금함
이 아조씨 머신러닝도 하시든데용 알고리즘 잘하실듯
알고리즘은 한가한 학생들이나 기계적으로 외워서 푸는 거라, 현업자들은 그 딴거 관심 밖. 자기가 필요한 부분에 있어서 특정 알고리즘에 집중하지.
즉 알고리즘 문제 다양하게 잘 푼다는 것은 개발잘한다와 아무상관없는 것으로 그냥 고3느낌. 박사님들이 고3처럼 문제풀이하진 않지.
모바일 os들이 생기면서 os종류가 겁나 많아지니까 이 환경이 점점 웹을 만능으로 만드는 듯ㅋㅋㅋㅋ
그것도 그렇고 웹을 쓰면 클라이언트 프로그램을 따로 만들 필요없이 웹에다 올려서 쓸수있는게 편해서 그건듯요
타입스크립트로 하면 형변환이 불가하니 터보팬으로 돌다가 빠꾸되는 일이 없겠군요?
천재 ㄷㄷ
감사합니다
사실 자바스크립트와 wasm과의차이라기보단
컴파일언어와 인터프리터언어의 차이로인한 갭차이군요
냠냠~ 잘먹었어요! 꼬마워요! 😊😊😊
플래시가 죽은이유가 이놈의 등장 예고메세지였군
WA! 웹 어셈블리! 이제 C++를 웹에서 쓸 수 있네요
WASM을 활용하고 싶다 = c#, rust, go등등 공부 시작하시면 됩니다.
개인적으로는 미쳐돌아가는 한국 웹에서의 자바의 쉐어를 많이 가져와 줬으면 좋겠어요.
지바 극혐..
한국 웹시장에서 자바의 위력은 스프링에서 나오는데 wasm이 스프링을 대체할 수 있나요?
@@user-iv6vu5dc3s 스프링의 위엄은 전자정부프레임워크에서 나오는 것이긴 합니다만…
wasm이 대체한다기 보다는, wasm이 나옴으로서 웹에 뛰어들 수 있는 개발자가 늘어나기에 장점입니다.
예를 들면
Blazor 같은 경우는 C#이나 닷넷코어 개발자들을 크로스플랫폼의 세계로 안내해 주기 적절하다고 봅니다. (하는 거 봐서는 아직입니다만)
거기에 웹 어셈블리가 발전해서, 다른 언어 개발자가 클라이언트 측 코드구성이 가능해지면, 장래적으로는 브라우저의 확장성도 좋아지구요( ActiveX와는 다르다 ActiveX와는!!)
저는 ㅈ밥 개발자라 이러쿵 저러쿵 말할 입장이 못되지만…
@@devjung_jay블레이져 이용하는 개발자입니다. 지금은 꽤 쓸만합니다ㅋㅋ
형님 잘 봤씁니다. 감사합니다. 저는 JavaScript 1도 안쓰는데 왜 코딩애플 채널을 보는걸까요
아무리 찾아도 이해 안가던 것이 단박에
WA.. 레전드네
우애어애아아아아아아아
웹의 활용범위가 확 늘어났군요...
3만추카
와 이러면 설치없이 돌아가는게임도 많아지겠다
근데 웹게임 같은 경우 서버에서 리소스를 계속 던져줘야 되지않나요? 서버부담이 어플리케이션에 비해 클거 같은데
리소스도 웹어셈블리로하면 데이터 이동량도 적고 괜찮을거같은데요?
@@mmaaammy 설치 없이 이미지나 효과 등 동영상을 계속 웹으로 받아서 하면, 서버와 클라이언트 모두에게 불필요한 데이터 소모가 게임을 할 때마다 발생하겠죠
그래서 게임 실행과 관련된 부분은 wasm으로 하되, 리소스는 미리 다운받아둬야 돈을 많이 아낄 수 있을 것 같아요
자 드가자~
굿요
왜슴은 텐서플로가 최고에요
근데 이 기술을 이용하면 사이트에 접속하는것만으로 바이러스에 걸리세 할수있지 않을까요...?
브라우저라는 샌드박스 안에서 돌아가는거라 대체로 문제 없습니다.
@@vblings 그러쿤요
점 왔슴메 방언이죠
왜... 웹 바이너리가 아니라 웹 어셈블리인가... 어셈블리어로 만드는 것도 아닌데...
따끈~
wasm 졸라 좋네
코딩의 세계에 들어온걸 환영한다 웹 아쎄이!
Web assemble!
둠은
당연히 있겠네요.
MS가 웹어셈블리를 아주 적극적으로 밀고있죠
5~10년 정도만 있으면 모바일 앱이 사라지고 웹으로 돌리고 게임도 다 웹에서 돌리고 포토샵, 프리미어 같은 프로그램도 다 웹에 들어갈듯.
웹 만세!
그래서 웹기반으로 다 돌리는 Firefox OS가 나왔었는데... 흑흑
용량은 더 커질것같은데? 어떻게되나요
엄준식ㅋㅋㅋㅋㅋㅋㅋㅋ
추천 두번 어떻게 주나요?
WA!
write in go~ write in go~
와
없는 그브라우저
(말투 건방져서 뭐라 하고 싶은데 내용 너무 알차서 닥치고 있는 중)
엄준식ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
엄준식
8:14
Rust
Just an English speaker coming through, don't mind me
비추 박은 사람들이있네.. 비추박은 이유가 뭔지 너무궁금함
비추가 별로 없어서
어느영상이든 비추는 있을수밖에 없는데요
자바 개발자임
왜슴 왜씀
wasm...wasm...이라 .. 왜 이거 단어가 야해보이냐
자바스크립트 솔직히 개구림
감사합니다