vanilla js 공부하기 너무 좋아요. 그냥 단순히 문법 공부하는게 아니라 실제 피그마 디자인, 요구사항 명세서 있어서 좋고, html css 마크업 공부하면서 저도 리액트나 리액트네이티브에서 구조랑 틀을 어떻게 짜야하는지 도움이 많이 됐어요

난이도랑 프로젝트별로 강의가 구성되어있어서, 내가 원하는 난도의 프로젝트를 실습하기 좋습니다. 강의만 다 들어도 여러개 프로젝트를 해볼 수 있을 것 같습니다.

30만원대 비싼 강의인데 너무 아쉽다. 전반적인 느낌은 그냥 강의자가 더블모니터 켜놓고 한쪽에 미리 코드 띄워놓고 그거 보고 따라 치면서 수업하는 느낌이다. 그리고 많은 시간을 CSS 파일 하나 켜놓고 그 CSS에 스타일 하나씩 추가하고 화면 바꿔서 figma 보여주는 식으로 진행하는데, 조금만 흐름을 놓치면 이 사람이 뭘 하는지 눈에 안 들어왔다. 그리고 최종결과 보면 강의자가 오타를 내서 결과가 안뜨기도 했다. 1. 수시로 화면을 왔다갔다 하기보다는 차라리 화면 좌우에 코드/결과 이렇게 반반씩 띄워놓고 고정된 상태를 유지하는게 좋을 것 같다. 2. html 구조를 짠 뒤, 거기에 바로 inline으로 스타일을 넣어서 직관적으로 결과를 볼 수 있게 하고 스타일이 완성되면 그동안 넣은 스타일을 모두 CSS 파일로 옮기는 식으로 뭔가 전반적인 흐름을 볼 수 있게 하면 좋을텐데 이건 html 코드는 안보여주고 수시로 css -> figma 화면 왔다갔다 왔다갔다 하면서 CSS 파일에 뭐 한줄 넣고 figma 보고 css에 뭐 한줄 넣고 figma 보고 이런식으로 진행되다보니 뭔가 와닿지가 않았다. 하 이걸 어떻게 설명해야 한담... 비유하자면 '패션모델(html)에게 옷(css) 입히기'라는 강의가 있어서 샀는데, 뚜껑 열어보면 패션모델(html)의 형태는 자주 안보이고 그 사람이 입은 옷(css)에만 집중적으로 클로즈업 한다고 해야 하나...? 정신을 차리고 보면 어느새 모델에게 옷이 입혀져 있긴한데 카메라에는 옷 만드는 과정만 빠르게 스쳐지나가고 모델은 가끔 비춰주는 식이라 모델이 어떻게 옷을 입었는지는 잘 안보이는 식이다. 즉 기존 html 구조 위에 css라는 옷을 입히는 과정이 보이지가 않고 그냥 css라는 옷이 완성되는 과정만 보이는데 이 사람이 지금 바지를 만드는지 팔부분을 만드는지 흐름이 안보인다고 해야 하나... 이걸 말로 설명을 못하겠다. 차라리 화면에 html, css, figma(혹은 결과창) 이렇게 3개 다 띄워놓고 현재 CSS 작업중인 html class 위에 주석으로 표기해주거나 하면 어떨까 싶기도 한데... 그냥 화면전환이 너무 많다. 10초도 안되서 figma -> css에 뭐 1줄 넣고 -> html 1초 보여준 뒤 -> 다시 figma 갔다가 -> 다시 css 가서 1줄 넣고 -> 다시 결과창 보여준다. (아니면 계속 css -> figma 이 2개만 왔다갔다 하면서 css 코드만 옮기거나...) 그리고 강의자가 '이걸 넣으면 저게 뜨고요~ 저걸 넣으면 이렇게 나오고요~' 이렇게 강의를 진행하는데 정신을 차리고 보면 뭔가가 만들어져 있고 큰그림이 잘 안그려졌다. 30만원이라는 가격을 생각하면 상당히 아쉽다. 3만원짜리였다면 별 5개였지만... 그외 느낀점을 꼽자면... 프로젝트를 받아서 즉시 실행이 안된다. 뭔가 백엔드를 같이 켜야 한다던가 부가적인 과정이 더 필요한데 그냥 켜면 하얗게 되면서 일부가 안 나오는 식이라 불편했다.

섹션 1과 2까지 수강한 상태에서 평을 남깁니다. 1. 목소리 우선 가장 만족스러웠던 부분은 강사님의 목소리입니다. 얼굴이 나오지 않는 온라인 강의 특성상 목소리는 강의 퀄리티를 결정짓는 중요한 요소라 생각합니다. 또렷하고 차근차근 알려주셔서 그런지 수강 내내 집중도를 잃지 않았습니다. 2. 원하는 부분 선택적으로 수강 가능 이미지와 요구사항 명세를 제공해주시므로 스스로 한 번 만들어 본 후 수강 가능합니다. 기능별로 강의가 나누어져 있으므로 원하는 부분을 선택적으로 수강할 수 있었습니다. 3. 피그마 사용 요즘 피그마 사용이 핫하다고 알고 있습니다. 비록 피그마로 디자인을 만들어 보진 못했지만 피그마로 디자인한 것을 받았을 때 어떻게 사용하고 개발할지 알 수 있었습니다. 무엇보다 margin이나 width, height를 쉽게 알 수 있어 정말 편리했습니다. 포트폴리오 준비하시는 분들이 들으면 좋을 것 같아 추천 글 남기게 되었습니다.

코딩실력이 어느정도 된다고 생각하시는 분들한테는 비추에요. 별 3개정도 되는 가벼운 예제들은 괜찮아요. 크게 어려울게 없으니까. 근데 별 5개 붙여놓은 애들 강의는 별로에요. 코딩 테스트라는게 주어진 조건과 기능을 구현하는 건데 강의에서 "이건 무슨무슨 일을 하는 클래스에요. 나중에 쓰니까 이해가 안돼도 넘어가세요." 이런 식의 설명이 좀 많아요. 이건 강의가 아니죠. 그냥 코딩하는 거 보고 따라 치는거지. 테스트를 볼 때 요구사항에 맞게 과정을 밟아가면서 이런게 필요하겠다라는 방식으로 접근을 해서 설명을 해줘야 코딩테스트 대비 강의 아닌가요? 코딩테스트가 아닌 작은 토이프로젝트 할 때도 그게 당연한거잖아요. 제가 느끼기에는 그냥 다 만들어진 코드 옆에 띄워두고 따라치시면서 설명해주는 느낌이에요.