Home

읽기 설정

안녕하세요, 제 아름다운 인터넷 친구 여러분. 오늘 멋진 하루 보내고 계시길 바랍니다.00:00

클라우드플레어에 최근에 추가된 정말 획기적인 기능에 대해 말씀드리고 싶습니다.00:04

생각하기에 그 분들은 다른 호스팅 제공업체들과는 꽤나 차이가 있는 것 같습니다.00:09

이 플랫폼에서 앞으로 만들 모든 어플리케이션들을 구축할 생각에 정말 기대됩니다.00:13

클라우드플레어로부터 협찬을 받느냐, 안 받느냐에 대해 확실히 밝혀야 할 것 같아요. 협찬을 받지 않습니다.00:18

클라우드플레어로부터 협찬을 받고 싶냐고요? 물론 받고 싶죠.00:22

저기, 부탁드립니다. 그 영상 좀 보내주세요. 아시죠?00:25

충분히 가지고는 있습니다. 하지만 제가 이 플랫폼에 어떻게 발을 들였는지 제 여정을 조금이나마 말씀드리도록 하겠습니다.00:28

정말 놀라운 기능들을 제공받는 것처럼, 다른 곳에서는 찾기 힘든 것 같아요.00:34

그리고 제가 진행해 온 작업들을 보여드리려고 합니다.00:39

콘텐츠 제작자로서, 몇 년 전에는 거의 대부분 사용해 보았습니다.00:42

직접 VPS 호스팅을 해보는 것을 시도해 봤습니다. 그리고 Netlify도 사용해 봤습니다.00:49

몇 년 전에는 Next.js를 많이 가르치고 있었기 때문에, 자연스럽게 Vercel에 관심을 갖게 되었습니다.00:54

하지만 제가 만들고 싶었던 기능들을 구현하기에는 아직 몇 가지 중요한 요소들이 부족했습니다.01:00

아마 클라우드플레어를 DDoS 방어 서비스를 무료로 제공하는 곳으로 알고 계실 겁니다.01:07

제가 그들을 알게 되는 계기가 바로 그런 부분이었는데요. 그런데 제가 이 강의 플랫폼을 구축하기 시작하면서요.01:11

고화질로 영상을 스트리밍할 수 있는 방법을 찾고 싶었습니다.01:20

정말 저렴하게 스트리밍할 수 있습니다. 한번 살펴보시면, 선택지가 많지 않다는 것을 알게 되실 거예요.01:27

머그컵이 있으시군요. 그건 하나의 선택지가 될 수 있습니다.01:34

제 경험으로는 테스트만 진행해 보는 것만으로도 꽤 비쌀 수 있습니다.01:37

또 다른 좋은 선택지이며, 제 생각에는 더 나은 선택지라고 생각합니다.01:42

번니 씨디엔은 무엇인가요? 그리고 그들의 이름은 bunny.net인가요?01:46

여기 가격은 정말 훌륭했습니다.01:53

만약 현실적으로 저렴한 솔루션을 원하신다면, mux 대신 이것을 사용하도록 권유할 것 같습니다.01:56

온라인으로 동영상을 스트리밍하는 방법인데, 안토니오와 함께 코딩하는 것도 알고, 토끼에도 있었던 것 같습니다. 제가 기억하기로는요.02:03

오해하신 것 같아요. 그래서 이것이 정말 좋은 해결책이라고 생각합니다.02:10

하지만, 저는 여러 개의 영상을 만들고 싶었습니다.02:12

한 플랫폼에 계속 집중하고 싶기도 했습니다.02:18

그래서 저는 버니를 사용하고 나서 리셀을 사용하거나, 버니를 사용하고 나서 클라우드플레어를 사용하거나 하는 건 원치 않았습니다.02:21

하지만 Cloudflare에는 R2가 있었습니다. 그리고 R2의 특징은요...02:26

자세히 내용을 살펴보니, 그들이 자유롭게 나갈 수 있다는 것을 알게 되었습니다.02:31

그러면 모든 동영상을 버킷에 그냥 넣으시고 무료로 스트리밍하실 수 있습니다.02:36

그러면 4K 동영상을 스트리밍할 수 있는데, 비용이 매우 저렴합니다.02:42

정말 놀라웠어요. 그래서 그쪽을 더 알아보기 시작했답니다.02:46

제가 직접 제 동영상들을 인코딩하기 시작했어요. 잠시 여기 보여드릴게요. 여기로 넘어가면02:50

그리고 여기 이 스크립트처럼 보시는 것처럼 HLS 인코딩이라고 적혀 있습니다. 그래서 이것은 본질적으로...02:57

MP4 비디오 파일을 가져와서 다양한 해상도로 변환하여 생성합니다.03:04

기본적으로 결과를 출력합니다.03:11

이 플레이리스트가 너무 마음에 드셔서, 제가 이 파일을 가져와서 제 R2 버킷에 동기화했습니다.03:12

그 다음에는 거기서 거의 무료로 스트리밍할 수 있어서, 가능한 한 가장 저렴하게 이용할 방법을 찾고 싶었어요.03:19

그리고 정말 빠르고 효율적인 방법이기도 합니다. 또한 캐싱 기능까지 포함되어 있어 작동도 매우 원활합니다.03:26

음, 혹시 영상 호스팅을 담당하고 계신가 봐요, 그 점이 궁금하실 수도 있을 것 같습니다.03:31

버킷에서 가져온 것이기 때문에 퍼블릭 버킷이 맞습니다. 잘 보호하기가 어려울 수 있습니다.03:35

보호할 수도 있는데, 정말 멋지네요. 캐시하는 것도 가능하고, 이런 기능도 갖추고 있더라고요.03:40

이런 와프 규칙처럼 설정할 수 있는데, 일종의 서명된 URL과 비슷한 역할을 하는 것 같습니다.03:45

정말 놀라워서 제 머릿속을 완전히 사로잡았어요. 그리고 이건 아마 한두 해 전쯤이었던 것 같아요. 그때는 아직 일하던 분들도 계셨던 것 같은데.03:51

아직은 그런 단계는 아니지만, 지난 1년 정도 되면서부터는 정말 적극적으로 밀어붙이는 것 같아요.03:59

더욱 많아졌고, 정말 많은 기능들이 추가되었어요. 거의 모든 프레임워크가 지원되는 것 같아요.04:04

그러니까 마치 Cloudflare 비디오 플러그인을 추가한 것 같은데, 아직 작동하지 않는 것 같아요.04:09

탄에스택에서 시작은 아직 안 되었지만, 곧 출시될 예정이고, 현재는 접근성이 매우 높아졌습니다. 마치...04:14

이런 풀스택 애플리케이션을 만들 수 있다니, 정말 이 기능 하나만으로도 너무 기대가 되었습니다, 솔직히.04:21

그리고 한번 사용해 보시기를 적극적으로 권해 드립니다. 설명란에 링크를 남겨두었으니 참고해 주세요.04:26

여기에서 미리보기 영상 중 하나를 선택해서 재생해보시면 얼마나 빨리 스트리밍 되는지 확인하실 수 있습니다.04:32

그리고 어떻게 흘러가는지 보시면, 정말 빠른 속도에 놀라실 거예요. 마치 자동으로 되는 것처럼요.04:39

품질과 그런 부분으로 전환되었어서 정말 좋았고, 앞으로 더 확장해나가고 싶습니다.04:44

음, 생각해보니 그냥 강의만 듣는 건 너무 재미없을 것 같더라고요.04:52

제품으로 만들기에는 부족할 것 같아요. 그래서 제가 챌린지들을 시작하게 됐어요.04:55

여기 좀 지저분해 보이네요. 걱정 마세요, 제가 이걸 바꿔놓을게요.05:00

그런데 CSS 배틀 챌린지를 시작하게 되었는데, 생각보다 정말 재미있어졌어요.05:04

그리고 저는 계속해서 내용을 확장하고 새로운 기능들을 추가하고 있습니다.05:09

하지만 그 안에 담긴 아이디어는 잠시만 여기서 로그인하겠습니다.05:14

재미있는 부분은 바로 이러한 멋진 구성 요소들을 재현해 보시는 것입니다.05:18

여기 샤디안 컴포넌트가 있고, 그렇죠? 알림 팝업도 있고, 이겁니다, 이것도 있죠?05:21

이것을 여기 추가해 두었습니다. 여러분께서 실험해 보실 수 있도록 계속해서 이것저것 추가해 드릴 예정입니다.05:28

그리고 밝은 모드와 어두운 모드에서도 잘 작동합니다. 하지만 제가 여기로 들어가면, 보시는 것처럼 해결 방법이 있습니다.05:33

그리고 최종 매치 솔루션이 있습니다. 다크 모드로 다시 전환해 볼게요. 그거 조금 번거롭네요.05:40

여기에서도 분할 화면으로 전환하여 두 가지 해결 방법을 함께 보실 수 있으며, 제가 추가했습니다.05:46

그 div처럼요.05:53

여기에 스타일을 적용할 수 있도록 CSS로 꾸며 놓았고, 테일윈드 모드도 추가했으니 클래스를 활용하실 수 있습니다.05:53

위해06:01

예시가 배경색을 빨간색 200으로 설정하니 잘 작동하네요. 정말 멋지네요! 그런데 이건 작동하지 않네요.06:01

특별히 필요한 것은 없고, 클라이언트 측에서 처리할 수 있기 때문에 사용하고 있습니다.06:08

기본적으로 두 가지를 비교하기 위해 '픽셀 매치'라는 기술을 활용합니다.06:13

여기서는 기본적으로 캔버스가 놓여 있습니다. 두 개입니다.06:21

이프레임이 여기 들어오긴 하는데, 캔버스로 저장되어서, 그 캔버스를 비교하고 픽셀 단위로 검사하는 방식입니다.06:23

그 가치가 좋다고 말씀하셨는데, 아주 훌륭합니다. 그래서 괜찮았지만, 이 부분을 좀 더 확장해서 도전 과제를 만들고 싶었습니다.06:28

프로그래밍하는 방법을 알려주는 것들을 말합니다.06:34

여기에는 자바스크립트라고 나와 있지만, 이는 Go 학습으로 확장될 예정입니다. 예를 들어, 자바스크립트를 학습하는 것과 같은 방식으로요.06:38

예를 들어 C++을 배우는 경우처럼, 그런 일을 하려면 꽤 복잡해질 수 있습니다.06:45

고객 측에서 단순히 사용자 코드를 실행할 수 없기 때문입니다.06:51

아니면, 아시겠지만 직접 서버를 세워보시는 것도 괜찮습니다.06:57

그리고 나서 사용자께서 코드를 직접 실행하실 수 있도록 그냥 두시면 됩니다.07:01

기본적으로 도전 과제가 주어지는 건데요. 제가 코드 스타일 챌린지 같은 걸 예시로 한번 세워봤습니다.07:04

하지만 이것은 변경될 예정입니다. 아직 테스트를 진행하고 있는 중입니다.07:09

하지만 기본적으로 여기 와서 자바스크립트를 쓰고 실행하고 제출할 수 있습니다.07:14

그리고 보시는 것처럼, 평가가 진행됩니다.07:19

그리고 이 경우에는 세 가지 검사 중 두 가지가 통과되었습니다.07:25

자, 그럼 이런 것을 실제로 어떻게 연결해야 할까요? 서버리스 환경에서요?07:28

많은 것들이 제약이 되시는 것 같아요. 그중 하나는 시간의 제약이시겠죠?07:34

이것들을 오래 작동시킬 수는 없겠죠?07:39

만약 AWS Lambda나 Universal과 같은 서버리스 환경을 사용하신다면요.07:45

직접 VPS를 설정하여 사용자 코드를 실행할 수도 있지만, 그러면 정말 복잡해질 수 있습니다.07:51

보안 기능까지 모두 고려해야 하잖아요. 그들이 그냥 와서 코드를 작성할 수 있으니까요?07:59

그리고 마지막으로, 전체 서버를 삭제하게 되죠. 그래서 좀 더 격리가 필요합니다.08:03

최근에 클라우드플레어에서 새로운 기능을 발표했습니다.08:08

거기에 있나요, 여기요, 컨테이너들이요.08:13

이 컨테이너들은요.08:17

기본적으로 Firecracker라는 플랫폼을 기반으로 하는데, 이는 V8 아이솔레이트들로 구성되어 있습니다.08:20

가상 머신 안에서요.08:28

이러한 기능을 매우 빠르게 인스턴스화하고 사용자 코드를 여기서 실행하실 수 있습니다.08:30

정말 최고의 경험이었고, 아직도 너무 설렙니다. 베타 버전이라서 서둘러 확인해 보세요.08:36

전문적인 계획 같은 것을 이용하는 것도 괜찮을 것 같은데, 한 달에 5달러 정도입니다. 그렇게 나쁘지는 않아요.08:43

이 기능 덕분에 이렇게 코딩 스타일과 관련된 어려움들을 창출해낼 수 있었습니다.08:50

정말 멋있다고 생각하는데, 또 다시 말씀드리지만 여기서는 어떤 것도 실행할 수 있습니다. 자바스크립트로만 할 필요도 없어요.08:57

코드를 이용해서 C++, C# 등 제가 원하는 어떤 프로그램이라도 실행할 수 있습니다.09:04

잠시만요, 코드도 바로 보여드리겠습니다. 제가 return을 실행할 수 있는데, 여기 한번 보여드릴게요.09:08

이것은 2인용 문제인데, 설명을 위해 여기 한 쌍을 더 추가해 보겠습니다.09:15

제가 제출 버튼을 누르면, 보시는 것처럼 이 컨테이너들이 있습니다.09:19

지금은 오프라인 상태입니다. 만약 제가 이곳으로 이동하면 인스턴스가 비활성화되고, 그동안 실행되는 현상이 발생할 수 있습니다.09:23

이 실행 과정을 보시면 점수는 0점 만점 3점 중입니다. 그리고 여기를 보시면 실행 중이므로 활성 상태로 진행됩니다.09:30

이게 정말 최고의 일이 될 거예요. 왜냐하면 여러분이 직접 VPS를 설정하면, 그게 계속해서 영원히 돌아갈 수 있으니까요.09:39

맞겠죠? 계속 멈추지 않고 달려갈 거예요.09:47

이러한 기능들을 통해, 얼마 동안 실행할지를 세밀하게 조절하실 수 있습니다.09:49

이것들을 5분 동안 실행한 다음 비활성화할 수 있습니다.09:54

그리고 나서 그걸 위해 비용을 지불할 필요가 없어서, 그거 정말 큰 의미가 있습니다.09:57

그리고 나서 원하시는 다양한 사례들을 여러 개씩 만들어서 지정해 주실 수도 있습니다.10:02

이것들 모두 클라우드플레어의 엣지 시스템을 사용하고 있습니다.10:06

여기서 보시는 것처럼, 이 세 가지 테스트 중 하나가 통과되었습니다.10:11

잠시만 기다려 주시면, 곧 연결이 끊어질 예정입니다.10:18

하지만 잠깐만 보여드릴게요, 어떻게 설정하는지 정말 빠르게. 갑자기 꺼져서요.10:23

저기 nvm3 쪽으로 이동한다면, 작업자도 함께 생성해 주셔야 합니다.10:28

기본적인 워커가 있는 상황입니다. 제가 이 인덱스 ts 파일로 넘어가 보겠습니다.10:34

보시다시피, 여기서는 단순히 fetch 요청을 반환하고 있으며, 이 t-stack 코드 러너를 전달하고 있습니다.10:39

자, 보여드리기에 앞서서, 이것도 있습니다. 제가 확대해서 이 작은 클래스를 보여드리겠습니다. 이 클래스는 확장할 수 있습니다.10:45

컨테이너를 실행할 포트를 지정하실 수 있습니다.10:53

그리고 언제부터 잠자리에 들고 싶으신가요?10:56

보시다시피 저는 1분이라고 명시했습니다. 아마 1분 뒤에는 이 시스템이 작동을 멈출 거예요.11:01

보시는 것처럼, 그것 역시 멈춘 상태입니다. 그리고 보시면, 그것도 비활성화되는 것을 보실 수 있습니다.11:06

하지만 여기에서 일종의 작업자를 구축하신 겁니다. 그리고 이 예시를 위해 저는 간단한 하노 앱을 설정했습니다.11:10

잠시 여기 아래로 내려가 봐야겠네요. 보시는 것처럼, 이것은 컨테이너 상태로 요청을 보내는 중입니다.11:16

컨테이너 정보, 컨테이너 로드 밸런스, 기타 등등이 있습니다. 그래서 제가 몇 개를 설정해 두었는데요, 이걸 실행하면11:23

잠시만요, 이건 기본적으로 컨테이너 상태를 확인하는 거예요. 컨테이너 정보나 로드 밸런스 같은 요청을 보내는 거죠.11:30

자, 컨테이너는 어디에 있냐면, 여기 별도의 폴더에 있어요. 위쪽으로 올라가면 Docker 파일이 있답니다.11:36

보시다시피 여기서는 bun을 설치하고 있습니다. 다시 한번 말씀드리지만, go도 설치하실 수 있고, 원하시는 다른 것도 설치하실 수 있습니다.11:43

이 부분에 원하시는 내용을 추가하실 수 있습니다. 설명란에 GitHub 링크를 넣어두겠습니다.11:48

백파인 랩스에서 가져왔어요. 그는 파이썬도 고로 실행하는 훌륭한 예제를 가지고 있네요.11:53

이걸 시작점으로 삼는 게 좋을 것 같아요. 저는 판매하지 않겠지만, 당신은 얻을 수 있을 거예요.11:58

이미 훌륭한 예시가 거기에 있습니다. 백파인 랩스에게 감사 인사를 드립니다. 정말 대단하세요. 하지만 이것이 전부입니다.12:02

그리고 여기에는 실행 코드 함수가 있습니다.12:07

네, 그렇습니다. 이제 사용자 코드를 실행할 때에는 고려해야 할 사항들이 꽤 많이 있습니다.12:12

네, 관련 내용도 빠르게 살펴보겠습니다. 우선, 사용자가 직접 fetch 요청을 할 수 없게 하는 것이 맞겠죠?12:19

그래서, 전역 변수인 this를 다른 값으로 바꾸고 오류를 발생시켜서, 웹 소켓 문제도 해결할 수 있습니다.12:26

XML, HTTP 요청, 그리고 뭐랄까, 필요한 것들을 요구하는 그런 것들요.12:33

그리고 이건 제 React 애플리케이션에서 전달받는 것뿐이에요. 그리고 제가 특별히 설정해둔 테스트 케이스들도 몇 가지 있어요.12:39

음, 여기서는 바로 결과를 전달하는 방식은 원치 않으시는 경우가 많습니다.12:46

테스트 케이스를 다양하게 가질 수 있으면 좋겠다고 하시는 말씀이신가요?12:51

보시다시피, 1과 2를 사용하는 패스인데, 다른 입력이 들어오는 경우에는요.12:55

그러면 다른 결과가 나와야 할 텐데요. 그래서 이 함수를 무작정 뚫고 지나가는 것을 방지하는, 이렇다고 할까요.13:01

이런 일을 하실 때 주의하셔야 할 또 다른 점이 있습니다.13:08

저도 그런데, 어떻게 이렇게 망칠 수 있을까요? 하필 왜 이렇게 되는 걸까요?13:15

예를 들어, while 루프는 'while true'를 사용하여 무한 루프를 만들고, 여기서 어떤 작업을 실행하면 메인 스레드를 막을 수 있습니다.13:22

이것 또한 보안상의 이유로 문제가 될 수 있는 부분 중 하나입니다. 직접 진행하실 경우에는 더욱 주의가 필요합니다.13:27

VPS를 이용해서 사용자 실행 코드를 실행할 수 있는데, 그러면 기본적으로13:33

모든 게 멈춰요. 이건 계속 실행되어서, 코드의 나머지 부분을 막아버리고, 오직 당신만...13:40

요청 사항을 처리할 수 있도록 하기 위함입니다. 이러한 VM 격리를 통해 여전히 일정한 수준의...13:45

일반 VPS에서는 얻기 힘든 보안 수준을 제공합니다. 그리고 그것은 정말 훌륭한 일입니다, 왜냐하면 특정13:52

예상치 못한 오류가 발생할 수도 있지만, 새로운 인스턴스를 배포하면 기존 시스템은 계속 정상적으로 작동할 수 있습니다.13:57

그렇다면 그것은 굉장한 장점이 되겠네요. 하지만 이런 상황을, 예를 들어 계속해서 진행하려면 어떻게 하시겠습니까?14:02

네, 트루 루프에서는 eval을 사용하지 마세요. eval은 정말 안 좋아요. 이런 경우가 있을 수도 있고요.14:07

기본적으로 경고를 해주는 것이 좋네요. 문자열에서 자바스크립트를 실행하는 것은 엄청난 위험을 감수하는 것입니다.14:14

악의적인 사용자가 임의의 코드를 실행하는 것이 너무나 쉽습니다.14:21

예를 들어, eval 더하기 2 더하기 2 와 같이 계산하시면 결과값을 얻을 수 있습니다.14:24

음, 이 경우에는 제가 번을 사용하고 있는데, 노드도 사용하실 수 있습니다. 대신 그렇게 하실 수 있습니다.14:29

이러한 하위 프로세스들을 실행할 수 있습니다. 그렇게 하면 메인 스레드가 차단되지 않게 됩니다.14:36

혹시 제가 여기 아래로 내려가면, 이거 하나 더 보여드리겠습니다.14:41

보시다시피 저는 본드 스폰을 할 수 있고, 사용자 코드를 여기로 전달할 수도 있습니다.14:45

그럼 제가 무엇을 할 수 있을까요?14:53

이 작업을 실행하는 것 외에도, 또 다른 하위 프로세스가 활성적으로 종료하려고 시도할 수도 있습니다.14:54

특정 시간 이상 경과하면, 이것이 일종의 안전장치 역할을 합니다. 즉, 무엇보다 그 이후에요.15:01

여기 설정한 타임아웃 시간은 서브 프로세스를 종료하게 될 것입니다. 이렇게 하면요.15:08

여기서 while true를 사용하더라도 보여드리겠습니다. While true 콘솔 로그 우우,15:14

그게 다이고, 제출하세요. 이 작업이 시작되는 걸 보실 수 있을 거예요.15:21

보시는 것처럼, 그걸 멈춰주네요. 그래서, 실패했네요.15:25

이건 작동할 거예요, 하지만 잠시 후에 다시 확인해 보시면 아직 비활성 상태로 유지될 거예요.15:29

로그에서도 여기에서 확인하실 수 있을 것 같습니다.15:35

음, 코드를 실행하고 있습니다. 로그가 아직 표시되지 않네요.15:38

하지만 이 실행 시간이 초과되어 프로세스가 종료되는 메시지가 표시될 것 같습니다.15:42

네, 그렇게 사용할 수도 있습니다. 그리고 정말 멋진 점은 메모리 제한을 설정할 수도 있다는 것입니다.15:48

사용자가 매우 크고 굉장한 것을 물려줄 수도 있다고 생각하실 수도 있습니다.15:54

정말 크고 방대한 배열 같은 것들이요.15:58

덕분에 서브 프로세스의 메모리 크기를 제한할 수도 있어서 정말 좋습니다.16:02

네, 그렇게 됩니다. 코드는 아주 복잡하지 않습니다.16:09

제가 몇 가지 놓친 것 같은데, 그래서 아직 공개하지 않고 있습니다.16:12

단지 이렇게 간단하게 컨테이너를 설치하는 것만으로도 정말 멋진 경험이 될 수 있어서 좋네요.16:17

도커 파일에 들어가면 그냥 잘 작동합니다. 그리고 작동 방식은 이런 워커가 있다는 겁니다.16:21

그래서 아직도 루트에 작업자 한 명이 남아있어서, 컨테이너와 소통하는 역할을 하고 있는 것 같습니다.16:28

그리고 이 Wrangler 제품의 좋은 점은 무엇일까요?16:34

그리고 작업자 입장에서는 레이트 리미터 같은 것들을 설정하기도 정말 쉽습니다. 저도 이것저것 해봤거든요.16:38

워랭글러에서 여러 번 들어가서, 이렇게 워커 리미터 같은 걸 설정할 수 있어요.16:45

이게 아주 좋은 기능이죠, 지금부터 보여드릴게요.16:52

이렇게 간단하게 설정할 수 있어요. 보시면 베타 버전이라고 적혀있죠.16:57

그렇기 때문에 여기 'unsafe'라고 표시되어 있지만, 제한을 추가하고 마침표를 입력하면 바로 작동합니다.17:00

그리고 나서 제한하려는 경로를 지정하시면 됩니다. 그것이면 전부입니다.17:07

정말 좋았던 경험을 하게 되어, 이렇게 말씀드리려고 합니다.17:11

음, 재밌게 보셨으면 좋겠네요. 이건 또 일종의 리드 코드 스타일이라고 말씀드릴 수 있겠네요.17:17

이러한 어려움들이 있지만, 결국 제가 하고 싶은 말은, 여러분에게 가이드라인에 따라 가르쳐 드리는 방식으로 진행하고 싶다는 것입니다.17:22

타입스크립트와 Go 등 다양한 프로그래밍 언어를 배우도록 도와드릴 거예요. 잠시 시간을 내서 함께 해봐요.17:28

필터 함수나 맵 함수에 대해 보여드리겠습니다. 다양한 예시들을 들어 설명드릴 텐데요. 인공지능 시대이기 때문에, 관련 내용들을 좀 더 자세히 살펴보겠습니다.17:34

아직도 그렇게 생각하시는 건가요?17:41

탭 키를 누르고 엔터를 치고 코드를 다루면 정신이 나가는 것 같네요.17:45

코딩을 배우면서 가장 좋았던 방법은 제가 직접 코드를 입력해 보고 실제로 눈으로 확인하는 것이었습니다.17:50

제가 하고 있는 일과 그것이 미치는 영향에 대해 생각하다 보니, 만약 제가 정말 멋진 것을 구축한다면 어떨까 하는 느낌이 듭니다.17:56

어떤 문제들을 보여주면서, 좋아요, 어디에 있는지, 어디에 유용한지, 어떤 종류의 채팅인지18:01

어떤 종류의 문제에 부딪힐 수 있고, 특정 해결책을 제공할 수 있는 문제를 해결할 수 있을까요?18:06

코드를 실행해 보세요. 그리고 제가 추가한 게 있는지 잘 모르겠네요. 왜 이렇게 되지 않는지, 제가 가지고 있는지 아닌지도 확실하지 않아요.18:11

최신 버전은 맞습니다만, 콘솔 출력을 통해 실제로 어떤 변화가 일어나는지 확인하실 수 있습니다.18:17

코드가 진행되고 있는데, 생각보다 정말 좋은 학습 경험이 될 것 같습니다. 음, 잘 됐는지 한번 보겠습니다.18:22

컨테이너가 중지되었고, 중지되었는지 확인했는데 완전히 비활성화된 상태입니다. 저희가 활성 상태로 실행했음에도 불구하고요.18:28

어쨌든 정말 기대되네요. 진행 상황이 더 있을 때 알려드리겠습니다.18:33

아직은 출시되지 않을 것 같습니다. 제가 정말 멋진 도전 과제들을 구현하고 싶어서요. 혹시 관심 있으시면…18:40

한번 시도해 보려고 하는데, 이 실험을 위해 몇 분 정도의 도움이 필요할 것 같습니다. 혹시 참여하고 싶으신 분 계시면 말씀해주세요.18:46

제 페이지에 접속하셔서 메시지를 보내주시면 됩니다. 접속 권한을 드리게 되어 기쁘고, 자유롭게 사용해보실 수 있습니다.18:52

네, 오늘 여기서 마무리하겠습니다. 시청해 주셔서 정말 감사합니다. 혹시 하나 말씀드리자면,18:58

이 영상처럼 조금만 좋아요를 눌러주시면 다음 영상에서 또 만나요. 잘 지내세요.19:02

AI Summary

이 영상은 클라우드플레어의 컨테이너 기반 코딩 챌린지 플랫폼 구축 과정과 관련된 기술적인 문제 해결 방법을 상세히 다룹니다. 발표자는 컨테이너 기술(Firecracker, V8 Isolation)을 활용하여 서버리스 환경에서 사용자 코드를 안전하고 효율적으로 실행하는 시스템을 구축하고, 이를 통해 다양한 프로그래밍 언어를 지원하는 코딩 챌린지를 제공합니다. 특히, eval 함수의 위험성을 경고하고 하위 프로세스 및 타임아웃, 메모리 제한 등의 안전 장치를 통해 시스템의 보안과 안정성을 확보하는 방법을 설명합니다. 또한 워커 리미터 설정, 컨테이너 설치 및 운영 경험 공유, 그리고 향후 개선 사항 및 인공지능 시대에 대한 대비 등 다양한 주제를 다루며, 코딩 학습의 중요성과 직접 코드를 실행하며 학습하는 방식을 강조합니다.

Key Highlights

  • 클라우드플레어 컨테이너 기능을 활용하여 서버리스 환경에서 사용자 코드를 안전하게 실행하는 플랫폼 구축
  • `eval` 함수의 위험성을 경고하고 하위 프로세스를 활용하여 코드 실행
  • 타임아웃 설정, 메모리 제한, 워커 리미터 설정 등을 통해 시스템의 안정성 확보
  • Docker 파일을 기반으로 컨테이너 설치 및 운영 경험 공유
  • 인공지능 시대에 대비하여 필터 및 맵 함수 등 관련 기술 학습 중요성 강조

Related Videos