분류 전체보기 (63) 썸네일형 리스트형 begining functional javascript functional javascript 함수형 프로그래밍 원칙 항상성 => y = ax +b 하나의 x에 대해서 같은 y값이 보장되어야 한다. 순수 함수 => 함수 안에서 모든 변수(상수x)는 인자로 받아야 한다. 항상성의 원칙을 지키기 위해서 --> 결국 수학의 함수 개념과 똑같다 2장은 함수의 사용법과 es6에 관하여 기본적인 내용들이라 크게 생각나는 내용이 없네요.. 함수의 정의와 es7의 함수, 기존의 함수의 차이점에 관한 내용들 이었습니다 3장은 고차 함수와 추상화에 관하여 고차함수란 함수를 인자로 받거나 함수를 리턴할 수 있는 함수를 일급 객체로 취급한다고 하고, 이를 *이 장에서 새로 알게된 것 if (0){ //js 에서 if (0) next js ssr 설정하기 with typescript next js 에서 ssr 설정하기 이 글을 읽는 여러분은 ssr이 무엇인지 알고 계시리라 믿습니다. 혹시 모르시는 분은 아래 글을 읽어주세요 ssr 이란? https://www.omnisci.com/technical-glossary/server-side-rendering next.js ssr 설정하기 공식 문서 https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering 이 글을 쓴 이유. next.js의 document를 꼼꼼히 읽지 않아서 삽질을 했기 때문에, 우선 주의사항) getServerSideProps 함수는 pages에서 export 가능 하게 작성해야 한다. 하위 컴포넌트 내에서 작.. 비전공자의 cs 지식 쌓기 보호되어 있는 글입니다. 오늘 읽은 글 (아주 큰 자바스크립트 애플리케이션 설계하기) 보호되어 있는 글입니다. solid - js 및 shadow dom 그냥 공부하면서 의식의 흐름대로 끄적이기 bgm. 너와 나의 memories dom = html 문서의 구조화된 표현 ==> 최종적으로 브라우저에 무엇을 렌더링할지 표현할 때 사용 shadow dom = 캡슐화된 돔으로 외부의 css에 영향을 받지 않는다..? 설명하는 사람도 잘 모르는 것 같은데 공식 문서참고 해야겠다 mdn에 따르면 shadow dom은 video 테그를 사용했을 때, 나타나는 컨트롤러와 같이 하나의 테그와 그 안에 숨겨져서 (독립적으로) 작동하는 것들을 말한다고 한다. => 개발자 도구에도 안잡혀야 shadow dom으로 보는 듯 깊게 안파도 될 것 같다 일단 개념만 알고 가는걸로 하고 pass https://developer.mozilla.org/ko/docs/Web/Web_Components/Using_shadow_DO.. 이것저것 공부할 것 / 한 것 프론트 근본 ** react에서의 상태관리 => state,redux, swr 등등 -> ** 효율적 렌더링 => react(virtual dom), angular, vue ... --> react 이외의 것들 공부 해보자 ** virtual dom 브라우저에 실제 렌더링 하는데에 많은 비용이 들기 때문에 렌더링 하기 전에 virtual dom(가상의 돔) 에서 브라우저의 렌더링에 사용된 값들을 비교해서 바뀐 부분만 새로 렌더링 하는 새로운 접근 법 ==> react 에서는 state | html | css가 바뀔때만 새로 렌더링이 되게 되어있음 ( state가 바뀔때 | html, css 가 바뀔때의 내부적 동작의 차이점 공부 필요), state 관리의 핵심은 불변성, 내부적으로 state가 담에 담긴.. 중국 주식이 폭락합니다 - 후속편 중국 정부의 didi 추싱 규제 사건이 일어난 후로 벌써 100일이 넘는 시간이 흘렀습니다. 그 동안 중국의 주식이 어떻게 되었는지, 필자가 추천했던 cweb의 근황은 어떻게 되는지 써 보려 합니다. 먼저, 그 당시 매수했던 cweb는 이렇게 되었습니다. 최초 매수 당시 $20정도 하던 주식이 계속 해서 하락을 했고, 최초 구매시의 가격도 충분히 저렴하다는 확신을 가지고 구매했던 주식이기에 지속적인 추가 매수를 통해서 매입 단가를 낮출 수 있었습니다. 여담으로 저는 1~2개의 종목에 집중 투자를 선호 하지만, 주식의 가격을 단기적으로 맞추는 것은 불가능 하다고 생각 하기 때문에, 선택한 종목에 대해서 분할 매수를 진행하는 편입니다. 아직 수익을 실현할 만한 이벤트가 없어서 수익을 실현하지 않았기에 성공한.. [react] clean-up function에 대한 이해 리액트의 hooks 인 useEffect 에는 clean-up Function 이라는 기능이 있습니다. 이에 관해 햇갈리는 분들이 많은 것 같아 한 번 정리해 보았습니다. 1) useEffect 는 기존 class형 컴포넌트의 componentDidMount 와 유사한 기능을 하고 clean-up Function은 componentDidUnMount와 유사한 기능을 합니다. 다음은 useEffect와 clean-up function 예시입니다. 예시) https://codepen.io/leeyh-kor/pen/NWvdOxW?editors=1111 NWvdOxW ... codepen.io useEffect 는 총 두개의 인자를 전달 받습니다. useEffect(()=>{이 함수를 실행},[이 값이 변경되면.. 이전 1 2 3 4 5 6 7 8 다음
