[7장]이벤트 처리
이번 포스팅에서는 리액트에서 어떻게 이벤트를 처리하는지에 대해서 알아보겠습니다. 리액트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사합니다. 이벤트 등록 리액트를 사용하지 않는다면 우리는 흔히 아래와 같이 이벤트를 등록할 거예요. <...
Posts by Tag
Front-End
[6장]Component의 Life Cycle
React에서 Component를 생성하는 방법은 함수로 만드는 방법과 클래스로 만드는 방법이 있다는 것을 학습했었다. 클래스로 만들 경우 React.Component를 상속하여 만들게 되고, 이 경우 Component가 그려지고 갱신되고, 없어지는 일련의 과정에 대한 메소드를 제...
[5장]Component의 props와 propsType 그리고 state
Component로 개발하면 Component간 데이터를 주고 받거나 서버로 부터 가져온 값을 처리해서 관리하는 것은 필수 적이다. React에서는 Component에서 데이터의 상태를 관리하는 몇가지 특징이 있는데 알아보자. props 부모 Component가 자식 Compone...
[4장]Component의 이해
Component의 사용은 React에서만 지원해주는 개념은 아니다. Angular, Vue등 React와 어깨를 나란히 하는 굵직한 프레임워크 및 라이브러리에서 Component라는 것을 지원하고, Component를 사용해서 화면을 만들어 가도록 권장한다. Component란?...
[3장]JSX의 이해
React를 사용하면 JSX를 사용하지 않고 개발을 할 수 도 있지만, 대부분의 개발에서는 JSX를 사용 할 것이라고 생각한다. 이번 정리에서는 JSX가 무엇인지 알아보고 어떻게 사용해야 하는지 정리를 해본다.
[2장]React프로젝트 생성
준비사항 Node.js 설치 Node.js에 대해서 설명하려면 정리 할 내용이 한가득이다. 여기서 Node가 필요한 이유는 추후에 Webpack과 Babel을 사용하기 위해서 설치가 필요하다라고만 설명을 하고 넘어 간다. Yarn 설치 Node.js를 설치하게 되면...
[1장]React에 대해서
React란? React는 사용자 인터페이스 구축을 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리이다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 UI를 구성한다.
React
[7장]이벤트 처리
이번 포스팅에서는 리액트에서 어떻게 이벤트를 처리하는지에 대해서 알아보겠습니다. 리액트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사합니다. 이벤트 등록 리액트를 사용하지 않는다면 우리는 흔히 아래와 같이 이벤트를 등록할 거예요. <...
[6장]Component의 Life Cycle
React에서 Component를 생성하는 방법은 함수로 만드는 방법과 클래스로 만드는 방법이 있다는 것을 학습했었다. 클래스로 만들 경우 React.Component를 상속하여 만들게 되고, 이 경우 Component가 그려지고 갱신되고, 없어지는 일련의 과정에 대한 메소드를 제...
[5장]Component의 props와 propsType 그리고 state
Component로 개발하면 Component간 데이터를 주고 받거나 서버로 부터 가져온 값을 처리해서 관리하는 것은 필수 적이다. React에서는 Component에서 데이터의 상태를 관리하는 몇가지 특징이 있는데 알아보자. props 부모 Component가 자식 Compone...
[4장]Component의 이해
Component의 사용은 React에서만 지원해주는 개념은 아니다. Angular, Vue등 React와 어깨를 나란히 하는 굵직한 프레임워크 및 라이브러리에서 Component라는 것을 지원하고, Component를 사용해서 화면을 만들어 가도록 권장한다. Component란?...
[3장]JSX의 이해
React를 사용하면 JSX를 사용하지 않고 개발을 할 수 도 있지만, 대부분의 개발에서는 JSX를 사용 할 것이라고 생각한다. 이번 정리에서는 JSX가 무엇인지 알아보고 어떻게 사용해야 하는지 정리를 해본다.
[2장]React프로젝트 생성
준비사항 Node.js 설치 Node.js에 대해서 설명하려면 정리 할 내용이 한가득이다. 여기서 Node가 필요한 이유는 추후에 Webpack과 Babel을 사용하기 위해서 설치가 필요하다라고만 설명을 하고 넘어 간다. Yarn 설치 Node.js를 설치하게 되면...
[1장]React에 대해서
React란? React는 사용자 인터페이스 구축을 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리이다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 UI를 구성한다.
Back-End
ProtoBuf 성능 테스트
ProtoBuf 성능 테스트 지난 포스팅에서 ProtoBuf이 무엇이며 특징에 대해서 학습했었다. 특징에서 전송 속도를 향상 시킨다 하였는데, 얼마나 빠른지 직접 눈으로 확인하기 위해 포스팅을 작성한다.
ProtoBuf에 대한 정리 와 예제를 통한 사용 방법 확인
Protocol Buffer를 왜 쓰는가? Protocol Buffer가 무엇인지 알기 위해 Protocol Buffer를 사용하지 않을 경우 어떻게 다른 서비스 간 데이터 교환을 하는지 알고 있으면 이해하기 쉽다.
JVM 메모리의 이해
JVM기반 어플리케이션을 서비스 할 때는 규모가 작을 경우는 잘모르고 지나가도 운좋게 아무 문제 없이 지나갈 수 있지만, 규모가 조금이라도 큰 경우 잘못된 JVM 메모리 설정에 의해 엄청난 문제를 초래할 수 있다. 그래서 JVM 메모리 구조와 각 요소 별 역할에 대해서 기록 한다....
ProtoBuf
ProtoBuf 성능 테스트
ProtoBuf 성능 테스트 지난 포스팅에서 ProtoBuf이 무엇이며 특징에 대해서 학습했었다. 특징에서 전송 속도를 향상 시킨다 하였는데, 얼마나 빠른지 직접 눈으로 확인하기 위해 포스팅을 작성한다.
ProtoBuf에 대한 정리 와 예제를 통한 사용 방법 확인
Protocol Buffer를 왜 쓰는가? Protocol Buffer가 무엇인지 알기 위해 Protocol Buffer를 사용하지 않을 경우 어떻게 다른 서비스 간 데이터 교환을 하는지 알고 있으면 이해하기 쉽다.
gRPC
ProtoBuf 성능 테스트
ProtoBuf 성능 테스트 지난 포스팅에서 ProtoBuf이 무엇이며 특징에 대해서 학습했었다. 특징에서 전송 속도를 향상 시킨다 하였는데, 얼마나 빠른지 직접 눈으로 확인하기 위해 포스팅을 작성한다.
ProtoBuf에 대한 정리 와 예제를 통한 사용 방법 확인
Protocol Buffer를 왜 쓰는가? Protocol Buffer가 무엇인지 알기 위해 Protocol Buffer를 사용하지 않을 경우 어떻게 다른 서비스 간 데이터 교환을 하는지 알고 있으면 이해하기 쉽다.
Cloud
Google Cloud SQL 인스턴스 만들고 연결하기
인스턴스 생성
Compute Engine 인스턴스 만들고 연결하기
인스턴스 생성
수업자료
Google Cloud SQL 인스턴스 만들고 연결하기
인스턴스 생성
Compute Engine 인스턴스 만들고 연결하기
인스턴스 생성
JAVA
JVM 메모리의 이해
JVM기반 어플리케이션을 서비스 할 때는 규모가 작을 경우는 잘모르고 지나가도 운좋게 아무 문제 없이 지나갈 수 있지만, 규모가 조금이라도 큰 경우 잘못된 JVM 메모리 설정에 의해 엄청난 문제를 초래할 수 있다. 그래서 JVM 메모리 구조와 각 요소 별 역할에 대해서 기록 한다....