How to improve your code with vanila JS card game

[@AplusBee-j9z]

구독과 좋아요 눌렀어요! 너무 귀에 쏙쏙 들어오게 말 잘 풀어가시는게 진짜 좋은데요? 비전공 웹디자이너하다가 프론트엔드 국비수업 앞두고 있는데 영상 종종 보러올게요 >ㅁ

[@hyosunglim]

반가워여! ㅎㅎ

[@dododudo]

아직 초보라서 적당히 코드를 우겨넣기만 하면서 짜고있었는데, 고수들은 이런식으로 코드를 관리하는군요... 설명도 알아듣기 쉽고 너무 좋은 콘텐츠같아요ㅎㅎ 감사합니다

[@akdncb]

효성님 강의는 어디서 볼 수 있나요..?

[@hyosunglim]

더보기 확인해주세용~ 근데 페스티벌용으로 만든거라 퀄리티가 그렇게 좋지 않아여..

[@bluevulpe]

효성님 유데미 클린코드 리액트 강의 같이 참여하셨던데 넘 멋있어요!!!💜

[@hyosunglim]

오오 감사합니다 ㅎㅎ

[@김정환-y2w]

우와!!! 이제는 강의도 찍으시는!!! 점점 발전하시는 모습이 대단하셔요!

[@hyosunglim]

감사합니다!!

[@유농밀크]

자바 (중딩) 개발자는 보고 바로 Enum 클래스 생각부터 들었는데... 웹 컴포넌트를 쓰시는군요

[@비질란테-l8e]

유데미 강의에서도 카드게임으로 js알려주던데 카드 게임이 주는 학습이 많나보네요

[@kr9177]

기본적인 개념 reuse, extensibility, inheritance 학습 너무 좋네요 역시 개발계 최고 귀요미 효성님... 사랑해요!!

[@hyosunglim]

ㅋㅋㅋㅋㅋ 감사합니다🫶

[@r.p8374]

내년에 졸업하는 전공자입니다. Html css js공부를 한번 했지만 깊숙히 공부를 하지못한것같습니다. 지금은 리액트를 공부중인데 모르는 js보충하면서 공부중입니다. 그냥 계속복습하고 리액트 생명주기나 상태 등등 이런것들을 계속 반복하고 미니프로젝트하는식으로 하게 되면 언젠간 리액트로 개발하는 주니어 개발자가 될수있겠죠?..? 하다가 적용하려고하면 진짜 백지가 되요..너무힘듭니다. 하루에 8시간 머리싸매고하고있는데ㅠㅠ

[@hyosunglim]

홉 그렇군요 이때가 힘든 시기 중 하나긴 하죠 ㅜㅜ 혹시 전공자라면 주변 선배들에게 조언을 구해보는 것도 좋을 것 같아요. 이미 그 길을 걸어간 사람에게 얻는 조언만큼 강력한 게 없거든요

[@김모노-z3o]

자바스크립트로 mvc패턴으로 개발해보시고 왜 리액트나 뷰가 나왔는지를 알고나서 뷰나 리액트 하시길...

[@김민섭-z8z]

재밌게 잘 보고 있습니다 혹시 비전공자이셨던걸로 아는데 cs공부는 강의 들으면서 같이 하셨는지 궁금합니다.

[@hyosunglim]

강의도 듣고 블로그나 책이나 다 활용했어요!

[@eddie_the_traveler]

우와... 🥹... (라는 소리밖에 나오질 않아요...👍👍👍👍)

[@drakejin1992]

와 .. 성장곡선이 진짜 수직상승이네요 ㅋㅋㅋ 개발자 준비중인 후배들에게 효성님 접근방법 보여줘야겠어요~! 좋은영상 공유해주셔서 고맙습니다

[@hyosunglim]

핫 감사합니다👍

[@콩떡이-b5m]

학교 도서관 갔다가 형님 책 있길래 빌려왔는데 웬만한 유료 강의 보다 퀄 좋은 것 같아요👍👍

[@hyosunglim]

헉 극찬을....ㅎㅎㅎ 감삼미당

[@dang_woo]

코딩페스티벌때는 휙휙 넘어가서 100% 이해하지 못했었는데 영상으로 천천히 다시 돌려보니까 이해가 확 되는것같아요😆 정리해주셔서 감사합니다!!

[@hyosunglim]

라이브 땐 돌려볼 수 없으니 그랬을 것 같더라고여 ㅜㅜ

[@kimso_05]

안녕하세요 구독자입니다 ~ 메일주소 기재가 안되어있어서 댓글로 남깁니다. 국비 수업들은지 한달됐고 html css js ajax jQuery 나가고 1차 미니 프로젝트 시작했습니다. 근데 한달됐는데도 수업을 못따라서 너무 막막한데 조언 좀 부탁드릴게요 ㅠ 비전공자입니당.....

[@코린-g5y]

처음하는 건 못따라가는 것이 당연하다고 생각합니다. 너무 못따라가는 것에 집착하지 않으셨으면 합니다. 결국 코딩은 반복에 또 반복입니다. 지금 이해가 안돼도 나중에 다시 보시면 조금 더 이해가 되실 것이고 또 다음에 보면 더더 이해하게 됩니다. 따라서 너무 이해하는 것에 매달리지 않으셔도 됩니다! 근데 jQuery 과정을 일부로 들어가신 건가요..? 만약 커리큘럼에 React.js가 없다면 꼭 따로 공부시작하세요!! 세상에 나쁜 툴은 없고 jQuery도 훌륭한 라이브러리이지만 결국 국비를 가신 것은 취업을 위함이고 취업을 하고 싶으시면 React.js가 최고 우선순위입니다. 그리고 프로젝트 하면서 Javascript를 깊게 공부하시는 것을 추천드릴게요!! 결국 웹브라우저가 인식가능한 언어는 Javascript이고 React Next Vue 등 모든 프론트엔드 툴은 결국 Javascript가 뼈대입니다. Javascript를 어느정도 심화 개념까지 공부하셨다면 Typescript를 공부해보세요! 동적 타이핑 언어인 Javascript의 단점을 정적 타이핑 방식으로 보완해주는 언어입니다. Typescript도 필수입니다. 그리고 React.js 공부하시면서 상태관리 툴에 대해서도 공부하시면 좋습니다. 대표적으로 Redux, Recoil, Zustand 등이 있습니다. 여기까지 공부하셨으면 종합적으로 합쳐서 규모가 조금 있는 프로젝트 경험해 보시고 Next.js도 공부해보시는 것을 강력히 추천드려요!!

[@kimso_05]

효성님 혹시 메일 주소 알려주실 수 있으세요? 개인적으로 메일을 좀 보내고 싶은데 가능할까요?

[@hyosunglim]

오 정말 권장드리고 싶은 커리큘럼인데요... 제가 추가적으로 드릴 말씀이 없네여 ㅎㅎㅎ 포기하지 않고 계속 하면 된다고 생각해요! 파이팅이에요!

[@kimso_05]

@@hyosunglim앗 ㅋㅋ 효성님께서 댓글다신건줄 알고 메일 주소 알려달라고 했네요...ㅎ

[@hyosunglim]

[e-mail] 이에요~

[@merozemory]

영상 잘 봤습니다 :) 저는 영상의 일부분에 대해서 생각이 달라 이에 대해 말씀드려 보도록 하겠습니다. 지금 당장, 혹은 미래에 예상되는 필요/요구에 의해 매 상황에 따라 확장성을 고려하는 대신 영상과 같은 패턴에 대한 원칙에 집중하는 경우 오히려 중요한 것을 신경쓰지 못하고 가독성 면에서도 손해를 보는 경우가 많습니다. 코드가 너무 길어 한 눈에 볼 수 없거나, 말씀하신 것처럼 레이아웃을 변경하는 일이 잦거나 혹은 동적으로 변경해야만 하는 등의 경우라면 그러한 것이 거의 필수라는데 저를 포함하여 누구든 공감하겠지만, 그러한 상황이 아님에도 재사용성을 목적으로 모듈화를 하는 것을 가르치고 습관으로 가지는 것은 수많은 사람이 그리 하고 있음에도 근본적인 목적이 불분명한 경우가 많고 반드시 좋은 결과를 가져오지는 않는다고 생각합니다. "모듈화를 하지말자"는 아니고, 어떠한 상황에 모듈화를 하는 것이 이득이고 아닌지를 인지하고 훈련하는게 핵심이며 이를 통해 어떠한 상황에서라도 최선에 가까운 길을 선택할 수 있어야 된다는 얘기에요.

[@hyosunglim]

오 그렇네요! 다만 상황에 따라 좋은 방식을 채택하려면 어떤 좋은 방식이 있는가에 대해 알아야 한다 생각해요. 제 영상은 그 방법 중 하나를 소개하는 거라고 봐주시면 감사하겠습니다 ㅎㅎ

[@merozemory]

​@@hyosunglim 넵 감사합니다. 그러한 여러 상황 중 한 패턴을 다룬 영상이라고 이해하면 잘 이해됩니다. 화이팅하세요 :)