목록JavaScript (3)

개발하자

Javascript Prototype 최종 정리!!(프로토타입 체인, 다이어그램)

이 전에 JS Prototype에 대해서 자세하게 학습한 적이 있었다. 그때 정리를 해두고 완벽하게 이해를 했다고 생각했는데,, 최근에 다시 Prototype에 대해 정리를 하려고 봤더니 많이 헤깔렸다!! 그래서 이번에는 블로그에 정리해두고 헤깔릴 때마다 보려고 한다. 프로토타입 상속에 대해 자세하게 공부하고 싶다면 이 사이트를 참고하면 좋다!! https://ko.javascript.info/prototype-inheritance 프로토타입 상속 ko.javascript.info Prototype이 무엇일까? 상속을 가능하게 하는 자바스크립트 언어의 고유 기능이라고 한 줄 요약을 할 수 있다. class의 extends와 완전히 같지는 않다!! class를 prototype 체인에 연결 하려고 했을 떄..
Javascript 2021. 12. 15. 00:02
Scope와 Closure 이해하기 위한 선행 학습 (Execution Context, Lexical Environment )

JS에서 Scope와 Closure를 이해하기 위해서는 Lexical Evironmet에 대한 이해가 선행되어야 한다. 그래서 아래 포스팅을 해석하며 Execution Context를 이해해보려고 했다!! https://blog.bitsrc.io/understanding-execution-context-and-execution-stack-in-javascript-1c9ea8642dd0 Understanding Execution Context and Execution Stack in Javascript Understanding execution context and stack to become a better Javascript developer. blog.bitsrc.io Execution Context..
Javascript 2021. 7. 9. 15:25
Groo - class로 구조 변경!! (vanilla.js로 spa 구현, binding 문제 발생)

기존 프론트 구조 - 함수만을 이용 - 페이지마다 html 파일을 두고 새로운 페이지를 렌더링 하도록 구현 - localStorage에 필요한 정보를 모두 저장해두고 있음 발생한 문제 - 중복되는 기능이 있는 함수를 페이지마다 만들어야 함 - 마크업에 있는 태그가 아니라면 오류가 발생함 (당연하지만,,, ) -> 이거 때문에 중복이 더 많아짐 -> 해결방법이 있을 것 같은데 내가 못 찾는 느낌!! (이것도 찾아봐야겠다) 변경한 프론트 구조 - 클래스를 이용 - SPA 구현 ( data-href 라는 옵션을 태그에 추가해서 구별할 수 있도록) - 페이지 별로 클래스를 생성 - habit, user, comment 클래스를 생성해서 각 기능별로 load, save 기능을 수행할 수 있도록 함 클래스로 변경하..
Project/Groo 2021. 6. 16. 12:26
이전 Prev 1 Next 다음