소프트웨어 엔지니어링/프론트 엔드

공부 링크

dhsimpson 2022. 8. 4. 16:21

(논)블로킹, (비)동기 비교 및 둘의 조합 예시들 : https://sujinhope.github.io/2021/06/13/Network-%EB%8F%99%EA%B8%B0vs%EB%B9%84%EB%8F%99%EA%B8%B0,-%EB%B8%94%EB%A1%9C%ED%82%B9vs%EB%85%BC%EB%B8%94%EB%A1%9C%ED%82%B9%EC%9D%98-%EC%B0%A8%EC%9D%B4.html

 

async 함수에서 await(promise) 이후 로직은 실제로 then 구문으로 트랜스파일 된다. : https://yorr.tistory.com/20

 

Promise 직접 구현해본 사람 : https://blog.hyunmin.dev/14

 

렌더링 최적화2 : https://velog.io/@wiostz98kr/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EB%A0%8C%EB%8D%94%EB%A7%81-%EA%B3%BC%EC%A0%95%EA%B3%BC-%EC%B5%9C%EC%A0%81%ED%99%94-%EB%B0%A9%EB%B2%95

 

브라우저 렌더링 최적화 : https://east-star.tistory.com/8

 

JSX 와 Babe : https://www.daleseo.com/react-jsx/

 

vanillaJS 로 가상 돔 만들기 : https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/

 

VueJS 에서 ts 로 모듈 번들링 및 npm 에 배포하기 : https://blog.harveydelaney.com/creating-your-own-vue-component-library/ | https://dealicious-inc.github.io/2021/07/28/create-vue-plugin.html | https://www.thisdot.co/blog/how-to-create-and-deploy-a-vue-component-library-to-npm

 

DOM, BOM, html5 API : https://eastflag.co.kr/frontend/html5_api/

 

window, BOM, DOM : https://cbw1030.tistory.com/46

 

window 객체와 BOM : https://www.zerocho.com/category/JavaScript/post/573b321aa54b5e8427432946

 

vue 메모리 누수 체크 : https://engineering.linecorp.com/ko/blog/vue-memory-leak-analysis

 

vue 라이프사이클 훅 : https://wormwlrm.github.io/2018/12/29/Understanding-Vue-Lifecycle-hooks.html

 

버튼 누를때 이벤트 동작 원리 : https://kim-solshar.tistory.com/36

 

javascript microTask : https://developer.mozilla.org/ko/docs/Web/API/HTML_DOM_API/Microtask_guide

 

Promise, async/await MicroTask queue : https://dkrnfls.tistory.com/362

 

이벤트 루프, 그리고 브라우저와 nodejs에서의 이벤트 루프는 무엇이 다른가? : https://yceffort.kr/2021/08/browser-nodejs-event-loop

 

vue watch vs computed 무엇을 언제 어떻게 구분해 사용해야 할까? : https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90vuejs-computed-vs-watch-%EC%96%B8%EC%A0%9C%EC%8D%A8%EC%95%BC%ED%95%A0%EA%B9%8C-d25316c4ef42

vuejs plugin 이란? : https://blog.naver.com/PostView.nhn?blogId=pjok1122&logNo=221648913591

vuejs funcional 컴포넌트란(c.f. Vue3에서 deprecated)? : https://fedevelopers.github.io/tech.description/Vue.js%EC%97%90%EC%84%9C-functional-component%EB%8A%94-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C/

 

웹 컴포넌트 : https://yozm.wishket.com/magazine/detail/1193/

 

클로저 : https://blog.bitsrc.io/closures-in-javascript-why-do-we-need-them-2097f5317daf / https://opentutorials.org/course/743/6544

상황에 따라 this 가 가리키는 것 : https://velog.io/@hanblueblue/JavaScript-3

binding (call, apply, bind) : https://wooooooak.github.io/javascript/2018/12/08/call,apply,bind/

호이스팅 : https://gmlwjd9405.github.io/2019/04/22/javascript-hoisting.html

가상돔 vs 돔 비교 : https://blog.drakejin.me/React-VirtualDOM-And-Repaint-Reflow/

브라우저 렌더링 과정 : https://tecoble.techcourse.co.kr/post/2021-10-24-browser-rendering/ 

https://medium.com/%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98%ED%92%88%EA%B2%A9/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98-%EB%A0%8C%EB%8D%94%EB%A7%81-%EA%B3%BC%EC%A0%95-5c01c4158ce

 

vuejs란? : https://coding-start.tistory.com/213

 

vuejs3 업데이트 : https://www.samsungsds.com/kr/insights/vue_js_3.html

 

vuejs router history mode : https://v3.router.vuejs.org/kr/guide/essentials/history-mode.html

 

SPA 에서의 Routing 원리 : https://www.reimaginer.me/entry/spa-and-spa-routing

 

Javascript 의 this 바인딩 : https://velog.io/@padoling/JavaScript-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98%EC%99%80-this-%EB%B0%94%EC%9D%B8%EB%94%A9#:~:text=%EB%B0%94%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%95%8C%EC%95%84%EB%B4%85%EC%8B%9C%EB%8B%A4.-,JavaScript%20%ED%95%A8%EC%88%98%EC%9D%98%20this%20%EB%B0%94%EC%9D%B8%EB%94%A9,-Java%EC%99%80%20%EA%B0%99%EC%9D%80

 

webpack : https://serzhul.io/JavaScript/learn-webpack-in-under-10minutes/

 

webpack 이 필요한 이유 : https://joshua1988.github.io/webpack-guide/motivation/why-webpack.html#%ED%8C%8C%EC%9D%BC-%EB%8B%A8%EC%9C%84%EC%9D%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%AA%A8%EB%93%88-%EA%B4%80%EB%A6%AC