javascript
-
Vanilla Js로 react랑 비슷하게 코딩하기javascript 2021. 1. 1. 14:57
서론 글을 시작하기 전에, 제목을 보고 이곳에 들어온 사람들이 많을 것이다. 솔직하게 말하자면, 과장된 것 같다. 개발자가 아직 아닌 개발자를 희망하는 사람이니, 그 점 참고하고 읽어주길 바란다. 피드백과 훈수는 언제나 환영이다.❤ 그럼, 이제 왜 제목을 저렇게 지었는가? (스토리 읽기 싫으면 밑에 것은 건너뛸 것을 추천) 어떻게 알았는가? 이제 react 같은 library를 보면, component를 나눠서 개발 하는 것을 볼 수 있다. 그리고 그걸 어디서든지 끌고 와서 사용 할 수 있게 한다는 것, 난 이게 너무 편리했다. 하지만, 인생을 살다가 보니 언제든지 react만 사용할 수 있는 것은 아니였다. CRA가 아닌 custom webpack으로 bundling을 해야하는 날도 있듯이 기본 htm..
-
javascript 변수 메모리 할당javascript 2020. 12. 31. 11:08
서론 이 글은 1년차 세미 프론트엔드 개발자가 코어 자바스크립트를 읽고 정리를 하는 글입니다. 원작자 님께 죄송합니다. 그리고 틀린 부분이나 수정할 부분이 있다면 댓글 혹은 이메일 보내주시면 수정하도록 하겠습니다. 감사합니다. 💻 메모리 할당? 그거 알아서 해주자녀? 💻 물론 javascript에서 자동으로 메모리 관리를 해주고 안쓰는 메모리는 GC가 알아서 처리해준다. 하지만 중급 개발자가 되기 위해서는 이런 부분도 알고 있어야지 언어에 대한 이해도가 높아지고, 나중에 연계되는 부분이 많다고 생각해서 10분쯤 버려서 공부할 만한 주제라고 생각한다. 아무튼 시작하겠다. 📦 변수 할당 📦 우선 변수 할당을 하는 코드를 먼저 작성하겠다. const a = 10; const b = { array: [1,2,3..
-
pwa cache patternjavascript 2020. 12. 29. 02:10
PWA Caching Pattern 이 글은 "만들면서 배우는 프로그레시브 웹 앱"을 정리한 글입니다. 🤔캐싱 패턴...?🤔 캐싱패턴이라... 프론트 개발자에게는 조금 생소한 주제일 수 있다. 하지만 요새 트렌드의 방향이 PWA인 만큼 캐쉬에 대해서 자세하게 알아보도록 하자. 여기서 캐싱 패턴이란, serviceWorker에 캐싱된 데이터를 어떻게 이용할 지 정하는 것을 말한다. 캐시만 허용 우선 가장 기본적인 패턴인 캐시만 허용에 대해서 알아보자. 진짜로 캐시에 있는 데이터만 사용하는 패턴이다. 캐시에서 파일을 찾지 못하면 모두 에러 처리가 된다. 대체로 로고나 아이콘, style sheet 같은 정적인 리소스를 처리하는데 유용하다. self.addEventListner("fetch",( event )..