웹개발, 서버사이드 렌더링의 미래? 😎 (필수 키워드 정리)

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ค. 2024
  • 웹개발을 강타하고 있는 뜨고 있는 개념들, 지식들 정리해 봅니다. (↙ 자세한 내용)
    ___________________________
    💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/page...
    🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
    academy.dream-coding.com/
    .....................................................
    🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
    ✨ 관련된 영상들
    서버사이드 렌더링 동작 원리 ⇢ • 서버사이드 렌더링 (개발자라면 상식으로 ...
    .....................................................
    00:00 소개
    01:03 등장 배경
    03:10 에지 함수 특징
    04:00 할 수 있는 것?
    04:22 장점과 한계점
    06:51 왜 웹개발자가 알아야 하나?
    07:59 핫🔥한 미래
    .....................................................
    ☀️ 드림코딩 엘리
    모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
    ❝Don't forget to code your dream
    여러분들의 멋진 꿈을 코딩하세요 ⭐️
    .....................................................
    🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
    • 프론트엔드 강의 - 프론트엔드 개발자 되...
    📒 자바스크립트 기초 강의 영상 목록:
    • 자바스크립트 기초 강의 (ES5+): 같...
    💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
    • 개발자라면 누구나 알고 있으면 좋은 지식 💡
    💰 개발자 경력 관리 영상 목록:
    • 승승장구 커리어 관리 🚀
    📈 IT 트렌드
    • IT 트렌드 📈
    📷 개발자 브이로그
    • 개발자 브이로그 📷
    🤗 생산력 향상 팁
    • Tech & Tools ❤️
    .....................................................
    #웹개발#프론트엔드#풀스택
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 69

  • @dream-coding
    @dream-coding  ปีที่แล้ว +47

    2023년 벌써 2월의 끝이네요. 요즘들어 시간이 정말 빠르게 흘러가는것 같아요. 여러분 언제나 행복한 하루하루 보내세요 😍

  • @youngj9
    @youngj9 ปีที่แล้ว +16

    한국어로 최신 프론트 이슈를 깔끔하게 정리해주시는건 엘리님이 유일한거 같아요 항상 감사합니다!!

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      꺄아 응원 감사합니다 😊

  • @jsonj
    @jsonj ปีที่แล้ว

    안그래도 궁금했는데 너무 좋은 영상 감사합니다!

  • @young.4499
    @young.4499 ปีที่แล้ว

    항상 감사합니다. 엘리님 영상은 항상 큰 힘이 돼요.

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      항상 감사합니다😊

  • @hey_hs
    @hey_hs ปีที่แล้ว

    언제나 좋은 내용 알려주셔서 감사해요!

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      항상 봐주셔서 감사합니다 😍

  • @user-wf4ck7sq9y
    @user-wf4ck7sq9y ปีที่แล้ว

    항상 좋은 영상 감사합니다 !!❤

  • @바리오
    @바리오 ปีที่แล้ว

    항상 좋은 영상 감사합니다!

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      항상 봐주셔서 감사합니다 😍

  • @revfactory
    @revfactory ปีที่แล้ว

    단번에 이해되었습니다~ 좋은 영상 감사합니다.

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      저도 감사합니다 👍

  • @learnmakeit9315
    @learnmakeit9315 ปีที่แล้ว

    최신 트렌드 감사합니다. ^^

  • @e-sik
    @e-sik ปีที่แล้ว +2

    감사합니다. 요즘 개발을 프리랜서로 혼자서 하다보니 트렌드를 못따라가고 있는 데 올려주신 정보만으로 많은 도움이 됩니다 :)

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      코멘트 남겨 주셔서 감사합니다 😍 저도 남겨주신 코멘트로 큰 힘을 받았어요! 아자아자!

  • @jyj2132
    @jyj2132 ปีที่แล้ว

    😀👍 3월도 즐거운 일만 가득하세요

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      넵, JY J님두요! 🌷 항상 즐거운 일들만 가득하세요 :)

  • @enslow
    @enslow ปีที่แล้ว

    넘나 좋은 것 ㅠㅠ 항상 응원 합니다.

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      하하 감사합니다 😍

  • @evanjin12
    @evanjin12 ปีที่แล้ว

    오오 너무 궁금한 주제였는데 감사합니다 스승님 :)

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      평소에 궁금했던 주제들을 다루었다니 다행이예요 👍👍👍

  • @user-sh2iy1uc4l
    @user-sh2iy1uc4l ปีที่แล้ว

    항상 좋은 내용 감사하게 듣고 있습니다! 다음 nextjs 강의가 기대됩니다.

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      곧 업데이트 소식으로 찾아올께요 :)

    • @user-sh2iy1uc4l
      @user-sh2iy1uc4l ปีที่แล้ว

      @@dream-coding 오! 조만간 강의가 나온다는 건가요? 정말 기대됩니다 제가 공부한 내용과 엘리 선생님의 해석이 어느정도 일치하는지 빨리 확인하고 싶습니다!

  • @SW-vc9jm
    @SW-vc9jm ปีที่แล้ว

    눈나 댓글을 오랜만에 쓰는 것 같네용 ㅎㅎ 항상 행복하셔야댑니다~~

  • @seoulmanim
    @seoulmanim ปีที่แล้ว

    드림코딩님~~ 너무 상세한 설명 감사합니다. 언제나 그렇듯 목소리가 너무 이쁘세요! 혹시 유튜브 영상에 쓰시는 마이크는 어떤 것을 쓰시나요?

  • @user-vm2kq1fu1i
    @user-vm2kq1fu1i ปีที่แล้ว

    Edge function 이 이런 거군요. 알려주셔서 감사합니다.

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      코멘트 남겨 주셔서 감사합니다 🔥

  • @hey_you163
    @hey_you163 ปีที่แล้ว

    뭐야 왜 이런거 나만 몰랐어... 역시 수많은 사짜 개발 유튜버들과는 차원이 다른 전문성...!

  • @user-el9gb4dj8h
    @user-el9gb4dj8h ปีที่แล้ว

    값진 영상 ㅠ.ㅠ

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      흑흑 감사해요 😭 (감동의 눈물)

  • @user-rz3ps2mi7n
    @user-rz3ps2mi7n ปีที่แล้ว

    엘리님 좋은 강의 감사합니다
    질문이 두개 있습니다!
    1. 서버리스펑션을 엣지에서 동적인 콘텐츠를 받아올 수 있게 노드 대신 엣지 런타임으로 설정해주면 엣지펑션이 되는건가요?
    2. 2:29 에서 언급하고 있는 동적인 데이터를 오리진 서버로 부터 받아오고 있는개 서버리스 펑션을 의미하고 있는거죠??

  • @user-qy4dm3ol5v
    @user-qy4dm3ol5v ปีที่แล้ว

    감사합니다.

  • @user-wc2gr7cy5d
    @user-wc2gr7cy5d ปีที่แล้ว

    리액트로 개발해본지 1년 정도 된 시니비개발자인데 엘리님 강의 다시봐도 다시배웁니다..😅😅

  • @user-wk9og1xz3f
    @user-wk9og1xz3f ปีที่แล้ว +1

    서버사이드 랜더링의 미래가 밝은 것 같네요
    주로 사용하는 netlify에서 deno로 제공한다니 기회가 될 때 사용해봐도 될 것 같습니다.
    오늘도 좋은 영상 감사합니다.

  • @Rhu_Vaeruxia
    @Rhu_Vaeruxia ปีที่แล้ว

    마소가 익스플루 종료후 엣지 나와 연관 있나 하고 보는데.. 그 엣지가 아니라서 다행이지만.. 이제 CSS에서 자바스크립트로 옮겨가게 되네여... 현재 리액트+노드JS까지 마치면 프론트엔드 취업 준비할려는데 언어를 하나 더 추가로 배워야할 시기가 올 수도 있네요..ㅜ 정보는 감사합니다.

  • @user-ul7yp5wh7u
    @user-ul7yp5wh7u ปีที่แล้ว +1

    안녕하세요! 드림코딩님! 영상하고 관련이 없는 내용이지만 너무 궁금해서 질문드립니다!
    드림코딩님의 github repositories중 javascript_animation에서 5가지 파일중 1번째 typeit을 어떻게 만드신건지 너무 궁금합니다. 첨에 DreamCoding TH-cam가 typeit되고 그후로 TH-cam가 지워지고 Academy가 다시 typeit이 됩니다. 제가 코드를 봤을 때 대충 unpkg사이트를 이용하신 것 같은데 unpkg사용 방법 이나 그런 것들이 너무 궁금합니다.
    + 드림코딩님 자바스크립트 영상 너무나도 잘 보고 있습니다.

  • @koreangym2370
    @koreangym2370 ปีที่แล้ว

    저같은 초보에겐 엘리님 영상이 다정하게 쉅게 말해주는거 같으나 들어보면 너무 어려워요. 아 이건 전문가들이 들을 내용이구나 싶네요. 그니까 결론만 말하면 에지를 깔라 이 말씀이지요? ChatGPT가 로긴 버튼을 이렇게요렇게 만들어줘하니까 바로 코드 만들어 주고 갖다 붙이면 실행되는 영상을 보고 너무 놀랬습니다. 저렇게 만들려면 얼마나 시간이 많이 걸리고 어려운지 아니까요. 드림코딩 엘리님이 가르쳐주신 웹페이지 만드는 법 보고 고대로 따라해본적 있거든요. 해보니까 저게 뭘 의미하는지 아는겁니다. 코딩 배우는데 뻘짓은 없고 시간낭비다 생각했던 일들도 다 의미가 있는거였네요. Chatgpt에 대해서 엘리님은 뭐라고 하실까 궁금해서 와봤습니다.

  • @frontend_ko
    @frontend_ko ปีที่แล้ว

    각 국가에 해당하는 ec2 를 배포하느거랑 차이가 엄청 큰건가요??

  • @user-vm8lc8mb7s
    @user-vm8lc8mb7s ปีที่แล้ว

    항상 좋은 정보 감사합니다! 엘리님은 항상 정보가 빠르신거 같은데 비법(?) 같은게 있을까요?

  • @billle9002
    @billle9002 ปีที่แล้ว

    엘리님 ChatGPT가 써주는 코드보니 정말 충격 상상 이상이고 앞으로 프론트엔드는 다 대체할 것 같다는 전망이 많던데..
    현직자로서 어떻게 생각하시나요?..
    디자인 파일만 올리면 html css javascript까지 작성되게끔 업그레이드 된다고 하더라구요..

    • @asdasd-jg1re
      @asdasd-jg1re ปีที่แล้ว

      No, ChatGPT is not designed to replace frontend developers. ChatGPT is a language model trained to understand and generate natural language, and it can be used to develop conversational interfaces and chatbots.
      While ChatGPT can assist in generating text for a variety of purposes, it does not have the ability to create graphical user interfaces or design user experiences. Frontend developers are responsible for creating the visual and interactive components of software applications, and this requires skills and expertise beyond natural language processing.
      Furthermore, ChatGPT is a tool that can be used by frontend developers to create more engaging and natural conversational interfaces. By incorporating ChatGPT into their work, frontend developers can enhance the user experience and provide more personalized and helpful interactions with users. Therefore, rather than replacing frontend developers, ChatGPT can be seen as a valuable tool that can complement their work.
      ChatGPT한테 물어본 결과입니다 ㅋㅋㅋ

  • @twincolorful
    @twincolorful ปีที่แล้ว

    일년새 모든것이 바뀌었군요 요즘 웹개발관련 영상보면 무슨 말인지도 모르겠네요 다만 edge computing에 대한 개념은 블럭체인에서도, 인공지능 쪽에서도 들어봤는데 역시 속도와 효율성면에서 언급하더군요 잘 보고 갑니다

    • @dream-coding
      @dream-coding  ปีที่แล้ว +1

      네~ 계속해서 에지 컴퓨팅을 지원해주는 서비스들이 많아 지지 않을까 생각해 봅니다 😍

    • @twincolorful
      @twincolorful ปีที่แล้ว

      @@dream-coding 느낌상으로는 전세계적으로 서비스를 하는 기업에서 꼭 필요한 서비스로 생각되네요 인공지능을 조금 공부해보니 전국적으로 혹은 전세계적으로 데이터를 모으는 기업이 모든 자료를 본사서버에서 모아 처리하기보다는 국지적인 혹은 최전선의 단말에서 모아 그 자리에서 처리해서 요약된 정보만 본사로 보내는 식의 서비스로 소개하더군요 웹개발쪽에서도 같은 개념으로 보아야 하나요?

  • @redcastle1745
    @redcastle1745 ปีที่แล้ว

    💕💕

    • @dream-coding
      @dream-coding  ปีที่แล้ว

      항상 들러 주셔서 감사해요 😍

  • @minsu07311
    @minsu07311 ปีที่แล้ว

    CDN은 넥서스인가요?

  • @user-hh1wn9xw1s
    @user-hh1wn9xw1s ปีที่แล้ว

    우리 nuxt 도 많이 사랑해주세여..

  • @user-mk2ol4rm5v
    @user-mk2ol4rm5v ปีที่แล้ว

    혹시 chatGpt 관련해서 어떻게 바라보시나요...
    웹개발의 관점에서는 어떤가 궁금해서 여쭤봅니다

    • @dream-coding
      @dream-coding  ปีที่แล้ว +1

      다음에 영상으로 한번 제의견 공유해 보도록 할께요 👍

  • @what_are_you_
    @what_are_you_ ปีที่แล้ว

    전 항상 궁금한게 영어 발음은 에지인데 왜 우리말로는 엣지라고 할까요?

  • @user-cz1ou1gx1p
    @user-cz1ou1gx1p ปีที่แล้ว

    Node.js 를 기본만하고 next.js 로 넘어가는 것이 좋을까요?
    ㅠㅠ

    • @dream-coding
      @dream-coding  ปีที่แล้ว +1

      어떤게 내 궁극적인 목표인지에 따라 대답이 달라질것 같아요 :)

  • @poodlehye-ja9000
    @poodlehye-ja9000 ปีที่แล้ว

    예지씨 화이팅

  • @yule1994
    @yule1994 ปีที่แล้ว

    여신누나 ㅎㅇ

  • @user-vu8vb9yc8h
    @user-vu8vb9yc8h ปีที่แล้ว

    감사합니다 NEXT빨리 나오길 ㅎㅎ

  • @user-vx9yb6el1r
    @user-vx9yb6el1r ปีที่แล้ว +1

    윈도우 엣지 붐은 온다..

  • @_Raphael_Developer
    @_Raphael_Developer ปีที่แล้ว

    좀 있으면 봄이라서 엣지하다가 엣지!