전체 글
-
[자바스크립트로하는 자료구조와 알고리즘] 6- 10장Web Dev/2. JS 알고리즘 2021. 5. 21. 00:49
// 6-10장 // 6장 자바스크립트 객체 let javaScriptObject = {}; let testArray = [1,2,3,4]; javaScriptObject.array = testArray; javaScriptObject.title = 'Algorithms'; console.log(javaScriptObject); function ExampleClass() { this.name = "JavaScript"; this.sayName = function() { console.log(this.name) } } let example1 = new ExampleClass(); example1.sayName(); function ExampleClass2() { this.name = "JavaScript"..
-
ES6의 스코프Web Dev/1. JS 문법 관련 2021. 5. 20. 21:02
https://stackoverflow.com/questions/30287977/es6-module-scope ES6 module scope I have the code: // lib.js var a = "a"; export var b = "b"; // main.js console.log(a); // "a" variable is not available in a global scope import {b} from "lib"; console.log(a); // is "a" variable stackoverflow.com ES6의 스코프에 대해서간략한 정리 기존에는 var 키워드를 사용하면 전역에 등록되고 그랬는데, 이제는 ES6 모듈내에서는 var키워드를 사용한다고 해도 모듈 스코프에 등록된다. 하지만 v..
-
React관련 싹 훑기(2) - Intermediate react 세미나 듣고..Web Dev/3. React 관련 2021. 5. 20. 03:03
https://github.com/hayoung0Lee/complete-intro-to-react hayoung0Lee/complete-intro-to-react Contribute to hayoung0Lee/complete-intro-to-react development by creating an account on GitHub. github.com intermediate react가 complete intro to react기반의 세미나였어서 연달아 들었다. 내용이 굉장히 만족스러웠다. Redux도 안쓴지 꽤 됫는데 심플하게 훑고, typescript도 typescript랑 vscode만든 회사사람이 와서 설명해주니까 확실히 도움이 되었던것 같기도. 이제 React도 다뤄본지 시간이꽤지나서인지 이래저..
-
ModulesWeb Dev/1. JS 문법 관련 2021. 5. 19. 23:57
내가 내용을 따로 정리할건 없는데, 매번 https://javascript.info/modules-intro Modules, introduction javascript.info 이글을 보고있다. 그런데 돌아서면 까먹고 까먹고 그렇군. 여하튼 요지는 require등등의 다양한 모듈화 방법이 역사속으로 사라지고 있다는 것이다. 이런 모듈 시스템들은 기존에 JavaScript 언어자체에서 모듈화를 지원하는 기능이 없었어서, 사람들이 고안해놓은건데 이제는 Import/export로 가능하다. CommonJS말고는 써본적이 없는것 같은데, 오래된 코드를 보게될때 있으면 그때 보면 될것 같다.
-
hydrationWeb Dev/3. React 관련 2021. 5. 19. 23:15
https://github.com/hayoung0Lee/complete-intro-to-react/tree/ssr hayoung0Lee/complete-intro-to-react Contribute to hayoung0Lee/complete-intro-to-react development by creating an account on GitHub. github.com ssr을 이번에 다시 한번 복습을 했는데, 왜 Next.js가 인기가 많은지 다시한번 알게 되는 시간이었다. Server - renderToString 위의 예시는 express server를 통해서 server에서 이미 렌더링이 된 파일을 먼저 내려보내준다. 이때 App을 렌더링해야하는데, App 컴포넌트내에서 browserRouter(w..
-
lazy, SuspenseWeb Dev/3. React 관련 2021. 5. 19. 22:07
https://reactjs.org/docs/code-splitting.html Code-Splitting – React A JavaScript library for building user interfaces reactjs.org lazy를 통해서 브라우저에서 렌더된 다음 lazy하게 관련 파일을 로드해온다. 그리고 lazy component는 Suspense 컴포넌트안에서 불러져야한다. Suspense에 fallback 옵션을 통해서 load되는 동안 처리되는 내용을 보여줄 수 있다.
-
useRef, useImperativeHandleWeb Dev/3. React 관련 2021. 5. 19. 17:19
https://react.vlpt.us/basic/10-useRef.html 10. useRef 로 특정 DOM 선택하기 · GitBook 10. useRef 로 특정 DOM 선택하기 JavaScript 를 사용 할 때에는, 우리가 특정 DOM 을 선택해야 하는 상황에 getElementById, querySelector 같은 DOM Selector 함수를 사용해서 DOM 을 선택합니다. 리액트를 사용하는 react.vlpt.us useRef 이거가 젤 잘 이해가되서 그냥 메모해둔다. useRef는 Dom에 바로 접근할 일이 생겼을때 사용한다. https://react.vlpt.us/basic/10-useRef.html 10. useRef 로 특정 DOM 선택하기 · GitBook 10. useRef 로..