개발/자바스크립트

노마드코더 바닐라JS 챌린지 수료!

사실 챌린지가 종료된지는 일주일 넘게 흘렀지만 채점에 시간이 걸리기에 어제 막 수료증을 받았다! 요렇게 사이트 내에서 뱃지들이 쌓여가는게 보고 있음 기분이 좋다. 자격증도 아니고 공신력도 없지만, 독학으로 혼자 공부해나가는 입장에선 그래도 내가 무언가 쌓아올려가고 있구나라는 생각도 들고 도움이 된다. 물론 챌린지를 수료했다고 대단한걸 해낸건 아니다. 이제 그럭저럭 구글링 해나가면서 기초적인걸 만들줄은 아는 단계가 아닐까? 그리고 이게 독학에선 가장 필요한 시발점이라 생각하고. 사실 이번 졸업작품(구글 모멘텀 앱 클론)을 만들면서 애니메이션도 넣고 반응형(?)을 몇 개 넣어보고 싶었는데 언제나처럼 욕심 >>> 능력 이기에 시간이 쫓겨 제출하고 다른 공부를 하기에 급급하다. 어쩌다보니 코딩 공부를 병렬적으로..

함수 바깥에 상수가 위치하면?

바닐라js 챌린지 day4 과제는 창의 사이즈가 변경될때마다 배경색이 바뀌는 과제. 처음엔 콜백되는 펑션 바깥에 상수를 선언했다. 문제는 이렇게 코드를 짜니 아무리 창을 조절해도 색이 변하지가 않더라. consol.log(width);를 찍어보니 처음 창에 로딩될때 width를 받아온 후 그 값이 변하지가 않는다. 첨엔 핸들리사이즈 함수가 콜백될때 상수를 업데이트하는 메서드가 따로 있나? 하고.. 목적지가 틀린채 한참을 헤맸다. 그러다 노마드코더 슬랙에서 해결책을 발견. handleResize가 콜백 될 때마다 width를 새로 읽어오게 하면 되는걸 헤매고 있었다. 펑션 안에 집어넣어주니 잘 작동된다. ㅎㅎㅎ - 과제들을 어찌어찌 해결하고는 있으나 이론적(?) 한계를 절실히 느낀다. 인프런 강좌로 이론도..