[React / VanillaJS] UI 요소 직접 만들기 Part 1

모르는 개념들, 익숙치 않은 것들이 많아서 찾아가며 공부하느라 시간은 오래 걸렸지만 UI 요소 만드는 것에 자신감이 생기는 것 뿐만 아니라 리액트, 바닐라 자바스크립트, 타입스크립트 모두 공부하기에 매우 좋았습니다. 그리고 UI 요소를 만들면서 여러 상황에 대해 고려해보고 판단 기준을 고민하는 것도 항상 명확한 기준이 없어서 스트레스 받곤 했는데, 강의에서 그런 것을 함께 고민하니까 원래 그렇게 고민하면서 하는게 맞구나 싶고, 강의덕분에 앞으로는 그런 고민과정이 즐거워 질 것 같아요ㅎㅎ 스터디 영상이어서 다른 수강생들 의견 듣는 것도 너무 재밌고 유익하게 들었습니다. 많이 배워갑니다. 감사합니다!

강의 컬렉터로서 여러 강의를 들어봤지만 진짜 최고의 강의인것 같습니다! 일단 강사님이 최신 타입스크립트 문법, 리액트 문법에 능숙하셔서 이럴때 저런걸 쓰는구나하고 보고있는 것만으로도 실력이 느는것 같습니다. 원래 책이랑 문서만 보고는 잘 이해가 안가는데, 문서로만 배웠던 내용을 아~ 저렇게 적용하는구나 하고 다시한번 체득하게 됩니다. 레벨은 너무 신입보다는 1-3년차 주니어들이 보면 좋으실 것 같습니다. 일단 강의자체가 실무에 바로 적용 할 수 있고, 리액트 심화부분까지 젹용해보기 때문입니다~ 단순 구현에만 그치지 않고 어떻게하면 좀 더 좋은 코드가 될지 고민해보면서 주니어에서 중니어로 한단계 성장하고 싶은 분들에게는 꼭 추천드립니다. 이제 어떤 ui를 만나더라도 이제 구현할 수 있다는 자신감이 생겼습니다 ㅋㅋㅋㅋ100% 이해를 못햇더라도 챕터별로 짜여졌던 코드를 다시 보면서 실무에 적용할 수 있다는 점이 너무 좋은거 같습니다. 일단 이 강의를 들으면서 완성된 ui 코드를 갖고있는 것 만으로도 강의의 값어치를 넘는거 같네용ㅎㅎ 다음파트도 얼른 나왔으면 좋겠습니다!

구현 방법을 한 가지만 알려주시는게 아니라 여러 방식을 소개해 주셔서 너무 알차요!! 그리고 단순히 UI 요소의 기본 동작 구현을 넘어서 아코디언 ctrl+F로 검색하면 열리는 기능, 툴팁이 화면 안에서 보이도록 하는 방법 등 정말 디테일한 동작까지 알려주시더라구요. 평소 개발할 때 구현해보지 않은 UI를 개발하면 구글링이나 유튜브를 이용해서 따라했었는데, 강의를 듣고 나니까 '이 UI는 이런식으로 구현해야 되겠구나'라는 감이 잡혀서 구현에 대한 자신감이 많이 생긴 것 같아요. 가격에 비하면 다른 강의들보다 훨씬 얻어갈 수 있는게 많은 것 같습니다. part1도 유익했는데 part2도 요소들 목록을 보니 너무 기대되네요!!! 주니어 프론트 개발자들에게는 최고의 강의인 것 같습니다ㅎㅎ 항상 좋은 강의 감사합니다 :)

사실 리뷰를 잘 남기는 성격은 아닌데 이번 강의를 보면서 참 좋다는 생각을 많이 했습니다. 초반에 Next 14 맛보기로 프로젝트 셋팅, 그리고 좌측 사이드바를 만들 때의 생각할 수 있는 방법, 이후 리액트에서 Vanilla 코드를 작성하는 방식, 재사용 컴포넌트별로 어떻게 구현하고 사고하는지에 대해 라이브코딩으로 잘 알려주십니다. 원래 강의를 모두 다 듣고 리뷰를 작성하려고 했는데 지금 작성합니다 ㅎㅎ 은은하게 하루에 컴포넌트 강의 하나씩만 수강해도 좋을 것 같습니다~ 좋은 강의 만들어주셔서 감사합니다!

강의를 사놓고 안 들을 거 같아 구매는 신중히 하는 편인데, 강사님 믿고 구매해서 보고 있습니다. 리액트 공식문서 영상도 참 좋았는데, 이번 강의도 굉장히 좋네요. 요즘 UI에 관심이 많았던 터라, 보고 많이 배우고 있습니다. 특히, 타입스크립트도 같이 사용하고, 작성한 로직을 Vanilla로 다시 작성해보면서 복습하는 느낌으로 보고 있어요. 그러면서 강사님께서 쓰시는 코드 구현 방식도 들을 수 있어 더 좋습니다... 파트 2도 나오면 구매하고 싶어요... 좋아요. 난이도가 마냥 쉽지는 않지만 그래서 더 좋습니다. 특히, 다른 수강생 분들의 질의응답도 들을 수 있어 더 좋아요. 제가 궁금하던 내용이 나와서 놀랬네요. ㅋㅋ! 좋은 강의 감사합니다!

기본적인 웹 요소들을 직접 구현하고 애니메이션을 적용하는 과정을 함께 참여하면서 고민도 해볼 수 있었던 것 같아서 배울 점이 많았습니다. :)

잘들어보겠습니다!

재미있고 알찬 강의입니다. React, Ts, Js의 기본 개념을 실제에 어떻게 적용할 수 있는지를 배울 수 있고, 같은 UI를 다른 방식으로 많이 구현해보면서 요구사항별로 좋은 방식을 많이 배울 수 있어 매우 유익했습니다. 사수처럼 현실적인 방향을 제시해주시면서도, 다알려주지는 않는(?) 사고력을 길러주는 교수님 같은 스타일의 강의라고 생각합니다. 그래서 강의를 듣다 보면 "나라면 이렇게 해볼 것 같은데?" 하는 생각이 자연스럽게 들고, "이 부분은 왜 이렇게 작성하셨을까?" 생각하면서 재미있게 들을 수 있습니다. 예를 들어, hidden 속성을 React가 강제 타입 변환하기 때문에 속성을 대문자로 작성하고 끝나는 부분에서, 저는 "어차피 ref로 접근했으니 setAttribute 메서드로 속성을 할당하면 되지 않을까?" 하고 해보는 등 생각할 수 있는 기회가 있었고 또 클로저 활용, GNB의 타입을 가독성 있게 더 안전하게 다루는 방법 등 실무적인 팁도 많이 배울 수 있었습니다. 좋은 강의 만들어주셔서 감사합니다. 덕분에 많이 배우고 있습니다!