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 저는 튜토리얼 용으로 간단하게 만들었지만, 직접 기능들을 더 추가해보시고, 확장해 보세요 :) 여기까지는 코딩의 코자도 아직 안한거예요~ 우리 정말 코딩의 세상, 자바스크립트에서 만나요 ❤️
저는 컴퓨터그래픽 영화 수퍼버이져인데 2005년 제로보드로 혼자 팀원들 소통 게시판 만들던 생각이 나네요. 이제는 게임엔진과 프론트 벡엔드 개발자들과 오픈 플랫폼 협업이 중요한 시대이고, 기획 아이디어가 중요한 시대인거 같네요 너무 잘 설명해주셔서 너무 감사합니다. 노하우 공유 안하는 사람 많은데 !!! 시대에 맞는 샘이세요~
전 은퇴 2년차 입니다.. IT 관리자에서 개발자로의 도전을 몸부림으로 극복 중에 있어요.. 너무 거창한가요? ㅋㅋㅋ 회사를 나와 다시 현업으로 돌아가려 여러가지 공부를 시작하였습니다.. 학원ㅇ.ㄹ 가야하나 고민 중에 엘리님 채널을 알게되었고 슬쩍슬쩍 영상을 넘기다 실전까지 왔내요..ㅋㅋㅋ 이야기 주신데로 실제 코딩으로 익혀야 할 때가 온 거 같아요..흑흑흑.. 코린이게겐 툴 사용도 넘어야 할 벽이네용..ㅋㅋ vi에 익했었던 저라..ㅎㅎ 찾아보니 플러그인이 있다더군요..ㅋㅋ 여러모도 험난하지만 해보렵니다.. 많이 도와주세요.. 감사합니다
반응형 헤더 만들기랑 유튜브 클론코딩 완료했습니다. CSS 강의까지 다 듣고 나서 연휴가 시작되어 오랜만에 가족모임 등을 하느라 조금 늦어지기는 했지만 짬짬이 그 동안 들었던 것들 복습하고 선물로 주셨던 게임들도 여러 번 해보니까 도움이 많이 되었네요. 우선 혼자 만들어보고 강의를 들으면서 확인 과정을 거치니까 새로 배웠던 부분들도 더욱 확실히 정리가 되었어요. 그리고 fontawesome과 googlefont 그리고 CSS var 변수같이 새로 알게된 것들도 있어서 앞으로 도움이 많이 될 것 같아요. 이제 한번 더 전체적으로 복습하고 이번에 만든 것들을 응용해서 연습 좀 더 해보고나서 자바스크립트 강의로 넘어가야겠어요. 좋은 강의 정말 감사드립니다.
3일만에 드디어 완성했습니다.. 감격 ㅠㅠ 처음엔 안보고 만들어봤는데 mark up이 개판이라 코드가 복잡해 보였습니다. 그래서 엘리님이 mark up 하는 과정을 참고해서 5번정도 웹페이지를 만들어보니 5번째에는 머리속에 구조가 잡히는게 느껴졌습니다. 대충 이해하고 넘어가고 싶었지만 시간 상관없이 이해가 완벽히 될때까지 하자는 마음으로 했습니다. 속도가 다른분들보다 느려 15시간이 걸렸지만 아주 만족스럽습니다 :)
다른 강의는 화면 전환이 너무 심하거나 진행 속도가 빨라서 내가 이해를 하면서 따라가는건지 그냥 따라 쓰는건지 많이 힘들었는데 , 입문자들을 위해 너무 친절하게 천천히 강의해주셔서 너무 좋았어요 앞으로도 자주 강의 보러 올게요 1일 1깡 ㄴㄴ 1일 1엘리 너무 좋은 강의 해주셔서 감사합니다 .
끝까지 다 봤습니다. 처음 볼 때는 외계인의 소리 같더니 앨리님의 다른 영상보고 다시 들이니까 무슨 말씀인 지 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세의 코딩 도전 댓글에 답글 주셔서 감사해요!
먼저 유료강의라해도 할 말 없는 친절하고 세세하게 구성 된 퀄리티 높은 수준급 강의, 현업에서 쓰이는 실무 경험 팁, IT업계의 선배, 인생의 선배로서의 현실적인 조언. 그리고 무엇보다 이런 가치있는 귀한 정보들을 아무런 대가없이 오직 구독과 좋아요 댓글만으로 저와같이 헤매고있는 친구들에게 단비같은 존재가 돼주시고 시청자 한 명 한 명 챙기며 진심어린 소통을 해주려하며 분명 현업에서도 바쁘게 일하시고 개인시간도 부족하실텐데 .. 단언컨데 이런 분은 엘리님밖에 없을겁니다 정말 감사드리고 존경하게됩니다👍👍 그리고 이전 영상들은 다 봐왔었지만 댓글 하나 남기지 못하고 눈팅하다 이제서야 작성합니다. 죄송합니다 ㅠㅠ 대신 벌로 다음 영상들 열심히 보며 공부하겠습니다 하하 그만 각설하고 엘리님! 사실 저 고민이 있습니다! 전 컴퓨터 소프트웨어과를 전공하고 3학년때까지 학교시험볼때만 벼락치기식으로 공부하며 하고싶어하는거 없이 어영부영 시간보내다가 꿈없이 올해 26살의 나이로 졸업했습니다 이제 26살 취준생이 되었고 뒤늦게 프론트엔드쪽으로 진로를 잡았는데 포트폴리오 준비해놓은거 하나없고 자신있는 프로그래밍 언어조차 없는.. 분명 전공자인데 비전공자와 다를게없는 제 상황을 보니 막막하더라구요 제 주변 사람들은 어디라도 지원해서 하나 둘 취업하고 월급받으며 사회생활 시작하는데 저는 아직 회사 지원조차 한번도 못해보고 회사에 지원할 수 있는 수준을 맞출려고 집에서 이러고 있습니다 (사실 회사 지원한번 안한건 지금 제 수준으로 어딜 지원 해 합격할 자신이 없어서 입니다) 뜬금없지만 저희 부모님은 제가 어릴 때 사고한번 안치고 혼자 잘 커와서 저한테 크게 뭐라 하신적없고 취업문제로 먼저 물어본적이 없으시거든요 제가 알아서 잘 할꺼라고 믿고계셔서.. 그런 부모님 마음을 잘 알기에 죄송스러워서라도 열심히 준비해서 취업하고 돈벌어서 맛있는거, 갖고싶어하시는거 사드리는게 제 목표인데 이런 저는 여기서 어떻게 준비 해야할까요 현재 제 상태는 html, css, javascript 정말 기본적인 이론만 공부한 상태입니다 제가 직접 혼자 힘으로 만들어본건 엘리님 채널에서 배운 반응형 nav 와 유튜브 클론코딩과 같은 정적 홈페이지가 전부입니다. 더 나아가 javascript를 이용해 동적인 홈페이지를 만들어보고싶은데 혼자 어떻게 접근해서 만들어야 할지 모르겠습니다 그리고 프론트엔드개발자로 취업하려면 어느정도의 기본 실력이 요구될까요? 즉, 어느정도 수준까지되어야(스킬이 있어야) 프론트엔드 구인하는 회사에 지원해서 합격할 가능성이 있을까요? (중소기업 생각중) html, css, javascript만 어느정도 다룰줄 알면 가능할까요? 아니면 react나 vue.js같은 프레임워크를 따로 공부해서 다뤄봐야 할까요? 저는 제 현재 수준을 알기에 지금 당장 중견기업이나 대기업은 바라보고 있지 않습니다. 중소기업에 들어가 경력과스킬, 프로젝트 실무경험을 쌓고 다른 회사로 이직하여 이전보다 더 많은 급여를받는 프론트엔드개발자의 길을 걷고싶습니다 그나저나 감사드린다는 의도로 쓰려는 댓글이 진지한 제 고민상담 댓글로 변질됐네요 😅😅.. 헐 글 쓰다보니 넘..길어졌.. 읽기 힘드시게 아무튼 저와같이 고민있는 시청자와 소통해주셔서 너무너무 감사드리고 영상 하나하나 정말 저에게 아~주아~~~~주!! 큰 도움이 되고있습니다!!! 글로 표현하기엔 제가 글솜씨가 부족해서 제 진심이 그대로 전해질까 모르겠네요ㅋㅋㅋ 끝으로 다시한번 감사드립니다!!
안녕하세요~ 찬우님, 먼저 긍정적인 피드백의 코멘트를 남겨 주셔서 감사해요 :) 그리구 컴공과 학부생 후배님이시네요 🙌 이론과 시험위주의 수업을 듣고 이제 취업을 준비해야 하는 막막함이 남겨주신 코멘트에서 느껴지네요. 찬우님과 동일한 고민을 가지신 구독자분들을 위해서 제가 이 영상을 만들었는데: ruclips.net/video/FbY5tmJ29ws/видео.html 자바스크립트 프로젝트 몇가지와 React, Vue를 이용한 프로젝트를 만들면서 포트폴리오를 만들어 나가시면 좋을 것 같아요. 코멘트에 다른 분들이 공유해주신 채용사이트 정보가 많으니, 프론트엔드로 검색하시면 어떤 회사에서 어떤 기술을 가진 사람들을 뽑는지 확인해 보시고 준비하시면 좋겠어요 포트폴리오 아이디는: ruclips.net/video/KJUdqPDAtTI/видео.html ruclips.net/video/3xRpjLZUBeo/видео.html 이 영상들을 한번 꼭 확인해 보셔서 좋은 아이디어를 찾으셨으면 좋겠어요 ❤️
이런 클론코딩은 어차피 보면서 멈추고 해보고 멈추고 해보고 해서, 영상의 길이보다는 내용의 퀄리티가 더 중요한것같아요! 길이 걱정안하셔도 되요 : ) 이렇게 알찬 영상 만들어주셔서 그저 감사할 따름입니다!! 길이 생각안나고 자꾸보고 공부하고 싶은 영상들입니다!! 영국에서 뺴박 집콕인 상황에서 한줄기 빛입니다. 감사합니다. 항상 건강 조심하세요 : )
직접 손으로 만들어가는게 아직 익숙하지 않은거 같아서. 우선 처음엔 다 보고 두번째에 선생님 설명을 조금 천천히 재생해 가면서 코딩을 해봤습니다. 선생님처럼 바로 안움직여서 멈추고 코딩 잘못된곳 찾아보고, 다시 쓰고..하면서 비슷하게 만들어진 걸 보니..단지 따라했을뿐인데 뭔가 완성되어있어서 너무 뿌듯했어요. 선생님 영상 따라하면서 와이어프레임 만들어서 태그지정이나 클래스이름 설정 같은것도 익숙해질것 같아서 너무 기대됩니다. 좋은 컨텐츠 너무 너무 감사합니다!!!!!
대박 원래 data scientist 생각하다가 대학 졸업즈음인 지금 느지막하게 프론트엔드 개발자로 진로를 틀었는데.. 이제 막 html css 개념 독학하고 있거든요. 그냥 할 때는 태그 개별적으로 배우니까 그닥 재미가 없었는데 이렇게 보니까 진짜 너무 재미있고 제가 하고싶은 쪽이 맞는 것 같아요..
@@dream-coding 와! 댓글 달아주셨다! 감사해요! youtube clone이나 navbar 만 만들때 유튜브 화면만 보고 만들기가 어렵더라구요~ (글자가 작아요ㅠㅠ) 그래서 만약 완성해야 하는 것의 풀사이즈 스크린샷이 있으면 좋겠다 싶은 생각을 했습니다. 감히 조언드려요ㅎ
두달전까지만 해도 강의 일시정지하고 재생했다가 일일히 보면서 치던 제가 드디어 !!! 혼자 안보고 다 만들었습니다 ㅠㅠㅠ 시간은 걸렸지만ㅎㅎㅎ 장족의 발전이라고 생각해요..! 그전만해도 코딩에 ㅋ도 몰랐는데 오늘 만들어진 사이트를 보면서 너무 뿌듯했습니다. 프론트엔드 개발자로 거듭나기위해 드림코딩도 결제했습니다 ㅎㅎㅎㅎ 앞으로 열ㅇ심히 ..ㅠ_ㅠ !!! 달려보겠습니다. Don't forget your dream!⭐️⭐️⭐️
출첵입니다! 입문편을 따라갈수록 기본 개념들이 익숙해지면서 이해력이 점점 높아지네요. 감사합니다 ㅎㅎ 50분짜리 영상을 보면서 느낀점은 해더, 비디오플레이어, 비디오 인포, 액션 등 나눠서 업로드되면 더 좋겠다는 생각을 해봤습니다! 호흡이 길긴 길더라구요 ㅠㅠ 엘리님도 힘드시고 ㅎㅎ 다음 html+css 연습 영상도 기대하겠습다 :) 항상 감사합니다!
2~3번 정도에 나누어서 다 봤습니다. 저는 프론트엔드 쪽으로 일을 하고 있지만 css 에는 굉장히 약해요 이전에는 무작정 html 작성하고 css 를 작성했었는데 이런 작업하기 전에 wire frame 을 작성하고 라벨링을 해주는게 작업 들어 갔을 때 굉장히 도움된다는 걸 느꼈어요 그리고 css 에 자주 사용할 칼라, 폰트 크기 등등을 미리 지정해주는 것도 처음 알았고 굉장히 유용하다는 걸 느꼈어요 제일 신박했던거는 flex box 만으로도 보기 좋은 레이아웃을 구성할 수 있다는 거였어요..(저희 서비스 페이지를 모바일에서도 잘 보이게 하고 싶어서 flex 로 도전했다가 실패한 적이 있습니다..ㅠㅠ) 일단 이 강의를 혼자서 다시 해보고 나서 sass 나 less 도 공부해보고 싶어졌어요 좋은 강의 너무나 감사합니다!! 새벽에 너무 고생 많으셨습니다!!
오웃! chul kim님 먼저 정말 감사합니다 🙏🏼 이렇게 나누어서라도 끝까지 다 보셨다니 정말 감사합니다❤️ 50분짜리라 엄청 걱정하면서 올렸거든요. 20분짜리로 줄일려고 사이트 만드는거에 관계없는 설명부분들을 다 잘라서 편집해 낼러다가 (네, 그 상관없는 부분들이 wireframe, sass, less, post css, 변수설정 등) 근대 그런 부분들이 도움이 되었다니 안지우고 그냥 50분짜리로 만드길 잘한거 같아요 🤣 그전에도 그런 아이들 몇개 편집해서 잘라내버렸는데, 조금 후회중이네요 😂 (너무 입문자분들이랑 안맞을것 같아서 다 잘라냄ㅋㅋㅋ) 프론트엔드쪽에서 일하고 계시는 분께도 도움이 되었다니 정말 다행이고, 영상 보신다고 고생하셨을텐데 이렇게 상세하게 코멘트 남겨 주셔서 정말 감합니다 ❤️
와.. 진짜 명강의가 무료라는 게 믿기지가 않네요ㅠ 정말 잘 보고 감사한 마음으로 잘 배웠습니다 ..ㅎ html 작성할때 태그들을 잘 묶어줘야 css작업할때 안 헷갈리고 잘 할 수 있겠네요ㅠㅠ 첨부터 따라하면서 해봤지만 내일 다시 최대한 혼자서 다시 해볼 생각입니다 막상 혼자하면 분명 어려울 거 같아서요.. 이젠 혼자서도 잘 해냈으면 하는 마음입니다ㅜ 잘해서 얼른 자바스크립트도 배우고싶네요 ㅎㅎ 다시 한번 이런 고퀄리티 강의들 항상 올려주셔서 감사합니다 (_ _)
엘리님. 안녕하세요. 35세에 입문하여 막막 했는데 좋은 영상들 덕분에 많은 도움이 되고 있습니다. 강의 중에 안전빵이라고 하셔서 빵 터졌습니다. ㅎㅎ 업무도 바쁘실텐데 이렇게 좋은 영상까지 만들어 올려주셔서 고맙습니다. 많은 사람들이 엘리님의 좋은 채널을 알게 돼서 저처럼 도움 됐으면 하네요. 언제나 건강하세요 :)
@@dream-coding 저는 DB 암호화엔지니어라서 데이터베이스에 있는 데이터를 암호화할 때는 데이터베이스가 서비스 오픈 중이면 일과시간외에 암호화할 때가 많아요 이거는 트렌젝션과 관련이 있어요 ㅎㅎ 데이터베이스가 아직 서비스가 오픈되지 않으면 업무시간에 암호화를 진행해요, 데이터베이스를 다루는 특성 상 서비스가 장애가 나면 않되기 때문에 급한 일은 시간 상관없이 일할 때도 가끔 있어요 ㅎㅎ 한달에 야근,특근 평균내면 2~3회 정도 되는거 같아요 저도 궁금한게 있는데 호주도 개인정보보호법상 데이터베이스의 내용을 암호화하도록 법적으로 의무화되어 있나요?
@@lucaskim3601 오! 기존에 존재하는 데이터베이스도 추가적으로 암호화 작업을 하는군요! 대단해요 🙌 저희 회사도 가끔 대용량의 데이터의 마이그레이션을 진행하거나 스냅샵 만들거나 등등 할때는 밤에 진행해요. 백엔드 엔지니어 중 몇명은 온콜을 돌아가면서 해서 온콜 한날 다음에는 무료 연차로 바꿔주거든요 (놔뒀다가 다음에 써두 되구요, 아 돈으로 받는 사람도 있어요) 법적으로 의무인지는, 모든 데이터를 다 암호화해서 저장하지는 않구요. 사용자의 정보나 민감한 데이터는 당연히 암호화해서 저장하는데 이게 법적으로 의무인지는 잘 모르겠네요 (아마 의무는 아닌걸로 알고 있어요) 이렇게 열심히 일하시면서 따로 프론트엔드를 공부하시는건가요? 대단하시네요 ❤️
@@dream-coding 어디에 어떻게 쓰일지도 모르는데 개념만 익히다 보면 그 끝이 어딘지 알수 없어 쉽게 지치는 듯 합니다. 저와 같은 초보 학습자들에게는요.. 엘리님 영상 몇 개를 보니 어디서 어떻게 쓰일지 뭘 배우면 좋을지 등을 서두에서 알려주시는 듯해서 그 점이 좋았습니다. 앞으로도 잘 챙겨 볼게요 ^^
엘리!! 새벽에 영상 찍느라 고생하셨어요 영상 너무 잘 보고 있어요:) 정말 영상미가 정말 최고에요! 색감이 특히 예뻐요! 항상 감사해요. 계속 복습해보고 제가 뭐가 막히는지에 대해 확인하다보니 이제는 조금 알 것 같아요! 엘리 덕분이에요. 아직 갈 길은 멀었지만 엘리 덕분에 겁내지 않고 앞으로 갈 수 있을 거 같아요. 정말정말 감사해요.:)
출첵 :) 1시간만에 만들면 정말... 좋았겠지만! 혼자 끙끙대며 이것저것 처음보는 기능은 또 쭉 훑어보고... 만드느라 3시간은 넘게 걸린 것 같아요. 그치만 확실히 만들면서 즐거워요! flex를 알고난 후 css 만지는 게 즐거워졌지 모예요 반대로 html 짜는 게 젤 어렵네요ㅋㅋㅋㅋ 태그를 뭘 써야할지부터... 와이어프레임 직접 노트에 그려가면서 클래스 이름짓기까지... 이것만해도 1시간은 넘게 고민한 것 같아요. 이제 다 만들었으니, 강의를 들으며 선생님 코드와 제 코드를 비교하며 필기해보려구 합니다~ 오늘도 좋은 강의 너무 감사드려요 :)
오~ 따뜻하고 긍정적인 피드백 정말 감사드려요 🙌 대학생이신데 학부수업외에 이렇게 따로 찾아가며 공부하시는거 같아 정말 제 마음이 다 뿌듯하네요 🤗 복습겸 프로젝트도 만들어 보셨다니, 정말 좋은 방법으로 공부 하고 계신거예요. 이해만 하고 넘어가는 사람과 직접 마들어 보는 사람의 실력차이는 1년, 5년뒤 엄청나답니다 ❤️ 화이팅!
저도 6월말부터 부트캠프 시작하는데, 입학 시험 같은 과정들이 있었어요. 마지막 인터뷰 위해서는 제가 별도로 엘리쌤 강의 들으며, navbar 부분이요. 제 웹사이트 초본을 반응형으로 만들어 보여줬어요. 질문들이 있었는데, 앨리썜 강의에서 줏어들은 내용이라 대답도 잘 했고, Trainer 분이 아주 만족하셨고, 이대로 계속 공부하며 발전하길 기대한다고 하시더라고요. 앨리쌤 강의 알게되어 얼마나, 많은 도움을 받고 있는지 모릅니다. 또, 현업 개발자이시니, 신뢰가 가서, 말씀하시는 내용, 소개하시는 기술, 사이트들은 따로 디지털노트에 저장하며, 따라가고 있습니다.
덕분에 반응형에 대한 개념을 좀 더 알아갈 수 있었습니다! 혹시 padding, margin, font 등 크기를 설정할 때 어떤 기준이 있으신가요? 임의적으로 적당한 사이즈를 넣는 것인지 아니면 컨벤션이 따로 있는 것인지 알고 싶습니다. 아니면 디자이너와 협업할 때 시안대로 사이즈를 작성하시나요 ?
현업에서는 디자이너가 제공해준 시안에 지정된 값을 사용하구요. 개인 프로젝트를 이용할때는 제가 적당한 사이즈를 넣는데, 그냥 아무 숫자나 넣는건 아니구 저는 Material Design Guidelines를 따라 가고 있어요. 예를 들어 스페이싱을 줄때 4배수로 넣고 (4, 8, 12, 16..) 그리고 간격은 최소 16dp가 좋고 버튼은 최소 32dp (아, 48dp 였나? 기억이 가물) 쓰고. 딱히 이런 숫자를 따라하야 하는건 아니구요 :) 사용자가 쓸때 편리한지, 마우스로 쓸때 괜찮은지, 터치디바이스 (폰, 태블릿)에서 손가락으로 눌렀을때 적당한 크기 인지를 보고 일정한 값을 프로젝트에서 쓰는게 중요해요 🤗 머테리얼 디자인에 대해 더 공부해 보고 싶으시다면: material.io/design/layout/understanding-layout.html#usage
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
저는 튜토리얼 용으로 간단하게 만들었지만, 직접 기능들을 더 추가해보시고, 확장해 보세요 :)
여기까지는 코딩의 코자도 아직 안한거예요~ 우리 정말 코딩의 세상, 자바스크립트에서 만나요 ❤️
이 영상 내용이 혜자네요 ㅠㅠ 알찬 내용 항상 감사드립니다~~ 엘리님
끝까지 다 볼께요. 일일 3영상 시청하니 이제 끝이 얼마 안남았네요. 다보면 유료강의로 넘어갑니다!
이제 퍼블리셔랑 싸울수 있게 되었어요!!!?????
엘리님 오랜만에 또 봤는데도 재밌네요. backend 개발자인데 퍼블리싱 영상을 너무 재밌게 만드셔서 자꾸 보게되네요. 감사합니다.
저는 컴퓨터그래픽 영화 수퍼버이져인데
2005년 제로보드로 혼자 팀원들 소통 게시판 만들던 생각이 나네요. 이제는 게임엔진과 프론트 벡엔드 개발자들과 오픈 플랫폼 협업이 중요한 시대이고, 기획 아이디어가 중요한 시대인거 같네요
너무 잘 설명해주셔서
너무 감사합니다.
노하우 공유 안하는 사람 많은데 !!!
시대에 맞는 샘이세요~
전 은퇴 2년차 입니다..
IT 관리자에서 개발자로의 도전을 몸부림으로 극복 중에 있어요.. 너무 거창한가요? ㅋㅋㅋ
회사를 나와 다시 현업으로 돌아가려 여러가지 공부를 시작하였습니다.. 학원ㅇ.ㄹ 가야하나 고민 중에 엘리님 채널을 알게되었고 슬쩍슬쩍 영상을 넘기다 실전까지 왔내요..ㅋㅋㅋ
이야기 주신데로 실제 코딩으로 익혀야 할 때가 온 거 같아요..흑흑흑.. 코린이게겐 툴 사용도 넘어야 할 벽이네용..ㅋㅋ vi에 익했었던 저라..ㅎㅎ
찾아보니 플러그인이 있다더군요..ㅋㅋ
여러모도 험난하지만 해보렵니다.. 많이 도와주세요.. 감사합니다
쌤... 최고에요... 이런 선생님은 없었읍니다.ㄷㄷㄷ 그리고 영상길어지는거 절대 신경쓰지 마셔유ㅜㅜ 긴거 더좋아합니다. 배울땐 TMI가 좋아요ㅜㅜ 다들 저랑 같을겁니당
하하하 감사해요 ❤️
진짜 코딩유투버중에 제일 좋음 ㅠ
진짜 부족한거 하나도 없고 도움 정말 많이 됐어요..! 속에 묵혀있던 고구마 내려가는 느낌.. 그 어느 유튜버도 이렇게 설명해주진 않아서 엄청 답답했었는데.. 정말 감사합니다.!
당신은 퇴사하구 이직준비하는 저에게 한줄기 빛같은 존재입니다.
예제를 보면서 따라 만들기 하니까 긴 영상 끝까지 보는데 지루하지가 않네요. 앞으로 클론코딩 씨리즈로 나오면 좋겠어요. 영상 감사합니다.
반응형 헤더 만들기랑 유튜브 클론코딩 완료했습니다. CSS 강의까지 다 듣고 나서 연휴가 시작되어 오랜만에 가족모임 등을 하느라 조금 늦어지기는 했지만 짬짬이 그 동안 들었던 것들 복습하고 선물로 주셨던 게임들도 여러 번 해보니까 도움이 많이 되었네요. 우선 혼자 만들어보고 강의를 들으면서 확인 과정을 거치니까 새로 배웠던 부분들도 더욱 확실히 정리가 되었어요. 그리고 fontawesome과 googlefont 그리고 CSS var 변수같이 새로 알게된 것들도 있어서 앞으로 도움이 많이 될 것 같아요. 이제 한번 더 전체적으로 복습하고 이번에 만든 것들을 응용해서 연습 좀 더 해보고나서 자바스크립트 강의로 넘어가야겠어요. 좋은 강의 정말 감사드립니다.
와 이렇게 따뜻하고 긍정적인 피드백을 상세하게 남겨 주셔서 정말 감사합니다.
코멘트 작성하시는것도 시간이 들텐데 이렇게 정성스러운 코멘트작성해 주셔서 감사합니다 ❤️ 배우신것을 토대로 한발작 더 원하시는곳으로 다가가셨으면 좋겠어요 🤗
3일만에 드디어 완성했습니다.. 감격 ㅠㅠ
처음엔 안보고 만들어봤는데 mark up이 개판이라 코드가 복잡해 보였습니다. 그래서 엘리님이 mark up 하는 과정을 참고해서 5번정도 웹페이지를 만들어보니 5번째에는 머리속에 구조가 잡히는게 느껴졌습니다.
대충 이해하고 넘어가고 싶었지만 시간 상관없이 이해가 완벽히 될때까지 하자는 마음으로 했습니다. 속도가 다른분들보다 느려 15시간이 걸렸지만 아주 만족스럽습니다 :)
와 3일 동안 포기 하지 않고 만드시는 그 열정 🙌 항상 응원합니다
감사합니다. html, css ,js 생활코딩으로 학습한 뒤 써먹을 곳이 없어서 클론코딩을 찾아보다가 정말 수준 높은 강의를 접하게 되었네요. 코딩하면서 한층 더 성장한 것 같습니다. 정말 감사합니다.
프론트엔드 강의 정주행하다가 여기서 댓글 달아요ㅎㅎ HTML CSS 개념만 배웠을때는 뜬구름 잡는 이야기였는데 이렇게 사이트를 만드니까 머리에 확들어와요... 들숨에 재력을, 날숨에 건강을 얻으시길!
녕녕이님 코멘트와 좋은 멘트 감사해요 🙌 건강을 얻어야겠어요 하하 요즘 잠이 부족해서 감기에 걸려서 고생중이거든요 ㅠ ㅠ ㅋㅋ
드림코딩 by 엘리 아이고ㅜㅜ 잠도 푹 자시고 감기도 얼른 나으세요~!!
다른 강의는 화면 전환이 너무 심하거나 진행 속도가 빨라서 내가 이해를 하면서 따라가는건지 그냥 따라 쓰는건지 많이 힘들었는데 , 입문자들을 위해 너무 친절하게 천천히 강의해주셔서 너무 좋았어요 앞으로도 자주 강의 보러 올게요 1일 1깡 ㄴㄴ 1일 1엘리 너무 좋은 강의 해주셔서 감사합니다 .
1일1깡 좋은 코멘트 감사합니다 ❤️
영상을 보다 보니 지난 헤더 만드는 강의에서 있었던 오류도 다시 확인해보고 너무 좋았어요. 주말 동안 복습하면서 혼자 만들어볼게요. 정말 감사합니다! 오늘도 출석체크 해요. 즐거운 주말 되세요!
이런 강의를 무료로 들을 수 있다니 정말 축복받은 기분이네요. 너무나도 감사합니다ㅠㅠ
축복이라니, 이렇게 좋은 코멘트 남겨 주시는 구독자님이 있어서 제가 더 축복 받은거 같아요 ❤️
최근 막 학교를 졸업후 개발직을 알아보고있는 졸업생입니다.
좋은 영상들 잘 보고 가요 !
끝까지 다 봤습니다. 처음 볼 때는 외계인의 소리 같더니 앨리님의 다른 영상보고 다시 들이니까 무슨 말씀인 지 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세의 코딩 도전 댓글에 답글 주셔서 감사해요!
알람 뜨자마자 왔어요! 선댓글 후감상 입니다! 감사합니다!!
항상 1등 하시는거 같아요 🙌 감사합니다 🙏🏼
먼저 유료강의라해도 할 말 없는 친절하고 세세하게 구성 된 퀄리티 높은 수준급 강의, 현업에서 쓰이는 실무 경험 팁, IT업계의 선배, 인생의 선배로서의 현실적인 조언.
그리고 무엇보다 이런 가치있는 귀한 정보들을 아무런 대가없이 오직 구독과 좋아요 댓글만으로 저와같이 헤매고있는 친구들에게 단비같은 존재가 돼주시고
시청자 한 명 한 명 챙기며 진심어린 소통을 해주려하며 분명 현업에서도 바쁘게 일하시고 개인시간도 부족하실텐데 .. 단언컨데 이런 분은 엘리님밖에 없을겁니다
정말 감사드리고 존경하게됩니다👍👍
그리고 이전 영상들은 다 봐왔었지만 댓글 하나 남기지 못하고 눈팅하다 이제서야 작성합니다. 죄송합니다 ㅠㅠ 대신 벌로 다음 영상들 열심히 보며 공부하겠습니다
하하 그만 각설하고
엘리님! 사실 저 고민이 있습니다!
전 컴퓨터 소프트웨어과를 전공하고 3학년때까지 학교시험볼때만 벼락치기식으로 공부하며 하고싶어하는거 없이 어영부영 시간보내다가 꿈없이 올해 26살의 나이로 졸업했습니다
이제 26살 취준생이 되었고 뒤늦게 프론트엔드쪽으로 진로를 잡았는데 포트폴리오 준비해놓은거 하나없고 자신있는 프로그래밍 언어조차 없는..
분명 전공자인데 비전공자와 다를게없는 제 상황을 보니 막막하더라구요
제 주변 사람들은 어디라도 지원해서 하나 둘 취업하고 월급받으며 사회생활 시작하는데
저는 아직 회사 지원조차 한번도 못해보고 회사에 지원할 수 있는 수준을 맞출려고 집에서 이러고 있습니다 (사실 회사 지원한번 안한건 지금 제 수준으로 어딜 지원 해 합격할 자신이 없어서 입니다)
뜬금없지만 저희 부모님은 제가 어릴 때 사고한번 안치고 혼자 잘 커와서 저한테 크게 뭐라 하신적없고 취업문제로 먼저 물어본적이 없으시거든요 제가 알아서 잘 할꺼라고 믿고계셔서..
그런 부모님 마음을 잘 알기에 죄송스러워서라도 열심히 준비해서 취업하고 돈벌어서 맛있는거, 갖고싶어하시는거 사드리는게 제 목표인데 이런 저는 여기서 어떻게 준비 해야할까요
현재 제 상태는 html, css, javascript 정말 기본적인 이론만 공부한 상태입니다
제가 직접 혼자 힘으로 만들어본건 엘리님 채널에서 배운 반응형 nav 와 유튜브 클론코딩과 같은 정적 홈페이지가 전부입니다.
더 나아가 javascript를 이용해 동적인 홈페이지를 만들어보고싶은데 혼자 어떻게 접근해서 만들어야 할지 모르겠습니다
그리고 프론트엔드개발자로 취업하려면 어느정도의 기본 실력이 요구될까요? 즉, 어느정도 수준까지되어야(스킬이 있어야) 프론트엔드 구인하는 회사에 지원해서 합격할 가능성이 있을까요?
(중소기업 생각중)
html, css, javascript만 어느정도 다룰줄 알면 가능할까요? 아니면 react나 vue.js같은 프레임워크를 따로 공부해서 다뤄봐야 할까요?
저는 제 현재 수준을 알기에 지금 당장 중견기업이나 대기업은 바라보고 있지 않습니다. 중소기업에 들어가 경력과스킬, 프로젝트 실무경험을 쌓고 다른 회사로 이직하여 이전보다 더 많은 급여를받는 프론트엔드개발자의 길을 걷고싶습니다
그나저나 감사드린다는 의도로 쓰려는 댓글이 진지한 제 고민상담 댓글로 변질됐네요 😅😅..
헐 글 쓰다보니 넘..길어졌.. 읽기 힘드시게
아무튼 저와같이 고민있는 시청자와 소통해주셔서 너무너무 감사드리고 영상 하나하나 정말 저에게 아~주아~~~~주!! 큰 도움이 되고있습니다!!!
글로 표현하기엔 제가 글솜씨가 부족해서 제 진심이 그대로 전해질까 모르겠네요ㅋㅋㅋ 끝으로 다시한번 감사드립니다!!
안녕하세요~ 찬우님, 먼저 긍정적인 피드백의 코멘트를 남겨 주셔서 감사해요 :) 그리구 컴공과 학부생 후배님이시네요 🙌
이론과 시험위주의 수업을 듣고 이제 취업을 준비해야 하는 막막함이 남겨주신 코멘트에서 느껴지네요.
찬우님과 동일한 고민을 가지신 구독자분들을 위해서 제가 이 영상을 만들었는데:
ruclips.net/video/FbY5tmJ29ws/видео.html
자바스크립트 프로젝트 몇가지와 React, Vue를 이용한 프로젝트를 만들면서 포트폴리오를 만들어 나가시면 좋을 것 같아요. 코멘트에 다른 분들이 공유해주신 채용사이트 정보가 많으니, 프론트엔드로 검색하시면 어떤 회사에서 어떤 기술을 가진 사람들을 뽑는지 확인해 보시고 준비하시면 좋겠어요
포트폴리오 아이디는:
ruclips.net/video/KJUdqPDAtTI/видео.html
ruclips.net/video/3xRpjLZUBeo/видео.html
이 영상들을 한번 꼭 확인해 보셔서 좋은 아이디어를 찾으셨으면 좋겠어요 ❤️
처음 힌트만 보고 혼자 만들어 볼려고 4시간 고통 받다가 강의보니 확실히 도움이 되네요! 앞으로 3번 정도만 다시해보면 완전히 제 것으로 만들 수 있을거 같아요
드림코딩님 영상 보며 코딩꿈나무 꿈꾸는 40대 입니다. 듣기 좋고 귀에 쏙쏙 박히는 명강의 감사해요.
이런 클론코딩은 어차피 보면서 멈추고 해보고 멈추고 해보고 해서, 영상의 길이보다는 내용의 퀄리티가 더 중요한것같아요! 길이 걱정안하셔도 되요 : ) 이렇게 알찬 영상 만들어주셔서 그저 감사할 따름입니다!! 길이 생각안나고 자꾸보고 공부하고 싶은 영상들입니다!! 영국에서 뺴박 집콕인 상황에서 한줄기 빛입니다. 감사합니다. 항상 건강 조심하세요 : )
아 영국에 계세요? 요즘 코로나로 저두 빼박이라 특히 날씨 좋은 날에는 울면서 집에 있는 답니다 :) 이렇게 사려깊고 따뜻한 코멘트 정말 감사드려요 🙌 이렇게 무한 긍정의 코멘트로 더 힘내서 영상을 만들 수 있는 것 같아요 🤗
오와…진짜 강의 흐름이 체계적이고 최종흐름이 기본기를 튼튼히 다지는 웹개발자 되도록 이끌어주는 커리큘럼이라고 느낍니다 역시 믿고 듣는 엘리언니🦊💙
직접 손으로 만들어가는게 아직 익숙하지 않은거 같아서. 우선 처음엔 다 보고 두번째에 선생님 설명을 조금 천천히 재생해 가면서 코딩을 해봤습니다. 선생님처럼 바로 안움직여서 멈추고 코딩 잘못된곳 찾아보고, 다시 쓰고..하면서 비슷하게 만들어진 걸 보니..단지 따라했을뿐인데 뭔가 완성되어있어서 너무 뿌듯했어요. 선생님 영상 따라하면서 와이어프레임 만들어서 태그지정이나 클래스이름 설정 같은것도 익숙해질것 같아서 너무 기대됩니다. 좋은 컨텐츠 너무 너무 감사합니다!!!!!
진짜 너무 감사합니다! 웬만한 유료 강의들보다도 훨씬 나아요! 덕분에 너무 잘배우고 있습니다 ㅎㅎㅎ 열심히해서 꼭 조만간 프론트엔드 개발자로 일해보겠습니다
유료 강의 보다도 낫다니 🥰 감사합니다! 현업에거 기다리고 있을께요 ❤️
@@dream-coding 저두요 쌤 ! ❤🤾
대박 원래 data scientist 생각하다가 대학 졸업즈음인 지금 느지막하게 프론트엔드 개발자로 진로를 틀었는데.. 이제 막 html css 개념 독학하고 있거든요. 그냥 할 때는 태그 개별적으로 배우니까 그닥 재미가 없었는데 이렇게 보니까 진짜 너무 재미있고 제가 하고싶은 쪽이 맞는 것 같아요..
지금 뭐 아무것도 해본 적 없는 생초짜인데도 이해가고 재밌어요 ㅜㅜ
현기증 나니까 다음꺼도 얼른이요!!!! 초보자 인데 이때까지 본 강의중 제일 좋은거 같아요!
코멘트 정말 감사합니다 🙌 얼마전 다른 구독자분께서 쓰신 문구인데 "현기증 나니까" 이거 휴행어 인가요? ㅋㅋㅋ (ㅇ ㅏ 한국문화랑 멀어진 이 느낌 🤣)
태어나서 유투브 댓글 처음 달아봐요. 새벽에 찍으셨다고 하셨는데 너무 친절하게 알려주시네요! 화이팅!
와 댓글 처음 달아 주시는것이 드림코딩 채널이라 영광입니다. 감사합니다 ❤️
@@dream-coding 와! 댓글 달아주셨다! 감사해요! youtube clone이나 navbar 만 만들때 유튜브 화면만 보고 만들기가 어렵더라구요~ (글자가 작아요ㅠㅠ) 그래서 만약 완성해야 하는 것의 풀사이즈 스크린샷이 있으면 좋겠다 싶은 생각을 했습니다. 감히 조언드려요ㅎ
기본적인 내용 뿐 아니라 실무에서 어떤식으로 적성하시는지 보여주셔서 너무 좋습니다 ㅎ 프론트 개발을 하고 있지만 퍼블리싱이 부족해서 보고 있는데 목소리도 차분하고 좋으시면서 마크업을 깔끔을 잘 짜주셔서 감사합니다. 정말 엘리님 덕분에 많이 배워갑니다
좋은 피드백 정말 감사합니다 ❤️
정말 유용하게 잘 봤습니다. ^^ 1년전 새벽시간에 촬영하느라 고생하셨어요. ^^
쫌 어려운데 좋아요. 동기부여 빡빡돼요. 설명없이 혼자 만들 수있게 공부 더 열심히 할거에요. 드림코딩님 넘 멋져요ㅠㅠㅠ
복습하면서 보고있는데 유튜브 클론코딩은 지금 처음 듣고 있어요!! 스타트업에서 인턴하면서 디자이너겸 웹개발자분이 자기는 모바일부터 반응형 맞춘다고 해서 모바일을 먼저하는 방식도 있구나! 했는데 여기서도 보게되네요 ㅋㅋㅋㅋ 정말 도움 많이됩니다!!!
시원하게 긁어주시네요!!! 궁금했던 점을 어찌 그리 잘 아시고!! 모든 수업 이수하겠습니다!! 감사합니다🙏
강좌 퀄리티가 너무 좋습니다. 이정도면 모 인강 빰치는 내용인데요...
엘리쌤.. 프론트엔드 강좌 계의 혁신을 이루셨습니다..
너무 감사합니다.
하하 좋은 말씀 감사해요 ♥️
오늘도 출석체크! 클론코딩 너무 좋아요ㅠㅠ 강의듣고 한번, 혼자 하면서 한번, 강의없이 한번, 완성후 고치면서 한번! 다섯번은 더 볼 강의ㅠㅠ 꼼꼼왕 엘리님 최고에요ㅠㅠㅠㅠ
너무 잘 봤습니다!
혼자 작업할 때는 3시간 정도 걸렸던 것 같아요.
좋은 영상 감사합니다!
덕분에 꾸준히 공부하며 새로운 것들을 배워가고 있어요!
이번 프로젝트에서 배운 것들
1. CSS에서 자주 사용하는 값들은 변수로 지정
2. CSS line-clamp
백엔드개발자인데 요즘 프론트 개발로 전향중이어서 엘리님 강의자료를 참고하여 공부하고 있습니다. 너무 좋은 자료 고맙습니다.
두달전까지만 해도 강의 일시정지하고 재생했다가 일일히 보면서 치던 제가
드디어 !!! 혼자 안보고 다 만들었습니다 ㅠㅠㅠ 시간은 걸렸지만ㅎㅎㅎ
장족의 발전이라고 생각해요..! 그전만해도 코딩에 ㅋ도 몰랐는데 오늘 만들어진 사이트를 보면서 너무 뿌듯했습니다.
프론트엔드 개발자로 거듭나기위해 드림코딩도 결제했습니다 ㅎㅎㅎㅎ 앞으로 열ㅇ심히 ..ㅠ_ㅠ !!! 달려보겠습니다.
Don't forget your dream!⭐️⭐️⭐️
와!!!! 이제 혼자 안보고 다 만드셨다니 저 너무 감동의 물결이 👍
열심히 노력하신 결과이겠지요? 너무 대견합니다 ❤️
강의 내용이랑 디자인도 좋은데 발성이랑 전달력이 강사 뺨치시네요 크
출첵입니다! 입문편을 따라갈수록 기본 개념들이 익숙해지면서 이해력이 점점 높아지네요. 감사합니다 ㅎㅎ 50분짜리 영상을 보면서 느낀점은 해더, 비디오플레이어, 비디오 인포, 액션 등 나눠서 업로드되면 더 좋겠다는 생각을 해봤습니다! 호흡이 길긴 길더라구요 ㅠㅠ 엘리님도 힘드시고 ㅎㅎ 다음 html+css 연습 영상도 기대하겠습다 :) 항상 감사합니다!
네 ㅠ ㅠ 그래서 아카데미에서는 나눠서 올리고 있는데 유튜브는 너무 나눠서 올리면 이 영상으로 도배 할까봐 😭
@@dream-coding 자바스크립트 기초 강의 까지 다 듣고 아카데미로 넘어가봐야겠어요!
늦은 새벽에 고생 많았습니다. 복습을 통해 안보고도 만들 수 있게 해야겠네요. 감사합니다. ^^
감사합니다 🙌
동영상 잘 보고 있습니다.
꾸준히 봐서 최신까지 따라가겠습니다.
앞으로도 잘 부탁드립니다. 감사합니다.
오오 후감상 선댓글입니닷!! 날잡아 각잡고 봐야겠어요! 감사하니당~~~좋아요!
하하 나중에 보시고, 어땠는지 알려주시면 감사하겠습니다 🙏🏼 (꼭 먼저 스스로 해보실꺼죠? 😜)
2~3번 정도에 나누어서 다 봤습니다.
저는 프론트엔드 쪽으로 일을 하고 있지만 css 에는 굉장히 약해요
이전에는 무작정 html 작성하고 css 를 작성했었는데
이런 작업하기 전에 wire frame 을 작성하고 라벨링을 해주는게 작업 들어 갔을 때 굉장히 도움된다는 걸 느꼈어요
그리고 css 에 자주 사용할 칼라, 폰트 크기 등등을 미리 지정해주는 것도 처음 알았고 굉장히 유용하다는 걸 느꼈어요
제일 신박했던거는 flex box 만으로도 보기 좋은 레이아웃을 구성할 수 있다는 거였어요..(저희 서비스 페이지를 모바일에서도 잘 보이게 하고 싶어서 flex 로 도전했다가 실패한 적이 있습니다..ㅠㅠ)
일단 이 강의를 혼자서 다시 해보고 나서 sass 나 less 도 공부해보고 싶어졌어요
좋은 강의 너무나 감사합니다!! 새벽에 너무 고생 많으셨습니다!!
오웃! chul kim님 먼저 정말 감사합니다 🙏🏼
이렇게 나누어서라도 끝까지 다 보셨다니 정말 감사합니다❤️ 50분짜리라 엄청 걱정하면서 올렸거든요. 20분짜리로 줄일려고 사이트 만드는거에 관계없는 설명부분들을 다 잘라서 편집해 낼러다가 (네, 그 상관없는 부분들이 wireframe, sass, less, post css, 변수설정 등) 근대 그런 부분들이 도움이 되었다니 안지우고 그냥 50분짜리로 만드길 잘한거 같아요 🤣
그전에도 그런 아이들 몇개 편집해서 잘라내버렸는데, 조금 후회중이네요 😂 (너무 입문자분들이랑 안맞을것 같아서 다 잘라냄ㅋㅋㅋ)
프론트엔드쪽에서 일하고 계시는 분께도 도움이 되었다니 정말 다행이고, 영상 보신다고 고생하셨을텐데 이렇게 상세하게 코멘트 남겨 주셔서 정말 감합니다 ❤️
혼자 엉망으로 만든 다음에 영상 보면서 수정했어요ㅋㅋㅋㅋ 제 생각보다 더 세세하게 나누어야한다는 것과, 사소한 오타도 조심해야한다는 걸 깨달았습니다.. 재미있게 잘 보고 갑니다!
일단 편안하게 영상 쭉 잘보았습니다~^^ 새벽에 촬영하셨다고하셨다는데 정말 고생 많으셨어요
실전에서도 뵙네요 :) 감사합니다 🙌🏼
와.. 진짜 명강의가 무료라는 게 믿기지가 않네요ㅠ 정말 잘 보고 감사한 마음으로 잘 배웠습니다 ..ㅎ html 작성할때 태그들을 잘 묶어줘야 css작업할때 안 헷갈리고 잘 할 수 있겠네요ㅠㅠ 첨부터 따라하면서 해봤지만 내일 다시 최대한 혼자서 다시 해볼 생각입니다 막상 혼자하면 분명 어려울 거 같아서요.. 이젠 혼자서도 잘 해냈으면 하는 마음입니다ㅜ 잘해서 얼른 자바스크립트도 배우고싶네요 ㅎㅎ 다시 한번 이런 고퀄리티 강의들 항상 올려주셔서 감사합니다 (_ _)
정성스럽게 작성 해주신 코멘트 정말 감사드려요 🤗
이렇게 쉽고 간결한 코딩을 알려주시다니..
어떻게 감사를 드려야 할지 모르겠어서 댓글남깁니다.
감사합니다~
js와 애니메이션도 기대됩니다!
우와 너무 고마워요! 50분 동안 즐거울 거 같아요!~ 꼭 완수하고 싶은 챌린지네요. 힘 내시라고 응원 덧글 뿜뿜 남기고 가요 ' ~'
코멘트 먼저 남겨주셔서 감사합니다 🙌 꼭 해보시고 어땠는지, 조금이라도 도움이 되었는지 부족하거나 피드백이 있다면 알려주시면 정말 감사할것 같습니다 ❤️
시간 가는줄 모르고 했네요
내일은 포트폴리오 클론코딩 해보려고합니다
감사합니다!~
강의에서 만나요 ❤️
영상이 길어진다고 시청자들이 지루해할거라는 관념은 버려주시옵소서.. 이런 꿀강의는 1시간은 커녕 3시간도 집중해서 시청 가능하답니다.. :D
미뉴님 감사해요 ❤️
엘리님. 안녕하세요.
35세에 입문하여 막막 했는데 좋은 영상들 덕분에 많은 도움이 되고 있습니다.
강의 중에 안전빵이라고 하셔서 빵 터졌습니다. ㅎㅎ
업무도 바쁘실텐데 이렇게 좋은 영상까지 만들어 올려주셔서 고맙습니다.
많은 사람들이 엘리님의 좋은 채널을 알게 돼서 저처럼 도움 됐으면 하네요.
언제나 건강하세요 :)
기계적으로 부트스트랩 같은 프레임웍의 테마만 기웃거리던 자신을 반성하며 열중하며 본 너무나 유익하고 재미있는 강좌였습니다! 어디나 마찬가지겠지만 프론트엔드쪽은 꼼꼼하고 부지런한 성격이 필요한 거 같네요^^ 감사합니다. 엘리님
다른거 하느라 유튜브는 안하고 넘어갔는데 역시 다 해보야겠어요. 항상 느끼지만 다른 유튜버분들 보다 영상이 깔끔한 거 같아서 좋아요!
동민님, 항상 좋은 코멘트 감사합니다 🙌
이번 강의로 함께 만들어보니 ~ 자신감이 조금씩 생기는 것 같아요!! 항상 감사합니다 ;)
오늘도 출석!
비록 시간은 더 많이 걸렸지만 시작 전에 말씀하신 대로 강의 전후로 혼자서 고민하고 해보니까,
확실히 부족한 게 무엇인지, 어떤 걸 몰랐는지 더 알 것 같아요!
항상 감사합니다!! X)
와 혼자할때 좀 어려웠는데 강의듣고나니까 속이 시원하네 감사합니다
엘리님 덕에 요즘 너무 잼있는 도전을 해봅니다. 정말 고맙습니다~
꺼져가는 저의 불씨를 지펴주셨어요!! 학원에서 수업은 듣고 있지만 뭔가 개념이 정리가 되지 않는 느낌이였는데
흩어져있던 개념들이 조금씩 정리되어가는거 같아용!!
최고의 강의입니다. 배울수록 얼른 써먹어보고싶다는 생각이 뿜뿜하네요 감사합니다 적게 일하고 많이 버시길 바랍니다❤
26:06 순수CSS를 쓰면서 얼마나 힘든지 몸소 겪어보는것도 중요하다.. 정말 많이 와닿네요
엘리쌤 발견하기전에 혼자 독학하면서 와닿지가 않아 힘들었어요ㅠㅡㅠ 이 영상 하나로 전체가 이해되면서 자신감이 생겼습니다 ! 훌륭한 영상들 감사합니다♡♡♡ 자바스크립트도 열심히 배워볼게요 !! :D
전체가 이해 되는 그 느낌!! 그것이 정말 중요 한것 같아요. 자세한 태그들 다 알아놔도 막상 웹사이트 혼자서 못 만들면 무슨 소용인가요? 자세한거는 몰라도 찾아가면서 하면 되니깐 전체적인것을 아는것이 정말 중요한것 같아요 ❤️
출첵합니다👍👍
flex 없었으면 어쩔뻔.. 이라는 생각과 리액트도 너무 궁금해지네요 좋은강의 감사합니다!!
너무 감사합니다 엘리쌤!! 더 일찍 볼걸 그랬어여 그래도 지금이라도 본 것에 감사하고 열심히 겅부하겠습니당
먼저 영상 한번 보고나서 혼자 끄적끄적하고, 그 후에 또 다시 영상 보고 복기했어요! 너무 많은 도움이 되었어요 감사해요
썜 진짜 강의 너무 좋아요!! 하나하나 알아가는 것도 신기하고 정말 제가 배우고 있다는게 느껴져요! 책만 봤을땐 몰랐는데 사이트 만드는 게 정말 재밌다는 생각까지 드네용!ㅎㅎ
이번엔 유튜브 사이트를 만들 수 있다니!! 헤더편도 만든거 신기했지만 유튜브처럼 만들면 더 있어 보일 것 같아요. ㅎㅎ 아 그리고 ㅎㅎ
엘리님 라이브 영상도 잘 봤어요 ~ ㅎㅎ 상사분 애기할 때 표현을 너무 잘하셔서 진짜 제가 거기 있는 것처럼 상상이 되었어요~ ㅋㅋ
회사 일로 바쁘실텐데 라이브에 오셔서 첨부터 끝까지 함께 해 주셔서 감사해요~ ❤️
필드엔지니어쪽은 야근이랑 특근 많이 하나요~?
(아, 그리고 유튜브 실전편에 오신걸 환영합니다 🤗)
@@dream-coding 저는 DB 암호화엔지니어라서 데이터베이스에 있는 데이터를 암호화할 때는 데이터베이스가 서비스 오픈 중이면 일과시간외에 암호화할 때가 많아요 이거는 트렌젝션과 관련이 있어요 ㅎㅎ 데이터베이스가 아직 서비스가 오픈되지 않으면 업무시간에 암호화를 진행해요, 데이터베이스를 다루는 특성 상 서비스가 장애가 나면 않되기 때문에 급한 일은 시간 상관없이 일할 때도 가끔 있어요 ㅎㅎ 한달에 야근,특근 평균내면 2~3회 정도 되는거 같아요
저도 궁금한게 있는데 호주도 개인정보보호법상 데이터베이스의 내용을 암호화하도록 법적으로 의무화되어 있나요?
@@lucaskim3601 오! 기존에 존재하는 데이터베이스도 추가적으로 암호화 작업을 하는군요! 대단해요 🙌
저희 회사도 가끔 대용량의 데이터의 마이그레이션을 진행하거나 스냅샵 만들거나 등등 할때는 밤에 진행해요. 백엔드 엔지니어 중 몇명은 온콜을 돌아가면서 해서 온콜 한날 다음에는 무료 연차로 바꿔주거든요 (놔뒀다가 다음에 써두 되구요, 아 돈으로 받는 사람도 있어요)
법적으로 의무인지는, 모든 데이터를 다 암호화해서 저장하지는 않구요. 사용자의 정보나 민감한 데이터는 당연히 암호화해서 저장하는데 이게 법적으로 의무인지는 잘 모르겠네요 (아마 의무는 아닌걸로 알고 있어요)
이렇게 열심히 일하시면서 따로 프론트엔드를 공부하시는건가요? 대단하시네요 ❤️
무조건 끝까지 다 봐야하는 동영상,, 알찬 내용이 가득한 동영상,, 영상은 한 시간,, 혼자 하는데 세 시간,,,그래도 알려주셔서 너무 감사드립니다
감사합니다 🙆♀️
1시간만에 만들 수 있을 정도로 열공해야겠습니다! 이번 영상에서도 css 변수라든지 line-clamp라든지 많이 알게 됐어요! 감사합니다! 💖
CSS 변수 너무 유용하죠? :) 마음이 바껴서 변경할때 빛을 발휘한답니다 🙌
핵심이 꾹꾹 눌러 담긴 50분이었어요, 이제 소화하러 가보겠습니다 :)
이전에는 어떻게 만들지 막막했는데, 과정 하나하나 이유 얘기하시면서 어떤 기능 때문에 사용하는지 상세하게 설명해주셔서 자신감이 막 오르네요!! 엘리님 감사합니다!
자신감이 막 차오르셨다니~ ❤️ 제가 원하던것이 그거랍니다 :)
자신감을 심어드리는거 🙌
영상이 너무 좋아서 댓글 남깁니다~
저번 영상에서 navbar 만들때보다 더욱 발전한 느낌이 들어서 좋네요 앞으로도 많은 강의 부탁드립니다.
유료강의도 있는걸로 알고있는데, 실력을 좀 더 쌓아서 꼭 수강하도록 하겠습니다.
이렇게 좋은 피드백 남겨 주셔서 감사해요 😆
한번 보고 인터넷 뒤져가면서 만들어봤는데 엘리님 덕분에 정말 많이 늘었습니다🥺 감사합니다❤️자바스크립트 강의가 너무 기대되네요!!
다 보시고 직접 찾아보면서 다시 만들어 보셨다니 정말 잘하셨어요 ❤️ 그리고 잊지 않고 코멘트 남겨 주셔서 감사합니다 🙏🏼
(제 덕분에 많이 늘었다니 엄청 뿌듯하네요! 😊)
이론강의만 쭉 보다가 답답해서 강의를 보면서 따라해봤는데 확실히 직접 만드는게 훨씬 좋네요 :) 재미를 느껴서 다행이에요(?) 한참전에 좋아요 눌러놓고 이제야 따라해봅니다. 강의 고맙습니다! 더 연습해볼게요!
한참전에 좋아요 눌러놓고 ❤️
강의가 너무너무 재미있었습니다!
아직은 버벅 거려서 시간이 걸리는데 연습해서 한시간 안으로 만들고 그 밖에도 다른 기능도 넣어 보고, 이번 강의를 바탕으로 다른 것도 비슷하게 만들어봐야 겠네요. 좋은 강의 감사합니다!
이정도는 긴 영상도 아닙니다 엘리님! 영상 정말 감사해요! 도움이 많이 됐습니다! :)
감사합니다 ❤️
사실 엘리님 강의는 제게 높은 수준이지만
앨리님꺼 쭈욱 보고나서 다른 유투브 강의를 보면 전과 다르게 보입니다
감사합니다 엘리님
강의 내용도 좋고 설명도 자세하게 감사해요~
다른 채널에서 너무 문법, 개념위주 영상만 접하다,
이렇게 실제 개발과정을 구현하는 모습 보니, 새롭네요.
뭐가 부족한지, 뭐를 더 공부해야 할지 감이 잡힙니다. ㅎㅎ
좋은 피드백 정말 감사드립니다 ❤️
> 다른 채널에서 너무 문법, 개념위주 영상만 접하다,
제가 지금 자바스크립트를 이렇게 가르쳐 드리고 있어서 약간 뜨끔했어요 ㅋㅋㅋㅋ
자바스크립트 끝나면 이렇게 실전편을 더 많이 만들어서 올려볼께요 🙌
@@dream-coding 어디에 어떻게 쓰일지도 모르는데 개념만 익히다 보면 그 끝이 어딘지 알수 없어 쉽게 지치는 듯 합니다. 저와 같은 초보 학습자들에게는요.. 엘리님 영상 몇 개를 보니 어디서 어떻게 쓰일지 뭘 배우면 좋을지 등을 서두에서 알려주시는 듯해서 그 점이 좋았습니다. 앞으로도 잘 챙겨 볼게요 ^^
@@jrich_white 좋은 피드백 정말 감사합니다 ❤️ 종종 뵐께요 :)
가즈아 오늘은 html css 끝내보겠습니당 출쳌
출근길에 별 생각없이 봤는 데 구성이 알차네요 ! 아는 부분이지만 엘리님이 코딩하시는 걸 보니 관점이 색다르게 보이네요. 정성 가득한 영상 잘보고 갑니다 👍
아시는데 보셨다니 조금 부끄럽네요 🤣 naming을 깔끔하게 못한거 같아서 많이 아쉬웠거든요 ㅋㅋㅋ
엘리!! 새벽에 영상 찍느라 고생하셨어요 영상 너무 잘 보고 있어요:)
정말 영상미가 정말 최고에요! 색감이 특히 예뻐요! 항상 감사해요.
계속 복습해보고 제가 뭐가 막히는지에 대해 확인하다보니 이제는 조금 알 것 같아요!
엘리 덕분이에요. 아직 갈 길은 멀었지만 엘리 덕분에 겁내지 않고 앞으로 갈 수 있을 거 같아요.
정말정말 감사해요.:)
어머! 이렇게 따뜻하고 긍정적인 코멘트 너무 감사드려요 ❤️ 하시면서 막히는 부분들에 대해 하나씩 알아 가고 계신다니 정말 다행이예요 🙌 정말 그렇게 하나씩 완성해 나가면서 부족한 부분을 채워나가는게 좋거든요! 꼭 최종 실습편에서도 뵐께요 🤗
출첵 :) 1시간만에 만들면 정말... 좋았겠지만!
혼자 끙끙대며 이것저것 처음보는 기능은 또 쭉 훑어보고... 만드느라 3시간은 넘게 걸린 것 같아요.
그치만 확실히 만들면서 즐거워요! flex를 알고난 후 css 만지는 게 즐거워졌지 모예요
반대로 html 짜는 게 젤 어렵네요ㅋㅋㅋㅋ 태그를 뭘 써야할지부터... 와이어프레임 직접 노트에 그려가면서 클래스 이름짓기까지... 이것만해도 1시간은 넘게 고민한 것 같아요.
이제 다 만들었으니, 강의를 들으며 선생님 코드와 제 코드를 비교하며 필기해보려구 합니다~
오늘도 좋은 강의 너무 감사드려요 :)
와 정말 열심히 해주셔서 감사해요 ❤️ 영상 만든 보람이 있네요 🙏🏼
플렉스 때문에 CSS가 즐거워 지셨다는거 저도 완전 동감이예요 하하
그전에는 복잡해서 머리 하얘졌었는데 정리되는 느낌입니다 너무 감사합니다.
드디어 이 동영상에 입성했습니다!!
입문편 초반엔 언제 유트브사이트를 만들수있을랑가.. 과연 내가 할수있을까.. 했는데 ㅎㅎ 결국 여기까지왔네요!! 다 선생님의 좋은강의와 응원 덕분입니다!^^
어서 이쁘게만들고 자바스크립 정복하러 가겠습니다!ㅎㅎ
1주일 동안 찿고찾은 강의 입니다.
정말 감사합니다.flex 기능 이해괴었슺니다.
출석체크!! 무작정 작성하는게 아니라 html css을 어떻게 효율적으로 작성하는 지를 알고 싶었는데 기준이 될 만한 강의를 찾아서 너무 좋아요!!❤☺️ 영상들 보면서 html css
더럽게 쓰지 않으려는 습관가질게요!
오늘까지 반응형 헤더 만드는 방법 올려주신 강의 전부 다 보고 혼자서 복습겸 프로젝트(?)도 만들어봤어요! 이제는 이 강의도 마스터 할거에요. Javascript를 이용해서 동적으로 서버에서 데이터를 가져오는 강의도 기대하고 있을게요 💛 강의솜씨가 너무 좋으세요:)
대학생인데 꼭 엘리님 같은 개발자가 되고 싶습니다! 항상 감사합니다 🥰
오~ 따뜻하고 긍정적인 피드백 정말 감사드려요 🙌 대학생이신데 학부수업외에 이렇게 따로 찾아가며 공부하시는거 같아 정말 제 마음이 다 뿌듯하네요 🤗
복습겸 프로젝트도 만들어 보셨다니, 정말 좋은 방법으로 공부 하고 계신거예요.
이해만 하고 넘어가는 사람과 직접 마들어 보는 사람의 실력차이는 1년, 5년뒤 엄청나답니다 ❤️ 화이팅!
시간이 긴만큼 많을 것을 배우는 시간이 될 수 있었네요 앞으로도 열심히 공부하겠습니다 출석!
너무 좋은 강의입니다. 전무하던 프론트엔드의 '감'이 막 생기네요..
감이 생기셨다니 완전 좋아요 ❤️
출석 체크 합니다 ^^ 뼈대까지만 구상하고 강의를 듣고 다시 해보니 벌써 자정이 넘었네요 ㅎㅎ 그래도 즐거운 시간이었습니다. 엘리님 유튜브를 통해서 많은 것을 배웠는데 드림코딩 아카데미 수업들은 어떨지 기대가 됩니다. 오늘도 감사했습니다. ^^
쥰내 재밌어요 신기하고 이렇게 간단해 보이는것도 아직은 어려운데 진짜 유튜브나 메이저 사이트정도로 만들려면 더 공부해야 해서 너무 좋다요
엘리님!! 너무 감사합니다 :) 4월부터 bootcamp 들어가는데, 그 전에 예습하는 도중 엘리님을 만나서 너무 기쁘고 감사합니다 ㅠ_ㅠ!! 열심히 해서 나중에 현업에서 뵙기를 소망합니다 !
4월 부트캠프 들어가기 전에 예습을 이렇게 열심히 하시니, 꼭 능동적으로 다니셔서 좋은 성과를 이뤄내시길 응원하겠습니다 🙌 네~ 저 현업에서 기다리고 있을께요❤️
저도 6월말부터 부트캠프 시작하는데, 입학 시험 같은 과정들이 있었어요. 마지막 인터뷰 위해서는 제가 별도로 엘리쌤 강의 들으며, navbar 부분이요. 제 웹사이트 초본을 반응형으로 만들어 보여줬어요. 질문들이 있었는데, 앨리썜 강의에서 줏어들은 내용이라 대답도 잘 했고, Trainer 분이 아주 만족하셨고, 이대로 계속 공부하며 발전하길 기대한다고 하시더라고요. 앨리쌤 강의 알게되어 얼마나, 많은 도움을 받고 있는지 모릅니다. 또, 현업 개발자이시니, 신뢰가 가서, 말씀하시는 내용, 소개하시는 기술, 사이트들은 따로 디지털노트에 저장하며, 따라가고 있습니다.
댓글을 남기지 않을 수 없어 남겨요 :) 엘리 님 영상이 아주 큰 도움이 되고 있어요!
감사합니다 🙌
영상 감사합니다!! 처음에 영상길이 50분인거 보고 놀랐는데 만들다가 보니깐 50분이 금방 지나가더라고요! 오늘도 유익한 영상 올려주셔서 감사합니다!!
50분의 심적 압박이 크죠?ㅋㅋㅋ 짧게 할려다가 중간중간에 알려드리고 싶은 깨알정보들을 도저히 무시를 할수가 없어서 그만 ㅋㅋㅋㅋ 코멘트 감사합니다 🤗
@@dream-coding 오히려 정보들이 많아서 좋았어요!! ㅎㅎ 다음 영상도 기대하겠습니다!
2022.02.20 출석체크😀
혼자 먼저 만들고 엘리님이 하는 것을 보며 리뷰하면서 여러 팁도 얻고 스스로 피드백도 할 수 있어서 좋았어요!
엘리님 항상 좋은 강의 감사합니다!! 오랜만에 찾아왔어요!! 다시 공부 시작하는데 열심히 해보겠습니다 화이팅!!
화이팅!!
덕분에 반응형에 대한 개념을 좀 더 알아갈 수 있었습니다! 혹시 padding, margin, font 등 크기를 설정할 때 어떤 기준이 있으신가요? 임의적으로 적당한 사이즈를 넣는 것인지 아니면 컨벤션이 따로 있는 것인지 알고 싶습니다. 아니면 디자이너와 협업할 때 시안대로 사이즈를 작성하시나요 ?
현업에서는 디자이너가 제공해준 시안에 지정된 값을 사용하구요.
개인 프로젝트를 이용할때는 제가 적당한 사이즈를 넣는데, 그냥 아무 숫자나 넣는건 아니구 저는 Material Design Guidelines를 따라 가고 있어요.
예를 들어 스페이싱을 줄때 4배수로 넣고 (4, 8, 12, 16..) 그리고 간격은 최소 16dp가 좋고 버튼은 최소 32dp (아, 48dp 였나? 기억이 가물) 쓰고.
딱히 이런 숫자를 따라하야 하는건 아니구요 :) 사용자가 쓸때 편리한지, 마우스로 쓸때 괜찮은지, 터치디바이스 (폰, 태블릿)에서 손가락으로 눌렀을때 적당한 크기 인지를 보고
일정한 값을 프로젝트에서 쓰는게 중요해요 🤗
머테리얼 디자인에 대해 더 공부해 보고 싶으시다면: material.io/design/layout/understanding-layout.html#usage
이 영상 매일 봅니다
컴 맹인 제게는 오아시스 같습니다 ㅎㅎ
엘리님 정말 감사합니다 ㅎ
퇴근후에 클론코딩 해보면서 암청 실망하고있지만 엘리따라 열심히 가보렵니다. 고마워요 엘리~^^
화이팅입니다🙌
어제 실패하고 오늘 재도전했습니다! 비록 엘리님 영상을 보면서 진행하긴 했지만 css로 점점 유튜브 사이트로 변해가는 과정이 너무 신기하네요! 좋은 강의 감사합니다!
질문있습니다.
41:10 쯤에 이미지를 반응형으로 만들어주기위해 img태그를 div태그로 감싸준후 div로 적용하여 반응형을 만들어주셨는데 img태그는 어떤속성떄문에 적용이 안되었던것인가요????
스스로 어떻게 하는 지 물고기 잡는 방법을 알려주셔서 너무 좋아요!!!
완성하는데 정말 10시간은 걸리는 거 같네요ㅠㅠ더 열심히 해보겠습니다!