자바스크립트 미션이 어찌저찌 해서 끝났다.
아직도 어리둥절 하지만 결과적으로 어쨌든 동작은 한다는 것에 뿌듯함과 한편으론 막막함뿐 .. 🤯
🌟 미션 - 2023. 05. 03 ~ 2023. 05.24
- mission-1
- mission-2
- mission-3
- mission-4
- mission-5
✍🏻 JavaScript를 공부하면서 느낀점
자바스크립트를 시작하면서 앞에 공부했던 HTML / CSS 과는 차원이 다른 신세계였다.
도통 무슨 소린지 하나도 모르겠는 네이밍 조차 어려웠다. 😱
기본 문법에 대한 강의를 듣고 나서 후로 갈 수록 실습과 알고리즘, 코테를 하면서 감을 아직까지 못잡는건 사실이다..
나로서는 강의 하나로 부족한듯 싶어 모던자바스크립트 Deep Dive 책을 구매해서 보고 있지만 더 깊게 파고드는것 같아 혼란스럽고 맘처럼 되지가 않는듯..!
그래서 자바스크립트 강의 들어갈때에 초반 마음가짐보다 설렁설렁해진것 같다.
(이런 나 다시 이 글 쓰면서 반성해)
이번 과제는 어찌저찌 나 혼자서 결과를 냈지만, 모범답안으로 복습하고 알고리즘 문제 풀이와 실습 또 무한 반복,,해야지
(자바스크립트 공부 하는 방법 좀 알려주세요..)
JavaScript 공부 & 과제 하면서 어려웠던 부분
앞서 말한것 처럼 자바스크립트 강의로 공부했을 때와는 달리 실제로 구현할 때 코드를 어떻게 작성할지, 무슨 코드를 써야할지 모르겠다.
👀 이번 과제를 하면서..
- 상태 저장 및 복원
웹 페이지가 렌더링 되었을 때도 상태 그대로 렌더링 되야 한다.
처음 접하는localStorage를 사용하는 방법도 과제를 통해 알게 되었다.
상태를 저장하기 위해서는 로컬스트리지를 이용해야하고, 이를 위해JSON객체를 이용해야하는 것.
- 변수 선언과 요소 생성
HTML 코드가 있는것 같았는데 아니요.. 없습니다..
자바스크립트로 동적으로 생성하는 부분에서 으잉?
document.createElement함수 사용 방법도 얻었습니다. (스텍 +0.1)
document.createElement(tagName) 함수는 새로운 HTML 요소를 생성하는 메서드이다.
미션 2를 하면서 이 요구사항이 자꾸 적용이 되지 않아서 꽤나 골머리를 썩었다.
append메서드를 사용하여 각 요소를 추가해야 하는데 결과물은 그대로여서 난감했던 기억이 난다.
- templete이 없는 미션 ..
이번 과제에서class객체가 많이 사용된듯 싶다.
다시 한번 복습할 필요성을 엄청나게 느낌..
달력을 구현하는데 마우스 호버 시 왜 레이아웃이 움직이는지..
prevArrow, nextArrow 이전달과 다음달로 이동하는 화살표를 클릭했을 때 업데이트가 되지 않는 문제점.. 이 문제는 아직도 해결방안을 못찾았다.ㅠ_ㅠ
이부분은 모범답안을 통해 다시 복습 필요!
결과적으로 프로그램을 구현할 때 많은 변수와 상태에 대해 어떤 객체를 써야할지 아무 생각이 나지 않는다.
강의와는 달리 이번 과제도 그렇고 실습과 코딩테스트하면서 계속적인 멘붕..
이해가 안되는 부분은 어떻게 다시 터득해야할지 아직까지 고민이다.
코드를 계속 입력해보고 무한반복으로 연습하고 또 연습해야겠지 🫠
🔥 앞으로의 계획
✅ 공부하는게 어려우니 자꾸 마음이 설렁설렁해진다.
Todo List가 많이 밀려있다. 😂
밀린 부분 그냥 넘기지말고 채워나가기.
✅ 복습 또 복습
모르고 넘어갔던 부분은 강의를 듣고 다시 개념정리, 모범답안 전체 코드로 다시 한번 개념정리.
✅ 블로그 학습일지로 복습하기
몰랐던 부분도 내가 직접 찾아보고 터득하여 정리하는것이 더 기억에 남는다.
✅ 자료구조 / 알고리즘 연습
코딩테스트 연습하기. 문제 풀이 반복.
