클론코딩 유튜브 사이트 따라 만들기(HTML+CSS 연습편, 웹 포트폴리오) | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

Поделиться
HTML-код
  • Опубликовано: 21 сен 2024
  • 유튜브 사이트를 반응형으로 만들어 볼꺼예요. 순수 HTML, CSS를 이용해서 (Javascript 약간) 만들어 보고, 다음에 Javascript를 배우면 동적으로 서버에서 데이터를 가져오는 연습을 더 해보도록 할께요. (↙ 자세한 내용)
    ___________________________
    📚 전체적인 반응형 포트폴리오 웹사이트를 완성해서 배포까지 하고 싶다면:
    academy.dream-...
    💡 풀스택 개발 로드맵 ⇢ academy.dream-...
    🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
    academy.dream-c...
    .....................................................
    ⭐️ Font Awesome Icons
    (죄송, 태그는 여기 정보란에 입력이 금지되어져있어요)
    fab fa-youtube
    fas fa-search
    fas fa-ellipsis-v
    fas fa-caret-down
    fas fa-thumbs-up
    fas fa-thumbs-down
    fas fa-share
    fas fa-plus
    fab fa-font-awesome-flag
    ⭐️ Useful Sites
    MDN Html Elements Reference:
    developer.mozi...
    Color Tool:
    material.io/re...
    Font Awesome:
    fontawesome.co...
    Google Fonts:
    fonts.google.com/
    .....................................................
    ☀️ 드림코딩 엘리
    모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
    ❝Don't forget to code your dream
    여러분들의 멋진 꿈을 코딩하세요 ⭐️
    .....................................................
    🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
    • 프론트엔드 강의 - 프론트엔드 개발자 되...
    📒 자바스크립트 기초 강의 영상 목록:
    • 자바스크립트 기초 강의 (ES5+): 같...
    💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
    • 개발자라면 누구나 알고 있으면 좋은 지식 💡
    💰 개발자 경력 관리 영상 목록:
    • 승승장구 커리어 관리 🚀
    📄 이력서 작성 방법
    • 취업 보장 이력서 작성 🙌
    📈 IT 트렌드
    • IT 트렌드 📈
    📷 개발자 브이로그
    • 개발자 브이로그 📷
    🤗 생산력 향상 팁
    • Tech & Tools ❤️
    .....................................................
    ⭐️ 강의 영상 즐겨찾기
    0:0 ① 프로젝트 소개
    2:08 ② 강의 활용 방법
    2:53 ③ 활용한 드림코더(구독자분) 사례
    3:24 ④힌트 및 반응형 구조 팁
    7:06 ⑤ HTML 마크업 파트
    18:57 ⑥ CSS로 이쁘게 스타일링
    19:25 ✓CSS변수 활용법
    25:57 ✓CSS 전처리기 깨알섦명
    30:25 ✓ 모를때 검색하자!
    34:03 ✓calc() 설명
    44:34 ⑦ 미디어 쿼리 - 반응형
    46:35 ⑧ 버튼을 클릭하면 빙글 돌아가기
    49:15 ⑨ 엘리의 말말말
    .....................................................
    🎵Music
    Joakim Karud - Dreams
    / joakimkarud

Комментарии • 619

  • @dream-coding
    @dream-coding  4 года назад +133

    50분 영상 현실인가요? 😅 길지만 끝까지 다~ 봐주실꺼죠? 🙏🏼 (하.지.만. 1시간 안에 우리가 멋진 정적인 유튜브 웹사이트를 만든다는것!)
    강의관련 사이트나 자료는 동영상 정보란에서 확인해 주세요 :)
    ⭐️ 강의 영상 즐겨찾기
    2:08 ② 강의 활용 방법
    2:53 ③ 활용한 드림코더(구독자분) 사례
    3:24 ④힌트 및 반응형 구조 팁
    7:06 ⑤ HTML 마크업 파트
    18:57 ⑥ CSS로 이쁘게 스타일링
    19:25 ✓CSS변수 활용법
    25:57 ✓CSS 전처리기 깨알섦명
    30:25 ✓ 모를때 검색하자!
    34:03 ✓calc() 설명
    44:34 ⑦ 미디어 쿼리 - 반응형
    46:35 ⑧ 버튼을 클릭하면 빙글 돌아가기
    49:15 ⑨ 엘리의 말말말
    여러분~ 영상에서 제가 가이드해드린것처럼 여러분 레벨에 맞게 꼭 실습 먼저 해보시구요 🙏🏼
    동작하는 사이트를 보면서 먼저 만들어 보고 싶으시다면:
    dream-ellie.github.io/youtube-site/
    최종 코드는 여기서 확인해 보세요(🚨꼭 먼저 해보고 소스 보셔야 돼요 😉):
    github.com/dream-ellie/youtube-site
    저는 튜토리얼 용으로 간단하게 만들었지만, 직접 기능들을 더 추가해보시고, 확장해 보세요 :)
    여기까지는 코딩의 코자도 아직 안한거예요~ 우리 정말 코딩의 세상, 자바스크립트에서 만나요 ❤️

    • @이준호-y6h6h
      @이준호-y6h6h 3 года назад

      이 영상 내용이 혜자네요 ㅠㅠ 알찬 내용 항상 감사드립니다~~ 엘리님

    • @5층사람들-o9r
      @5층사람들-o9r 3 года назад

      끝까지 다 볼께요. 일일 3영상 시청하니 이제 끝이 얼마 안남았네요. 다보면 유료강의로 넘어갑니다!
      이제 퍼블리셔랑 싸울수 있게 되었어요!!!?????

    • @ariaslofi
      @ariaslofi 2 года назад

      엘리님 오랜만에 또 봤는데도 재밌네요. backend 개발자인데 퍼블리싱 영상을 너무 재밌게 만드셔서 자꾸 보게되네요. 감사합니다.

    • @danielshin4298
      @danielshin4298 2 года назад

      저는 컴퓨터그래픽 영화 수퍼버이져인데
      2005년 제로보드로 혼자 팀원들 소통 게시판 만들던 생각이 나네요. 이제는 게임엔진과 프론트 벡엔드 개발자들과 오픈 플랫폼 협업이 중요한 시대이고, 기획 아이디어가 중요한 시대인거 같네요
      너무 잘 설명해주셔서
      너무 감사합니다.
      노하우 공유 안하는 사람 많은데 !!!
      시대에 맞는 샘이세요~

    • @chanwoongpark9267
      @chanwoongpark9267 2 года назад

      전 은퇴 2년차 입니다..
      IT 관리자에서 개발자로의 도전을 몸부림으로 극복 중에 있어요.. 너무 거창한가요? ㅋㅋㅋ
      회사를 나와 다시 현업으로 돌아가려 여러가지 공부를 시작하였습니다.. 학원ㅇ.ㄹ 가야하나 고민 중에 엘리님 채널을 알게되었고 슬쩍슬쩍 영상을 넘기다 실전까지 왔내요..ㅋㅋㅋ
      이야기 주신데로 실제 코딩으로 익혀야 할 때가 온 거 같아요..흑흑흑.. 코린이게겐 툴 사용도 넘어야 할 벽이네용..ㅋㅋ vi에 익했었던 저라..ㅎㅎ
      찾아보니 플러그인이 있다더군요..ㅋㅋ
      여러모도 험난하지만 해보렵니다.. 많이 도와주세요.. 감사합니다

  • @냐옹-j8w
    @냐옹-j8w 4 года назад +57

    진짜 코딩유투버중에 제일 좋음 ㅠ

  • @failnode3838
    @failnode3838 4 года назад +92

    쌤... 최고에요... 이런 선생님은 없었읍니다.ㄷㄷㄷ 그리고 영상길어지는거 절대 신경쓰지 마셔유ㅜㅜ 긴거 더좋아합니다. 배울땐 TMI가 좋아요ㅜㅜ 다들 저랑 같을겁니당

  • @toanytwo
    @toanytwo 4 года назад +16

    예제를 보면서 따라 만들기 하니까 긴 영상 끝까지 보는데 지루하지가 않네요. 앞으로 클론코딩 씨리즈로 나오면 좋겠어요. 영상 감사합니다.

  • @gwd4291
    @gwd4291 3 года назад +3

    당신은 퇴사하구 이직준비하는 저에게 한줄기 빛같은 존재입니다.

  • @김예지-u4y
    @김예지-u4y 3 года назад +3

    진짜 부족한거 하나도 없고 도움 정말 많이 됐어요..! 속에 묵혀있던 고구마 내려가는 느낌.. 그 어느 유튜버도 이렇게 설명해주진 않아서 엄청 답답했었는데.. 정말 감사합니다.!

  • @lighthouse6651
    @lighthouse6651 4 года назад +10

    3일만에 드디어 완성했습니다.. 감격 ㅠㅠ
    처음엔 안보고 만들어봤는데 mark up이 개판이라 코드가 복잡해 보였습니다. 그래서 엘리님이 mark up 하는 과정을 참고해서 5번정도 웹페이지를 만들어보니 5번째에는 머리속에 구조가 잡히는게 느껴졌습니다.
    대충 이해하고 넘어가고 싶었지만 시간 상관없이 이해가 완벽히 될때까지 하자는 마음으로 했습니다. 속도가 다른분들보다 느려 15시간이 걸렸지만 아주 만족스럽습니다 :)

    • @dream-coding
      @dream-coding  4 года назад

      와 3일 동안 포기 하지 않고 만드시는 그 열정 🙌 항상 응원합니다

  • @gotchung
    @gotchung 4 года назад +6

    이런 강의를 무료로 들을 수 있다니 정말 축복받은 기분이네요. 너무나도 감사합니다ㅠㅠ

    • @dream-coding
      @dream-coding  4 года назад

      축복이라니, 이렇게 좋은 코멘트 남겨 주시는 구독자님이 있어서 제가 더 축복 받은거 같아요 ❤️

  • @user-yw7vw3nv6m
    @user-yw7vw3nv6m 4 года назад +2

    반응형 헤더 만들기랑 유튜브 클론코딩 완료했습니다. CSS 강의까지 다 듣고 나서 연휴가 시작되어 오랜만에 가족모임 등을 하느라 조금 늦어지기는 했지만 짬짬이 그 동안 들었던 것들 복습하고 선물로 주셨던 게임들도 여러 번 해보니까 도움이 많이 되었네요. 우선 혼자 만들어보고 강의를 들으면서 확인 과정을 거치니까 새로 배웠던 부분들도 더욱 확실히 정리가 되었어요. 그리고 fontawesome과 googlefont 그리고 CSS var 변수같이 새로 알게된 것들도 있어서 앞으로 도움이 많이 될 것 같아요. 이제 한번 더 전체적으로 복습하고 이번에 만든 것들을 응용해서 연습 좀 더 해보고나서 자바스크립트 강의로 넘어가야겠어요. 좋은 강의 정말 감사드립니다.

    • @dream-coding
      @dream-coding  4 года назад

      와 이렇게 따뜻하고 긍정적인 피드백을 상세하게 남겨 주셔서 정말 감사합니다.
      코멘트 작성하시는것도 시간이 들텐데 이렇게 정성스러운 코멘트작성해 주셔서 감사합니다 ❤️ 배우신것을 토대로 한발작 더 원하시는곳으로 다가가셨으면 좋겠어요 🤗

  • @Woongtang
    @Woongtang 4 года назад +1

    다른 강의는 화면 전환이 너무 심하거나 진행 속도가 빨라서 내가 이해를 하면서 따라가는건지 그냥 따라 쓰는건지 많이 힘들었는데 , 입문자들을 위해 너무 친절하게 천천히 강의해주셔서 너무 좋았어요 앞으로도 자주 강의 보러 올게요 1일 1깡 ㄴㄴ 1일 1엘리 너무 좋은 강의 해주셔서 감사합니다 .

    • @dream-coding
      @dream-coding  4 года назад

      1일1깡 좋은 코멘트 감사합니다 ❤️

  • @chanwoo1111
    @chanwoo1111 4 года назад +2

    먼저 유료강의라해도 할 말 없는 친절하고 세세하게 구성 된 퀄리티 높은 수준급 강의, 현업에서 쓰이는 실무 경험 팁, IT업계의 선배, 인생의 선배로서의 현실적인 조언.
    그리고 무엇보다 이런 가치있는 귀한 정보들을 아무런 대가없이 오직 구독과 좋아요 댓글만으로 저와같이 헤매고있는 친구들에게 단비같은 존재가 돼주시고
    시청자 한 명 한 명 챙기며 진심어린 소통을 해주려하며 분명 현업에서도 바쁘게 일하시고 개인시간도 부족하실텐데 .. 단언컨데 이런 분은 엘리님밖에 없을겁니다
    정말 감사드리고 존경하게됩니다👍👍
    그리고 이전 영상들은 다 봐왔었지만 댓글 하나 남기지 못하고 눈팅하다 이제서야 작성합니다. 죄송합니다 ㅠㅠ 대신 벌로 다음 영상들 열심히 보며 공부하겠습니다
    하하 그만 각설하고
    엘리님! 사실 저 고민이 있습니다!
    전 컴퓨터 소프트웨어과를 전공하고 3학년때까지 학교시험볼때만 벼락치기식으로 공부하며 하고싶어하는거 없이 어영부영 시간보내다가 꿈없이 올해 26살의 나이로 졸업했습니다
    이제 26살 취준생이 되었고 뒤늦게 프론트엔드쪽으로 진로를 잡았는데 포트폴리오 준비해놓은거 하나없고 자신있는 프로그래밍 언어조차 없는..
    분명 전공자인데 비전공자와 다를게없는 제 상황을 보니 막막하더라구요
    제 주변 사람들은 어디라도 지원해서 하나 둘 취업하고 월급받으며 사회생활 시작하는데
    저는 아직 회사 지원조차 한번도 못해보고 회사에 지원할 수 있는 수준을 맞출려고 집에서 이러고 있습니다 (사실 회사 지원한번 안한건 지금 제 수준으로 어딜 지원 해 합격할 자신이 없어서 입니다)
    뜬금없지만 저희 부모님은 제가 어릴 때 사고한번 안치고 혼자 잘 커와서 저한테 크게 뭐라 하신적없고 취업문제로 먼저 물어본적이 없으시거든요 제가 알아서 잘 할꺼라고 믿고계셔서..
    그런 부모님 마음을 잘 알기에 죄송스러워서라도 열심히 준비해서 취업하고 돈벌어서 맛있는거, 갖고싶어하시는거 사드리는게 제 목표인데 이런 저는 여기서 어떻게 준비 해야할까요
    현재 제 상태는 html, css, javascript 정말 기본적인 이론만 공부한 상태입니다
    제가 직접 혼자 힘으로 만들어본건 엘리님 채널에서 배운 반응형 nav 와 유튜브 클론코딩과 같은 정적 홈페이지가 전부입니다.
    더 나아가 javascript를 이용해 동적인 홈페이지를 만들어보고싶은데 혼자 어떻게 접근해서 만들어야 할지 모르겠습니다
    그리고 프론트엔드개발자로 취업하려면 어느정도의 기본 실력이 요구될까요? 즉, 어느정도 수준까지되어야(스킬이 있어야) 프론트엔드 구인하는 회사에 지원해서 합격할 가능성이 있을까요?
    (중소기업 생각중)
    html, css, javascript만 어느정도 다룰줄 알면 가능할까요? 아니면 react나 vue.js같은 프레임워크를 따로 공부해서 다뤄봐야 할까요?
    저는 제 현재 수준을 알기에 지금 당장 중견기업이나 대기업은 바라보고 있지 않습니다. 중소기업에 들어가 경력과스킬, 프로젝트 실무경험을 쌓고 다른 회사로 이직하여 이전보다 더 많은 급여를받는 프론트엔드개발자의 길을 걷고싶습니다
    그나저나 감사드린다는 의도로 쓰려는 댓글이 진지한 제 고민상담 댓글로 변질됐네요 😅😅..
    헐 글 쓰다보니 넘..길어졌.. 읽기 힘드시게
    아무튼 저와같이 고민있는 시청자와 소통해주셔서 너무너무 감사드리고 영상 하나하나 정말 저에게 아~주아~~~~주!! 큰 도움이 되고있습니다!!!
    글로 표현하기엔 제가 글솜씨가 부족해서 제 진심이 그대로 전해질까 모르겠네요ㅋㅋㅋ 끝으로 다시한번 감사드립니다!!

    • @dream-coding
      @dream-coding  4 года назад +1

      안녕하세요~ 찬우님, 먼저 긍정적인 피드백의 코멘트를 남겨 주셔서 감사해요 :) 그리구 컴공과 학부생 후배님이시네요 🙌
      이론과 시험위주의 수업을 듣고 이제 취업을 준비해야 하는 막막함이 남겨주신 코멘트에서 느껴지네요.
      찬우님과 동일한 고민을 가지신 구독자분들을 위해서 제가 이 영상을 만들었는데:
      ruclips.net/video/FbY5tmJ29ws/видео.html
      자바스크립트 프로젝트 몇가지와 React, Vue를 이용한 프로젝트를 만들면서 포트폴리오를 만들어 나가시면 좋을 것 같아요. 코멘트에 다른 분들이 공유해주신 채용사이트 정보가 많으니, 프론트엔드로 검색하시면 어떤 회사에서 어떤 기술을 가진 사람들을 뽑는지 확인해 보시고 준비하시면 좋겠어요
      포트폴리오 아이디는:
      ruclips.net/video/KJUdqPDAtTI/видео.html
      ruclips.net/video/3xRpjLZUBeo/видео.html
      이 영상들을 한번 꼭 확인해 보셔서 좋은 아이디어를 찾으셨으면 좋겠어요 ❤️

  • @SnowNooDLe
    @SnowNooDLe 4 года назад +5

    최근 막 학교를 졸업후 개발직을 알아보고있는 졸업생입니다.
    좋은 영상들 잘 보고 가요 !

  • @임동혁-j7b
    @임동혁-j7b 4 года назад +4

    처음 힌트만 보고 혼자 만들어 볼려고 4시간 고통 받다가 강의보니 확실히 도움이 되네요! 앞으로 3번 정도만 다시해보면 완전히 제 것으로 만들 수 있을거 같아요

  • @isitblacktea
    @isitblacktea 3 года назад +1

    감사합니다. html, css ,js 생활코딩으로 학습한 뒤 써먹을 곳이 없어서 클론코딩을 찾아보다가 정말 수준 높은 강의를 접하게 되었네요. 코딩하면서 한층 더 성장한 것 같습니다. 정말 감사합니다.

  • @훈이-g5c
    @훈이-g5c 4 года назад +7

    진짜 너무 감사합니다! 웬만한 유료 강의들보다도 훨씬 나아요! 덕분에 너무 잘배우고 있습니다 ㅎㅎㅎ 열심히해서 꼭 조만간 프론트엔드 개발자로 일해보겠습니다

    • @dream-coding
      @dream-coding  4 года назад +1

      유료 강의 보다도 낫다니 🥰 감사합니다! 현업에거 기다리고 있을께요 ❤️

    • @복숭아-d5r
      @복숭아-d5r 3 года назад +1

      @@dream-coding 저두요 쌤 ! ❤🤾

  • @2cn497
    @2cn497 4 года назад +1

    프론트엔드 강의 정주행하다가 여기서 댓글 달아요ㅎㅎ HTML CSS 개념만 배웠을때는 뜬구름 잡는 이야기였는데 이렇게 사이트를 만드니까 머리에 확들어와요... 들숨에 재력을, 날숨에 건강을 얻으시길!

    • @dream-coding
      @dream-coding  4 года назад +1

      녕녕이님 코멘트와 좋은 멘트 감사해요 🙌 건강을 얻어야겠어요 하하 요즘 잠이 부족해서 감기에 걸려서 고생중이거든요 ㅠ ㅠ ㅋㅋ

    • @2cn497
      @2cn497 4 года назад +1

      드림코딩 by 엘리 아이고ㅜㅜ 잠도 푹 자시고 감기도 얼른 나으세요~!!

  • @jwchoi3538
    @jwchoi3538 3 года назад +1

    영상을 보다 보니 지난 헤더 만드는 강의에서 있었던 오류도 다시 확인해보고 너무 좋았어요. 주말 동안 복습하면서 혼자 만들어볼게요. 정말 감사합니다! 오늘도 출석체크 해요. 즐거운 주말 되세요!

  • @stupidkim6404
    @stupidkim6404 3 года назад

    엘리님. 안녕하세요.
    35세에 입문하여 막막 했는데 좋은 영상들 덕분에 많은 도움이 되고 있습니다.
    강의 중에 안전빵이라고 하셔서 빵 터졌습니다. ㅎㅎ
    업무도 바쁘실텐데 이렇게 좋은 영상까지 만들어 올려주셔서 고맙습니다.
    많은 사람들이 엘리님의 좋은 채널을 알게 돼서 저처럼 도움 됐으면 하네요.
    언제나 건강하세요 :)

  • @jeongwongo4277
    @jeongwongo4277 4 года назад +1

    이런 클론코딩은 어차피 보면서 멈추고 해보고 멈추고 해보고 해서, 영상의 길이보다는 내용의 퀄리티가 더 중요한것같아요! 길이 걱정안하셔도 되요 : ) 이렇게 알찬 영상 만들어주셔서 그저 감사할 따름입니다!! 길이 생각안나고 자꾸보고 공부하고 싶은 영상들입니다!! 영국에서 뺴박 집콕인 상황에서 한줄기 빛입니다. 감사합니다. 항상 건강 조심하세요 : )

    • @dream-coding
      @dream-coding  4 года назад +1

      아 영국에 계세요? 요즘 코로나로 저두 빼박이라 특히 날씨 좋은 날에는 울면서 집에 있는 답니다 :) 이렇게 사려깊고 따뜻한 코멘트 정말 감사드려요 🙌 이렇게 무한 긍정의 코멘트로 더 힘내서 영상을 만들 수 있는 것 같아요 🤗

  • @tv-nu7xe
    @tv-nu7xe Год назад

    드림코딩님 영상 보며 코딩꿈나무 꿈꾸는 40대 입니다. 듣기 좋고 귀에 쏙쏙 박히는 명강의 감사해요.

  • @28load55
    @28load55 4 года назад +3

    기본적인 내용 뿐 아니라 실무에서 어떤식으로 적성하시는지 보여주셔서 너무 좋습니다 ㅎ 프론트 개발을 하고 있지만 퍼블리싱이 부족해서 보고 있는데 목소리도 차분하고 좋으시면서 마크업을 깔끔을 잘 짜주셔서 감사합니다. 정말 엘리님 덕분에 많이 배워갑니다

    • @dream-coding
      @dream-coding  4 года назад

      좋은 피드백 정말 감사합니다 ❤️

  • @qqww08
    @qqww08 4 года назад +2

    현기증 나니까 다음꺼도 얼른이요!!!! 초보자 인데 이때까지 본 강의중 제일 좋은거 같아요!

    • @dream-coding
      @dream-coding  4 года назад

      코멘트 정말 감사합니다 🙌 얼마전 다른 구독자분께서 쓰신 문구인데 "현기증 나니까" 이거 휴행어 인가요? ㅋㅋㅋ (ㅇ ㅏ 한국문화랑 멀어진 이 느낌 🤣)

  • @bluevulpe
    @bluevulpe 3 года назад +3

    오와…진짜 강의 흐름이 체계적이고 최종흐름이 기본기를 튼튼히 다지는 웹개발자 되도록 이끌어주는 커리큘럼이라고 느낍니다 역시 믿고 듣는 엘리언니🦊💙

  • @misondkang9515
    @misondkang9515 3 года назад

    직접 손으로 만들어가는게 아직 익숙하지 않은거 같아서. 우선 처음엔 다 보고 두번째에 선생님 설명을 조금 천천히 재생해 가면서 코딩을 해봤습니다. 선생님처럼 바로 안움직여서 멈추고 코딩 잘못된곳 찾아보고, 다시 쓰고..하면서 비슷하게 만들어진 걸 보니..단지 따라했을뿐인데 뭔가 완성되어있어서 너무 뿌듯했어요. 선생님 영상 따라하면서 와이어프레임 만들어서 태그지정이나 클래스이름 설정 같은것도 익숙해질것 같아서 너무 기대됩니다. 좋은 컨텐츠 너무 너무 감사합니다!!!!!

  • @user-ls5ye1qb4w
    @user-ls5ye1qb4w 4 года назад +1

    두달전까지만 해도 강의 일시정지하고 재생했다가 일일히 보면서 치던 제가
    드디어 !!! 혼자 안보고 다 만들었습니다 ㅠㅠㅠ 시간은 걸렸지만ㅎㅎㅎ
    장족의 발전이라고 생각해요..! 그전만해도 코딩에 ㅋ도 몰랐는데 오늘 만들어진 사이트를 보면서 너무 뿌듯했습니다.
    프론트엔드 개발자로 거듭나기위해 드림코딩도 결제했습니다 ㅎㅎㅎㅎ 앞으로 열ㅇ심히 ..ㅠ_ㅠ !!! 달려보겠습니다.
    Don't forget your dream!⭐️⭐️⭐️

    • @dream-coding
      @dream-coding  4 года назад

      와!!!! 이제 혼자 안보고 다 만드셨다니 저 너무 감동의 물결이 👍
      열심히 노력하신 결과이겠지요? 너무 대견합니다 ❤️

  • @jigguri4163
    @jigguri4163 4 года назад +1

    늦은 새벽에 고생 많았습니다. 복습을 통해 안보고도 만들 수 있게 해야겠네요. 감사합니다. ^^

  • @투스쿠스꺄륵
    @투스쿠스꺄륵 2 года назад

    대박 원래 data scientist 생각하다가 대학 졸업즈음인 지금 느지막하게 프론트엔드 개발자로 진로를 틀었는데.. 이제 막 html css 개념 독학하고 있거든요. 그냥 할 때는 태그 개별적으로 배우니까 그닥 재미가 없었는데 이렇게 보니까 진짜 너무 재미있고 제가 하고싶은 쪽이 맞는 것 같아요..

    • @투스쿠스꺄륵
      @투스쿠스꺄륵 2 года назад

      지금 뭐 아무것도 해본 적 없는 생초짜인데도 이해가고 재밌어요 ㅜㅜ

  • @chulkim3556
    @chulkim3556 4 года назад +1

    2~3번 정도에 나누어서 다 봤습니다.
    저는 프론트엔드 쪽으로 일을 하고 있지만 css 에는 굉장히 약해요
    이전에는 무작정 html 작성하고 css 를 작성했었는데
    이런 작업하기 전에 wire frame 을 작성하고 라벨링을 해주는게 작업 들어 갔을 때 굉장히 도움된다는 걸 느꼈어요
    그리고 css 에 자주 사용할 칼라, 폰트 크기 등등을 미리 지정해주는 것도 처음 알았고 굉장히 유용하다는 걸 느꼈어요
    제일 신박했던거는 flex box 만으로도 보기 좋은 레이아웃을 구성할 수 있다는 거였어요..(저희 서비스 페이지를 모바일에서도 잘 보이게 하고 싶어서 flex 로 도전했다가 실패한 적이 있습니다..ㅠㅠ)
    일단 이 강의를 혼자서 다시 해보고 나서 sass 나 less 도 공부해보고 싶어졌어요
    좋은 강의 너무나 감사합니다!! 새벽에 너무 고생 많으셨습니다!!

    • @dream-coding
      @dream-coding  4 года назад +1

      오웃! chul kim님 먼저 정말 감사합니다 🙏🏼
      이렇게 나누어서라도 끝까지 다 보셨다니 정말 감사합니다❤️ 50분짜리라 엄청 걱정하면서 올렸거든요. 20분짜리로 줄일려고 사이트 만드는거에 관계없는 설명부분들을 다 잘라서 편집해 낼러다가 (네, 그 상관없는 부분들이 wireframe, sass, less, post css, 변수설정 등) 근대 그런 부분들이 도움이 되었다니 안지우고 그냥 50분짜리로 만드길 잘한거 같아요 🤣
      그전에도 그런 아이들 몇개 편집해서 잘라내버렸는데, 조금 후회중이네요 😂 (너무 입문자분들이랑 안맞을것 같아서 다 잘라냄ㅋㅋㅋ)
      프론트엔드쪽에서 일하고 계시는 분께도 도움이 되었다니 정말 다행이고, 영상 보신다고 고생하셨을텐데 이렇게 상세하게 코멘트 남겨 주셔서 정말 감합니다 ❤️

  • @soultripd853
    @soultripd853 4 года назад +3

    엘리쌤 발견하기전에 혼자 독학하면서 와닿지가 않아 힘들었어요ㅠㅡㅠ 이 영상 하나로 전체가 이해되면서 자신감이 생겼습니다 ! 훌륭한 영상들 감사합니다♡♡♡ 자바스크립트도 열심히 배워볼게요 !! :D

    • @dream-coding
      @dream-coding  4 года назад

      전체가 이해 되는 그 느낌!! 그것이 정말 중요 한것 같아요. 자세한 태그들 다 알아놔도 막상 웹사이트 혼자서 못 만들면 무슨 소용인가요? 자세한거는 몰라도 찾아가면서 하면 되니깐 전체적인것을 아는것이 정말 중요한것 같아요 ❤️

  • @user-ve1nt8ou2m
    @user-ve1nt8ou2m 3 года назад

    끝까지 다 봤습니다. 처음 볼 때는 외계인의 소리 같더니 앨리님의 다른 영상보고 다시 들이니까 무슨 말씀인 지 50%는 알겠어요^^ 아카데미 초보강좌도 가입해서 따라 하고 있거던요. I really want to deliver my sincere thankness to you and I am very strongly motivated to challenge to try this cloning RUclips. You are just amazing! Font awesome! Ellie super awesome! Let me get back to you when I'm done this project. 참! 그리고 일전에 남긴 62세의 코딩 도전 댓글에 답글 주셔서 감사해요!

  • @거북-s2m
    @거북-s2m 4 года назад +9

    영상이 길어진다고 시청자들이 지루해할거라는 관념은 버려주시옵소서.. 이런 꿀강의는 1시간은 커녕 3시간도 집중해서 시청 가능하답니다.. :D

  • @jinhomyung3558
    @jinhomyung3558 4 года назад +1

    태어나서 유투브 댓글 처음 달아봐요. 새벽에 찍으셨다고 하셨는데 너무 친절하게 알려주시네요! 화이팅!

    • @dream-coding
      @dream-coding  4 года назад

      와 댓글 처음 달아 주시는것이 드림코딩 채널이라 영광입니다. 감사합니다 ❤️

    • @jinhomyung3558
      @jinhomyung3558 4 года назад

      @@dream-coding 와! 댓글 달아주셨다! 감사해요! youtube clone이나 navbar 만 만들때 유튜브 화면만 보고 만들기가 어렵더라구요~ (글자가 작아요ㅠㅠ) 그래서 만약 완성해야 하는 것의 풀사이즈 스크린샷이 있으면 좋겠다 싶은 생각을 했습니다. 감히 조언드려요ㅎ

  • @chaneo-qw2uv
    @chaneo-qw2uv 4 года назад +2

    1시간만에 만들 수 있을 정도로 열공해야겠습니다! 이번 영상에서도 css 변수라든지 line-clamp라든지 많이 알게 됐어요! 감사합니다! 💖

    • @dream-coding
      @dream-coding  4 года назад

      CSS 변수 너무 유용하죠? :) 마음이 바껴서 변경할때 빛을 발휘한답니다 🙌

  • @oseansim
    @oseansim 4 года назад +3

    알람 뜨자마자 왔어요! 선댓글 후감상 입니다! 감사합니다!!

    • @dream-coding
      @dream-coding  4 года назад

      항상 1등 하시는거 같아요 🙌 감사합니다 🙏🏼

  • @sohyunpark9888
    @sohyunpark9888 Год назад

    쫌 어려운데 좋아요. 동기부여 빡빡돼요. 설명없이 혼자 만들 수있게 공부 더 열심히 할거에요. 드림코딩님 넘 멋져요ㅠㅠㅠ

  • @llys2996
    @llys2996 3 года назад +4

    썜 진짜 강의 너무 좋아요!! 하나하나 알아가는 것도 신기하고 정말 제가 배우고 있다는게 느껴져요! 책만 봤을땐 몰랐는데 사이트 만드는 게 정말 재밌다는 생각까지 드네용!ㅎㅎ

  • @leox2dg
    @leox2dg 4 года назад +1

    다른거 하느라 유튜브는 안하고 넘어갔는데 역시 다 해보야겠어요. 항상 느끼지만 다른 유튜버분들 보다 영상이 깔끔한 거 같아서 좋아요!

    • @dream-coding
      @dream-coding  4 года назад

      동민님, 항상 좋은 코멘트 감사합니다 🙌

  • @yeyeelisha1730
    @yeyeelisha1730 2 года назад

    오늘도 출석체크! 클론코딩 너무 좋아요ㅠㅠ 강의듣고 한번, 혼자 하면서 한번, 강의없이 한번, 완성후 고치면서 한번! 다섯번은 더 볼 강의ㅠㅠ 꼼꼼왕 엘리님 최고에요ㅠㅠㅠㅠ

  • @TheAc3112
    @TheAc3112 4 года назад +2

    와.. 진짜 명강의가 무료라는 게 믿기지가 않네요ㅠ 정말 잘 보고 감사한 마음으로 잘 배웠습니다 ..ㅎ html 작성할때 태그들을 잘 묶어줘야 css작업할때 안 헷갈리고 잘 할 수 있겠네요ㅠㅠ 첨부터 따라하면서 해봤지만 내일 다시 최대한 혼자서 다시 해볼 생각입니다 막상 혼자하면 분명 어려울 거 같아서요.. 이젠 혼자서도 잘 해냈으면 하는 마음입니다ㅜ 잘해서 얼른 자바스크립트도 배우고싶네요 ㅎㅎ 다시 한번 이런 고퀄리티 강의들 항상 올려주셔서 감사합니다 (_ _)

    • @dream-coding
      @dream-coding  4 года назад

      정성스럽게 작성 해주신 코멘트 정말 감사드려요 🤗

  • @youmeson2494
    @youmeson2494 4 года назад +2

    이번 강의로 함께 만들어보니 ~ 자신감이 조금씩 생기는 것 같아요!! 항상 감사합니다 ;)

  • @배정규-k9j
    @배정규-k9j 4 года назад +2

    출첵입니다! 입문편을 따라갈수록 기본 개념들이 익숙해지면서 이해력이 점점 높아지네요. 감사합니다 ㅎㅎ 50분짜리 영상을 보면서 느낀점은 해더, 비디오플레이어, 비디오 인포, 액션 등 나눠서 업로드되면 더 좋겠다는 생각을 해봤습니다! 호흡이 길긴 길더라구요 ㅠㅠ 엘리님도 힘드시고 ㅎㅎ 다음 html+css 연습 영상도 기대하겠습다 :) 항상 감사합니다!

    • @dream-coding
      @dream-coding  4 года назад

      네 ㅠ ㅠ 그래서 아카데미에서는 나눠서 올리고 있는데 유튜브는 너무 나눠서 올리면 이 영상으로 도배 할까봐 😭

    • @배정규-k9j
      @배정규-k9j 4 года назад +1

      @@dream-coding 자바스크립트 기초 강의 까지 다 듣고 아카데미로 넘어가봐야겠어요!

  • @황재영-b6d
    @황재영-b6d 3 года назад +2

    오늘도 출석!
    비록 시간은 더 많이 걸렸지만 시작 전에 말씀하신 대로 강의 전후로 혼자서 고민하고 해보니까,
    확실히 부족한 게 무엇인지, 어떤 걸 몰랐는지 더 알 것 같아요!
    항상 감사합니다!! X)

  • @gam.ja.3086
    @gam.ja.3086 4 года назад +3

    너무 잘 봤습니다!
    혼자 작업할 때는 3시간 정도 걸렸던 것 같아요.
    좋은 영상 감사합니다!
    덕분에 꾸준히 공부하며 새로운 것들을 배워가고 있어요!
    이번 프로젝트에서 배운 것들
    1. CSS에서 자주 사용하는 값들은 변수로 지정
    2. CSS line-clamp

  • @내돈-k1h
    @내돈-k1h 3 года назад +1

    엘리님 덕에 요즘 너무 잼있는 도전을 해봅니다. 정말 고맙습니다~

  • @sujilim1354
    @sujilim1354 3 года назад +1

    너무 감사합니다 엘리쌤!! 더 일찍 볼걸 그랬어여 그래도 지금이라도 본 것에 감사하고 열심히 겅부하겠습니당

  • @jdh-diary
    @jdh-diary 4 года назад +1

    이전에는 어떻게 만들지 막막했는데, 과정 하나하나 이유 얘기하시면서 어떤 기능 때문에 사용하는지 상세하게 설명해주셔서 자신감이 막 오르네요!! 엘리님 감사합니다!

    • @dream-coding
      @dream-coding  4 года назад

      자신감이 막 차오르셨다니~ ❤️ 제가 원하던것이 그거랍니다 :)
      자신감을 심어드리는거 🙌

  • @최민웅-q8n
    @최민웅-q8n 4 года назад +1

    이론강의만 쭉 보다가 답답해서 강의를 보면서 따라해봤는데 확실히 직접 만드는게 훨씬 좋네요 :) 재미를 느껴서 다행이에요(?) 한참전에 좋아요 눌러놓고 이제야 따라해봅니다. 강의 고맙습니다! 더 연습해볼게요!

    • @dream-coding
      @dream-coding  4 года назад

      한참전에 좋아요 눌러놓고 ❤️

  • @ChengKyoBiz
    @ChengKyoBiz 3 года назад +1

    강의 내용이랑 디자인도 좋은데 발성이랑 전달력이 강사 뺨치시네요 크

  • @jnam8973
    @jnam8973 4 года назад

    복습하면서 보고있는데 유튜브 클론코딩은 지금 처음 듣고 있어요!! 스타트업에서 인턴하면서 디자이너겸 웹개발자분이 자기는 모바일부터 반응형 맞춘다고 해서 모바일을 먼저하는 방식도 있구나! 했는데 여기서도 보게되네요 ㅋㅋㅋㅋ 정말 도움 많이됩니다!!!

  • @하세요안녕-m4t
    @하세요안녕-m4t 2 года назад

    기계적으로 부트스트랩 같은 프레임웍의 테마만 기웃거리던 자신을 반성하며 열중하며 본 너무나 유익하고 재미있는 강좌였습니다! 어디나 마찬가지겠지만 프론트엔드쪽은 꼼꼼하고 부지런한 성격이 필요한 거 같네요^^ 감사합니다. 엘리님

  • @elkalove4744
    @elkalove4744 4 года назад +1

    우와 너무 고마워요! 50분 동안 즐거울 거 같아요!~ 꼭 완수하고 싶은 챌린지네요. 힘 내시라고 응원 덧글 뿜뿜 남기고 가요 ' ~'

    • @dream-coding
      @dream-coding  4 года назад +2

      코멘트 먼저 남겨주셔서 감사합니다 🙌 꼭 해보시고 어땠는지, 조금이라도 도움이 되었는지 부족하거나 피드백이 있다면 알려주시면 정말 감사할것 같습니다 ❤️

  • @woorimit
    @woorimit 4 года назад +1

    한번 보고 인터넷 뒤져가면서 만들어봤는데 엘리님 덕분에 정말 많이 늘었습니다🥺 감사합니다❤️자바스크립트 강의가 너무 기대되네요!!

    • @dream-coding
      @dream-coding  4 года назад +1

      다 보시고 직접 찾아보면서 다시 만들어 보셨다니 정말 잘하셨어요 ❤️ 그리고 잊지 않고 코멘트 남겨 주셔서 감사합니다 🙏🏼
      (제 덕분에 많이 늘었다니 엄청 뿌듯하네요! 😊)

  • @HI-iv1xy
    @HI-iv1xy Год назад

    최고의 강의입니다. 배울수록 얼른 써먹어보고싶다는 생각이 뿜뿜하네요 감사합니다 적게 일하고 많이 버시길 바랍니다❤

  • @sujeongchu5840
    @sujeongchu5840 3 года назад

    먼저 영상 한번 보고나서 혼자 끄적끄적하고, 그 후에 또 다시 영상 보고 복기했어요! 너무 많은 도움이 되었어요 감사해요

  • @한도윤-f7s
    @한도윤-f7s 3 года назад

    무조건 끝까지 다 봐야하는 동영상,, 알찬 내용이 가득한 동영상,, 영상은 한 시간,, 혼자 하는데 세 시간,,,그래도 알려주셔서 너무 감사드립니다

  • @trustarMello
    @trustarMello 3 года назад

    강좌 퀄리티가 너무 좋습니다. 이정도면 모 인강 빰치는 내용인데요...
    엘리쌤.. 프론트엔드 강좌 계의 혁신을 이루셨습니다..
    너무 감사합니다.

    • @dream-coding
      @dream-coding  3 года назад

      하하 좋은 말씀 감사해요 ♥️

  • @kevinkj2011
    @kevinkj2011 4 года назад +2

    이 영상 매일 봅니다
    컴 맹인 제게는 오아시스 같습니다 ㅎㅎ
    엘리님 정말 감사합니다 ㅎ

  • @진희이-u5m
    @진희이-u5m Год назад

    이렇게 쉽고 간결한 코딩을 알려주시다니..
    어떻게 감사를 드려야 할지 모르겠어서 댓글남깁니다.
    감사합니다~
    js와 애니메이션도 기대됩니다!

  • @kevinkj2011
    @kevinkj2011 4 года назад

    사실 엘리님 강의는 제게 높은 수준이지만
    앨리님꺼 쭈욱 보고나서 다른 유투브 강의를 보면 전과 다르게 보입니다
    감사합니다 엘리님

  • @브릿지비즈니스플랫폼
    @브릿지비즈니스플랫폼 2 года назад

    정말 유용하게 잘 봤습니다. ^^ 1년전 새벽시간에 촬영하느라 고생하셨어요. ^^

  • @jrich_white
    @jrich_white 4 года назад +2

    강의 내용도 좋고 설명도 자세하게 감사해요~
    다른 채널에서 너무 문법, 개념위주 영상만 접하다,
    이렇게 실제 개발과정을 구현하는 모습 보니, 새롭네요.
    뭐가 부족한지, 뭐를 더 공부해야 할지 감이 잡힙니다. ㅎㅎ

    • @dream-coding
      @dream-coding  4 года назад

      좋은 피드백 정말 감사드립니다 ❤️
      > 다른 채널에서 너무 문법, 개념위주 영상만 접하다,
      제가 지금 자바스크립트를 이렇게 가르쳐 드리고 있어서 약간 뜨끔했어요 ㅋㅋㅋㅋ
      자바스크립트 끝나면 이렇게 실전편을 더 많이 만들어서 올려볼께요 🙌

    • @jrich_white
      @jrich_white 4 года назад +1

      @@dream-coding 어디에 어떻게 쓰일지도 모르는데 개념만 익히다 보면 그 끝이 어딘지 알수 없어 쉽게 지치는 듯 합니다. 저와 같은 초보 학습자들에게는요.. 엘리님 영상 몇 개를 보니 어디서 어떻게 쓰일지 뭘 배우면 좋을지 등을 서두에서 알려주시는 듯해서 그 점이 좋았습니다. 앞으로도 잘 챙겨 볼게요 ^^

    • @dream-coding
      @dream-coding  4 года назад

      @@jrich_white 좋은 피드백 정말 감사합니다 ❤️ 종종 뵐께요 :)

  • @lesliesss
    @lesliesss 3 года назад

    백엔드개발자인데 요즘 프론트 개발로 전향중이어서 엘리님 강의자료를 참고하여 공부하고 있습니다. 너무 좋은 자료 고맙습니다.

  • @ethan_dev_load
    @ethan_dev_load 4 года назад +1

    출근길에 별 생각없이 봤는 데 구성이 알차네요 ! 아는 부분이지만 엘리님이 코딩하시는 걸 보니 관점이 색다르게 보이네요. 정성 가득한 영상 잘보고 갑니다 👍

    • @dream-coding
      @dream-coding  4 года назад +1

      아시는데 보셨다니 조금 부끄럽네요 🤣 naming을 깔끔하게 못한거 같아서 많이 아쉬웠거든요 ㅋㅋㅋ

  • @김성연-z8u
    @김성연-z8u 4 года назад +1

    시간 가는줄 모르고 했네요
    내일은 포트폴리오 클론코딩 해보려고합니다
    감사합니다!~

  • @펭펭-g3o
    @펭펭-g3o 3 года назад

    혼자 엉망으로 만든 다음에 영상 보면서 수정했어요ㅋㅋㅋㅋ 제 생각보다 더 세세하게 나누어야한다는 것과, 사소한 오타도 조심해야한다는 걸 깨달았습니다.. 재미있게 잘 보고 갑니다!

  • @_anne755
    @_anne755 4 года назад +1

    엘리!! 새벽에 영상 찍느라 고생하셨어요 영상 너무 잘 보고 있어요:)
    정말 영상미가 정말 최고에요! 색감이 특히 예뻐요! 항상 감사해요.
    계속 복습해보고 제가 뭐가 막히는지에 대해 확인하다보니 이제는 조금 알 것 같아요!
    엘리 덕분이에요. 아직 갈 길은 멀었지만 엘리 덕분에 겁내지 않고 앞으로 갈 수 있을 거 같아요.
    정말정말 감사해요.:)

    • @dream-coding
      @dream-coding  4 года назад

      어머! 이렇게 따뜻하고 긍정적인 코멘트 너무 감사드려요 ❤️ 하시면서 막히는 부분들에 대해 하나씩 알아 가고 계신다니 정말 다행이예요 🙌 정말 그렇게 하나씩 완성해 나가면서 부족한 부분을 채워나가는게 좋거든요! 꼭 최종 실습편에서도 뵐께요 🤗

  • @luminous_moon
    @luminous_moon 2 года назад

    강의가 너무너무 재미있었습니다!
    아직은 버벅 거려서 시간이 걸리는데 연습해서 한시간 안으로 만들고 그 밖에도 다른 기능도 넣어 보고, 이번 강의를 바탕으로 다른 것도 비슷하게 만들어봐야 겠네요. 좋은 강의 감사합니다!

  • @jiyoung1879
    @jiyoung1879 4 года назад

    출첵합니다👍👍
    flex 없었으면 어쩔뻔.. 이라는 생각과 리액트도 너무 궁금해지네요 좋은강의 감사합니다!!

  • @byjin_yoo
    @byjin_yoo 4 года назад

    시원하게 긁어주시네요!!! 궁금했던 점을 어찌 그리 잘 아시고!! 모든 수업 이수하겠습니다!! 감사합니다🙏

  • @박밀집
    @박밀집 4 года назад +1

    출첵 :) 1시간만에 만들면 정말... 좋았겠지만!
    혼자 끙끙대며 이것저것 처음보는 기능은 또 쭉 훑어보고... 만드느라 3시간은 넘게 걸린 것 같아요.
    그치만 확실히 만들면서 즐거워요! flex를 알고난 후 css 만지는 게 즐거워졌지 모예요
    반대로 html 짜는 게 젤 어렵네요ㅋㅋㅋㅋ 태그를 뭘 써야할지부터... 와이어프레임 직접 노트에 그려가면서 클래스 이름짓기까지... 이것만해도 1시간은 넘게 고민한 것 같아요.
    이제 다 만들었으니, 강의를 들으며 선생님 코드와 제 코드를 비교하며 필기해보려구 합니다~
    오늘도 좋은 강의 너무 감사드려요 :)

    • @dream-coding
      @dream-coding  4 года назад

      와 정말 열심히 해주셔서 감사해요 ❤️ 영상 만든 보람이 있네요 🙏🏼
      플렉스 때문에 CSS가 즐거워 지셨다는거 저도 완전 동감이예요 하하

  • @lucaskim3601
    @lucaskim3601 4 года назад +1

    이번엔 유튜브 사이트를 만들 수 있다니!! 헤더편도 만든거 신기했지만 유튜브처럼 만들면 더 있어 보일 것 같아요. ㅎㅎ 아 그리고 ㅎㅎ
    엘리님 라이브 영상도 잘 봤어요 ~ ㅎㅎ 상사분 애기할 때 표현을 너무 잘하셔서 진짜 제가 거기 있는 것처럼 상상이 되었어요~ ㅋㅋ

    • @dream-coding
      @dream-coding  4 года назад

      회사 일로 바쁘실텐데 라이브에 오셔서 첨부터 끝까지 함께 해 주셔서 감사해요~ ❤️
      필드엔지니어쪽은 야근이랑 특근 많이 하나요~?
      (아, 그리고 유튜브 실전편에 오신걸 환영합니다 🤗)

    • @lucaskim3601
      @lucaskim3601 4 года назад +1

      @@dream-coding 저는 DB 암호화엔지니어라서 데이터베이스에 있는 데이터를 암호화할 때는 데이터베이스가 서비스 오픈 중이면 일과시간외에 암호화할 때가 많아요 이거는 트렌젝션과 관련이 있어요 ㅎㅎ 데이터베이스가 아직 서비스가 오픈되지 않으면 업무시간에 암호화를 진행해요, 데이터베이스를 다루는 특성 상 서비스가 장애가 나면 않되기 때문에 급한 일은 시간 상관없이 일할 때도 가끔 있어요 ㅎㅎ 한달에 야근,특근 평균내면 2~3회 정도 되는거 같아요
      저도 궁금한게 있는데 호주도 개인정보보호법상 데이터베이스의 내용을 암호화하도록 법적으로 의무화되어 있나요?

    • @dream-coding
      @dream-coding  4 года назад

      @@lucaskim3601 오! 기존에 존재하는 데이터베이스도 추가적으로 암호화 작업을 하는군요! 대단해요 🙌
      저희 회사도 가끔 대용량의 데이터의 마이그레이션을 진행하거나 스냅샵 만들거나 등등 할때는 밤에 진행해요. 백엔드 엔지니어 중 몇명은 온콜을 돌아가면서 해서 온콜 한날 다음에는 무료 연차로 바꿔주거든요 (놔뒀다가 다음에 써두 되구요, 아 돈으로 받는 사람도 있어요)
      법적으로 의무인지는, 모든 데이터를 다 암호화해서 저장하지는 않구요. 사용자의 정보나 민감한 데이터는 당연히 암호화해서 저장하는데 이게 법적으로 의무인지는 잘 모르겠네요 (아마 의무는 아닌걸로 알고 있어요)
      이렇게 열심히 일하시면서 따로 프론트엔드를 공부하시는건가요? 대단하시네요 ❤️

  • @콩이다-y6y
    @콩이다-y6y Год назад

    꺼져가는 저의 불씨를 지펴주셨어요!! 학원에서 수업은 듣고 있지만 뭔가 개념이 정리가 되지 않는 느낌이였는데
    흩어져있던 개념들이 조금씩 정리되어가는거 같아용!!

  • @solkim262
    @solkim262 4 года назад +1

    오늘까지 반응형 헤더 만드는 방법 올려주신 강의 전부 다 보고 혼자서 복습겸 프로젝트(?)도 만들어봤어요! 이제는 이 강의도 마스터 할거에요. Javascript를 이용해서 동적으로 서버에서 데이터를 가져오는 강의도 기대하고 있을게요 💛 강의솜씨가 너무 좋으세요:)

    • @solkim262
      @solkim262 4 года назад +1

      대학생인데 꼭 엘리님 같은 개발자가 되고 싶습니다! 항상 감사합니다 🥰

    • @dream-coding
      @dream-coding  4 года назад

      오~ 따뜻하고 긍정적인 피드백 정말 감사드려요 🙌 대학생이신데 학부수업외에 이렇게 따로 찾아가며 공부하시는거 같아 정말 제 마음이 다 뿌듯하네요 🤗
      복습겸 프로젝트도 만들어 보셨다니, 정말 좋은 방법으로 공부 하고 계신거예요.
      이해만 하고 넘어가는 사람과 직접 마들어 보는 사람의 실력차이는 1년, 5년뒤 엄청나답니다 ❤️ 화이팅!

  • @임동욱-t2v
    @임동욱-t2v 4 года назад +1

    이정도는 긴 영상도 아닙니다 엘리님! 영상 정말 감사해요! 도움이 많이 됐습니다! :)

  • @peter-lz3kb
    @peter-lz3kb 4 года назад +1

    퇴근후에 클론코딩 해보면서 암청 실망하고있지만 엘리따라 열심히 가보렵니다. 고마워요 엘리~^^

  • @exsylee
    @exsylee 4 года назад +1

    너무 좋은 강의입니다. 전무하던 프론트엔드의 '감'이 막 생기네요..

    • @dream-coding
      @dream-coding  4 года назад

      감이 생기셨다니 완전 좋아요 ❤️

  • @cbsky1234
    @cbsky1234 4 года назад +2

    지금까지 영상보면서 궁금했던게 뻥 뚫리는 느낌이네요 ㅎㅎ html과 css를 배워도 어떻게 응용해야 내가 원하는대로 배치할 수 있는지 궁금했는데 강의 영상보고 많이 해결된거 같아요! 영상 감사합니다

    • @dream-coding
      @dream-coding  4 года назад

      오웃 뻥 뚤리셨다니 좋은 피드백 감사합니다 ❤️

  • @Jdis-c5j
    @Jdis-c5j 4 года назад +2

    엘리님 항상 좋은 강의 감사합니다!! 오랜만에 찾아왔어요!! 다시 공부 시작하는데 열심히 해보겠습니다 화이팅!!

  • @문규빈-g9z
    @문규빈-g9z 2 года назад

    와 혼자할때 좀 어려웠는데 강의듣고나니까 속이 시원하네 감사합니다

  • @그릿-o8q
    @그릿-o8q 4 года назад +1

    늘 좋은 영상 너무 감사합니다 ㅜㅜ 전체적인 틀을 잡고 차근차근하는게 머릿속으로 정리도잘되고 만드는속도도 빨라지는거같아요! 늘 감사드립니다 ㅎㅎ

    • @dream-coding
      @dream-coding  4 года назад

      코멘트 감사합니다 🙌 맞아요~ 나중에 정말 코딩하실때 먼저 구현하고자 하는 기능들을 정의하고 대략적인 앱의 UX와 UI구조를 잘 잡은다음에 시작하는것이 더 효율적이예요 ❤️

  • @anphaca1478
    @anphaca1478 2 года назад

    동영상 잘 보고 있습니다.
    꾸준히 봐서 최신까지 따라가겠습니다.
    앞으로도 잘 부탁드립니다. 감사합니다.

  • @wwoojin
    @wwoojin 4 года назад +1

    영상 감사합니다!! 처음에 영상길이 50분인거 보고 놀랐는데 만들다가 보니깐 50분이 금방 지나가더라고요! 오늘도 유익한 영상 올려주셔서 감사합니다!!

    • @dream-coding
      @dream-coding  4 года назад

      50분의 심적 압박이 크죠?ㅋㅋㅋ 짧게 할려다가 중간중간에 알려드리고 싶은 깨알정보들을 도저히 무시를 할수가 없어서 그만 ㅋㅋㅋㅋ 코멘트 감사합니다 🤗

    • @wwoojin
      @wwoojin 4 года назад

      @@dream-coding 오히려 정보들이 많아서 좋았어요!! ㅎㅎ 다음 영상도 기대하겠습니다!

  • @Liber_Spiritus
    @Liber_Spiritus 4 года назад

    일단 편안하게 영상 쭉 잘보았습니다~^^ 새벽에 촬영하셨다고하셨다는데 정말 고생 많으셨어요

    • @dream-coding
      @dream-coding  4 года назад +1

      실전에서도 뵙네요 :) 감사합니다 🙌🏼

  • @hakkouser
    @hakkouser 4 года назад +3

    가즈아 오늘은 html css 끝내보겠습니당 출쳌

  • @hyl734
    @hyl734 4 года назад +1

    영상이 너무 좋아서 댓글 남깁니다~
    저번 영상에서 navbar 만들때보다 더욱 발전한 느낌이 들어서 좋네요 앞으로도 많은 강의 부탁드립니다.
    유료강의도 있는걸로 알고있는데, 실력을 좀 더 쌓아서 꼭 수강하도록 하겠습니다.

    • @dream-coding
      @dream-coding  4 года назад

      이렇게 좋은 피드백 남겨 주셔서 감사해요 😆

  • @순대순
    @순대순 4 года назад +1

    엘리님 항상 영상잘 보고있어요! 이제 막 코딩을 배우기시작하면서 엘리님영상으로 자극도 받고 정보도 많이 얻고있어서 더욱 열심히 하고싶어지게 만들어요 ㅎㅎ 바쁜시간에도 유투브에 엘리님의 긍정에너지와 재능을 나누어 주셔서 감사드려요 더욱더 엘리님 잘되시고 건강하셨으면좋겠어요! 앞으로도 엘리님보면서 성장할게요 고맙습니다🥰🥰

    • @dream-coding
      @dream-coding  4 года назад

      오~~ 🥰 저야말로 이렇게 따뜻하고 긍정적인 에너지가 팍팍 넘치는 코멘트 남겨주셔서 정말 감사해요. 이런 코멘트를 남겨주시면 정말 힘들었던 마음들이 눈녹듯 사라지는거 같아요. 정말 감사하고, 이제 막 코딩을 배우기 시작하셨다니 중요한 기반을 잘 잡아나가시길 바래요. 그 첫 시작에 드림코딩과 함께 해주셔서 감사합니다 🙏🏼

  • @daehyuckbang6189
    @daehyuckbang6189 Год назад

    1주일 동안 찿고찾은 강의 입니다.
    정말 감사합니다.flex 기능 이해괴었슺니다.

  • @a11chan
    @a11chan 3 года назад

    핵심이 꾹꾹 눌러 담긴 50분이었어요, 이제 소화하러 가보겠습니다 :)

  • @user-ft9jb9bi8t
    @user-ft9jb9bi8t 2 года назад

    쥰내 재밌어요 신기하고 이렇게 간단해 보이는것도 아직은 어려운데 진짜 유튜브나 메이저 사이트정도로 만들려면 더 공부해야 해서 너무 좋다요

  • @DPJSJS
    @DPJSJS 2 года назад

    스스로 어떻게 하는 지 물고기 잡는 방법을 알려주셔서 너무 좋아요!!!
    완성하는데 정말 10시간은 걸리는 거 같네요ㅠㅠ더 열심히 해보겠습니다!

  • @ytheqoo
    @ytheqoo 4 года назад +1

    댓글을 남기지 않을 수 없어 남겨요 :) 엘리 님 영상이 아주 큰 도움이 되고 있어요!

  • @hyeheep1900
    @hyeheep1900 4 года назад +1

    오오 후감상 선댓글입니닷!! 날잡아 각잡고 봐야겠어요! 감사하니당~~~좋아요!

    • @dream-coding
      @dream-coding  4 года назад

      하하 나중에 보시고, 어땠는지 알려주시면 감사하겠습니다 🙏🏼 (꼭 먼저 스스로 해보실꺼죠? 😜)

  • @vintz-dev
    @vintz-dev 4 года назад +1

    CSS 변수선언에서 감탄했습니다..엘리님 영상은 50분도 순삭이네요 정말 재밌게 봤습니다 저도 해볼게요!!
    깃허브도 배워야하고 할 것 투성이네요~ㅎㅎ

    • @dream-coding
      @dream-coding  4 года назад +1

      병연님~ 학원에서 웹공부 잘되고 있으신가요? ⭐️ 꼭 좋은 성과로 돌아왔으면 좋겠어요 🙌
      응원할께요!

    • @vintz-dev
      @vintz-dev 4 года назад +1

      드림코딩 by 엘리 CSS가 점점 어려워져요..ㅋㅋㅋㅋㅋ 감사합니다 열심히 해서 엘리님만큼 성장하고 싶어요~🔥

  • @insangcho8145
    @insangcho8145 4 года назад +1

    새벽임에도 불구하고 영상 만들어주셔서 정말정말 감사합니다! 유튜브 사이트조차 어떻게 만들어야 하는지 막막했는데 영상 시청 후 자신감이 생긴것 같아요! 바로 만들러 가볼게요 ㅎㅎ

    • @dream-coding
      @dream-coding  4 года назад +1

      자신감이 생기셨다니 ❤️ 꼭 해보시구 나중에 포트폴리오 관련 영상 두개 제가 올려드린거 보시구 다른 웹사이트도 꼭 만들어 보세요 🙌 그럼 자신감 200퍼센트 더 향상 되실 꺼예요 하하

    • @insangcho8145
      @insangcho8145 4 года назад +1

      @@dream-coding 오늘의 목표 : 자신감 200% 향상시키기! 하하

  • @deankho2654
    @deankho2654 4 года назад +1

    혼자서 안보고 만드는데 두시간이 넘게 걸렸네요 ㅠㅠ 완성도도 높지않구요 .. 그래도 혼자 만들어보고 강의를 보니까 더 많은것을 얻을수있는거 같습니다. 강의봤으니 새롭게 다시 도전!할게요

    • @dream-coding
      @dream-coding  4 года назад

      와 강의 보고 또 다시 만들어 보신다니 정말 열심히 하시는것 같아요 🙌 화이팅!

  • @kimdh377
    @kimdh377 4 года назад +1

    엘리님!! 너무 감사합니다 :) 4월부터 bootcamp 들어가는데, 그 전에 예습하는 도중 엘리님을 만나서 너무 기쁘고 감사합니다 ㅠ_ㅠ!! 열심히 해서 나중에 현업에서 뵙기를 소망합니다 !

    • @dream-coding
      @dream-coding  4 года назад

      4월 부트캠프 들어가기 전에 예습을 이렇게 열심히 하시니, 꼭 능동적으로 다니셔서 좋은 성과를 이뤄내시길 응원하겠습니다 🙌 네~ 저 현업에서 기다리고 있을께요❤️

    • @MrPpippi
      @MrPpippi 3 года назад +1

      저도 6월말부터 부트캠프 시작하는데, 입학 시험 같은 과정들이 있었어요. 마지막 인터뷰 위해서는 제가 별도로 엘리쌤 강의 들으며, navbar 부분이요. 제 웹사이트 초본을 반응형으로 만들어 보여줬어요. 질문들이 있었는데, 앨리썜 강의에서 줏어들은 내용이라 대답도 잘 했고, Trainer 분이 아주 만족하셨고, 이대로 계속 공부하며 발전하길 기대한다고 하시더라고요. 앨리쌤 강의 알게되어 얼마나, 많은 도움을 받고 있는지 모릅니다. 또, 현업 개발자이시니, 신뢰가 가서, 말씀하시는 내용, 소개하시는 기술, 사이트들은 따로 디지털노트에 저장하며, 따라가고 있습니다.

  • @haribo._.2
    @haribo._.2 2 года назад

    2022.02.20 출석체크😀
    혼자 먼저 만들고 엘리님이 하는 것을 보며 리뷰하면서 여러 팁도 얻고 스스로 피드백도 할 수 있어서 좋았어요!

  • @winivon3488
    @winivon3488 4 года назад +2

    코딩 스타일 너무 깔끔하십니다. 많이 배워 습니다. 감사합니다.

    • @dream-coding
      @dream-coding  4 года назад

      코멘트 감사합니다 🙏🏼 아, 그리드 알려드리기로 했는데! 갑자기 기억이 났네요, 이전에 물어보신 곳에서 답변 달아드렸어요 🙌 화이팅!

  • @user-ht4wr2zl5d
    @user-ht4wr2zl5d 4 года назад +1

    아 이번강의 너무 좋은것 같습니다! 면접들 때문에 정신이 없어서 오랜만에 들렸네요ㅠㅜ😀

    • @dream-coding
      @dream-coding  4 года назад

      어멋~ 면접을 보고 계시나요? 잘되셨으면 좋겠어요! 제가 온힘을 담아 응원의 에너지를 팍팍 보내드릴께요 🤗 화이팅!!!!!!!!!

  • @user-vk9zy4oe5y
    @user-vk9zy4oe5y 4 года назад +1

    강의 보면서 따라하는데 3시간 정도, 강의 끝나고 혼자하는데 3시간 정도 걸렸어요... 아직 손이 느리지만 너무 재밌네요 !

    • @dream-coding
      @dream-coding  4 года назад

      재미있게 하신다니, 그게 키 포인트죠 ❤️ 코멘트 남겨 주셔서 감사해요~