HTML 을 해보면 폼 자체가 가진 동작(?) 을 사용할때가 있다. 예를 들어, 같은 태그를 사용하게되면, 속성값에 따라 javascript 없이 특정 동작을 하게 도와준다. 하지만, javascript로 관리하면 더 편리하게 사용할 수 있다. 그리고, 이 폼이 가진 값을 React에서 관리하고 추적할 수 있게 하는것을 제어 컴포넌트 (Controlled Component) 라고 부른다. 아래 예시를 보면 onChange 이벤트시 React 에서 바인딩된 함수가 호출되어 state로 관리하게 되는것을 볼 수 있다. class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this...

Next.js 를 한번 해보라는 지인의 소개에 한번 찾아보니 create-react-app 후 Express와 연결해줄 필요없이 한번에 routing까지 쉽게 할 수 있다는 것을 알게되었다. Web Framework을 한번 시도해보려고 할때마다 느끼는 것이지만, 공식홈페이지가 다른 Tech에 비해 월등히 잘되어있음을 느낄 수 있었다. Next.js 공식홈페이지 : https://nextjs.org/ Next.js by Vercel - The React Framework Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websi..

이전에 StopWatch를 구현해보면서 현재 시간을 list에 저장하는 기능을 넣은적이 있었다. 이때 list에 값을 담고 그대로 출력하니 리스트의 각항목에 대한 key가 필요하다는 Warning 메세지가 떴었다. 2021.07.21 - [개발/React.js] - [React.js] StopWatch 구현하기 [React.js] StopWatch 구현하기 어떤 프로그래밍 언어든 직접 해보지 않으면, 내가 배운것이 다가 아니라는 것을 계속 깨닫게 된다. React 공홈을 통해 배운 것을 하나로 뭉쳐서 뭘 만들 수 있을까 고민해보다가 state, component 등 kwanghyuk.tistory.com 이유는 React.js 자체에서 엘리먼트에 안정적인 고유성을 부여하기 위해 배열내부의 엘리먼트에 지정..

Python 은 언어의 특성상 C언어 같이 컴파일하는 언어에 비해 느리다. 그래서 실행 속도를 개선하고자하는 움직임이 많이 있었는데, 아무래도 C언어와 가장 유사한 성능을 보여주기 위해서는 Cython 사용이 필요하다고 판단했다. 자료를 조금 찾아보니 Python을 사용하는 모든 곳에 적합한 것을 아니고, 연산이 많은 앱에 특화되어있었다. 왜냐하면, Python은 C언어처럼 변수 선언시 자료형을 쓰지 않기때문에 runtime중 type 을 참고하는데 은근 많은 시간을 소비한다고 한다. (Django 같은 web framework 에서는 굳이 쓸필요가 없다. 쓰면 아주 조금의 성능 개선은 있겠지만, 오히려 버그를 만들 수 있는 요인이 되기도 한다. 소탐대실할 수 있다.) Cython 사용법 cython 모..

RIV의 약자의 뜻은 아래와 같다. RIV = resource indicator value 그리고 스펙 관점에서 해석하면 NR에서 RIV란 아래와 같이 정의된다. a first PRB and a number of contiguous PRBs by higher layer parameter locationAndBandwidth that is interpreted as RIV according to TS 38.214, setting , and the first PRB is a PRB offset relative to the PRB indicated by higher layer parameters offsetToCarrier and subcar..

가끔 Reactive Web 을 보면 어떻게 만들었나 궁금해서 개발자 도구를 이용해서 javascript를 꺼내볼때가 있다. 그럴때마다 "constructor(e){super(e)" 처럼 React에서는 props로 쓰이던 부분이 "e"로 변경되어있는 것이 눈에 띄이고, 코드가 모두 한줄로 나열되어 있는 모습을 볼때가 있었다. React를 공부해보던중 javascript minify 하는 방법이 있어 찾아보니 npm 모듈을 통해 손쉽게 만들 수 있었다. 방법은 간단하다. 먼저 node.js 가 설치되어있어야하고, terser 라는 모듈이 필요하다. 1. Node.js 설치 2. npm install terser 입력 3. npx terser -c -m -o like_button.min.js -- like..