ZOELOG

실제로 현업에서 Angular 프레임워크를 사용했는데 생각보다 무겁고 배포, 빌드, 환경설정에 많은 시간을 들이게 되는 듯 했다.. 그리고 무엇보다 데이터를 빠르게 처리해야하는 과정에서 렌더링이 너무 느렸다 그리고 실제로 앵귤러 버전 9미만에서 9이상으로 올렸을 때 기존 웹에서 사용하던 라이브러리들이 잘 동작하지 않는 이슈도 있었고,,, (한땀한땀 수정..) 좀 더 라이트한 리액트를 공부해봐야겠다 싶었고 서치 중 SSR(Server side rendering)과 CSR(Client side rendering)을 잘 설명해준 유튜브를 보게되었다. 좋은 영상이라 공유. https://www.youtube.com/watch?v=D71ByEIBWEs&t=420s * SSR (server side renderin..

Babel JSX 문법 사용시 브라우저가 읽을 수 있도록 호환 JSX 이런식으로 대문자로 생성해서 기존 html 과 구분 state 기본적으로 데이터가 저장되는 곳 React js state특징 : 리랜더링 필요없이 컴포넌트에 바뀐부분만 업데이트 됨. 상호작용성이 좋음. * React 의 컴포넌트 리랜더링 방법 => React.useState(초기값); 사용 이때 [값, 실행함수] 가 리턴. 실행함수 실행 시 리랜더링이 자동으로 이루어짐 * js 배열 요소 꺼내기 => const food = ["tomato", "potato"] const [myFavFood, mySecondFavFood] = food; 하면 myFavFood 했을때 tomato 나옴. * state를 바꾸는 2가지 방법 => 1. 실행..

패킷 데이터를 스트링 형태로 변환해 저장할 때 어떻게 String을 사용해야 효율적인지 서치해보았다. 받은 패킷 데이터를 계속 갱신하고 이어 붙어야 하는 입장에서 String을 잘못사용했다간 어마어마한 메모리 낭비를 할 수 있다는걸 발견했다. 공부에 도움인 된 블로그 글 https://novemberde.github.io/post/2017/04/15/String_0/ String과 StringBuilder, StringBuffer 의 차이를 명시해 준 블로그. String은 새로운 값을 할당할 때마다 새로운 주소값이 생성 되기 때문에 많은 String이 더해지게 되면 그 이전 주소값들이 스택에 쌓이고 클래스들은 Garbage Collectorrk 호출되기 전까지 힙메모리를 잡아먹는 것.