프론트엔드 첫걸음

아직 part2 canvas 강의밖에 올라오지 않아 해당 부분에 관한 강의후기만 남긴다. 느낀점 1. 명확하다. 나는 웬만한 강의들을 다 한번씩 찍먹해보았는데, 어떤 강의는 강의 찍기 전 리허설 같은것도 안하는지.. "아 죄삼다. 이부분이 잘못되었네요" 이렇게 하고 넘어가버린다. 제로초님처럼 화면에 자막으로 '이부분 오타입니다 ' 띄워주고 바로바로 정정해주면 좋은데 나는 강의 30분대에서 멈춰서 오류난다고 1시간쯤 방황하다가 나중에보면 강사가 40분대에 가서 오타였다, 오류였다 정정해주는 경우도 있었다. 강사님이야 라이브코딩하면서 10분만에 오류확인하는 거겠지만, 코드 따라치는 입장에선 중간에 일시정지해놓고 한참 방황하는데.... 하지만 이번 패캠 강의는 달랐다. ppt와 대본이 완전히 준비되어 있는 느..

급하게 실무 투입되는 상황이라면 이 강의는 추천하지 않는다. 유투브나 인프런에 무료공개된 깃 강의는 실전에 투입될 수 있도록 중요한 부분만 우선적으로 가르치는 반면 이 강의는 git restore , git switch 등 도 다 꼼꼼하게 가르쳐준다. 하지만 강의를 듣다보면 강사가 많이 준비했다는 것을 알 수 있다. 프로그래밍 강의를 듣다보면 강의에 나온 것 대로 따라한 것 같은데 잘 안될 때가 있다. 내가 집중력이 모자라서 그런건지(정답) 아무튼 그럴때가 종종 있는데, 이 강의는 한번도 그런적이 없었다. 천천히 친절하게 설명해주고, 테스트 할 수 있도록 해준다. 그리고 강의가 지루하다고 느껴지지는 않는다. git HEAD detachment ppt에서 웃음코드를 발견한 내가 이상한가?? 소소하게 재밌다..

막상 열어보면 기능은 쉬워보일 수 있다. 그런데 내가 생각한 코드랑 너무 다르게 (깔끔하게!!!) 짠다는 점이 특징이다. 화면상에서 이미지의 padding과 background-Color와 blur값을 변동시키는 자바스크립트 함수를 만들 때 나같으면 함수 3개 나왔다.. 그리고 그 함수마다 dom 객체 불러오는 코드 다 한번씩 써줬다.. 우리 웨스 코드 깔끔한거 보세요.. Update CSS Variables with JS Spacing: Blur: Base Color 1. 첫번째로 input을 다 한번에 querySelectorAll로 가져와서 nodeList를 만들었다. 2. 'px' 등의 suffix가 필요한 input은 HTML에 data-sizing이라는 dataset을 넣었다. 3. nodeL..