profile
Front-End Devleoper 일껄요?
post-thumbnail

[React] 백앤드와 프론트앤드의 통신을 위해 알아야 할 것들...

API 백앤드와 통신하는 과정에서 너무 자주 나오는 개념이라 정리하고 넘어가려고한다. Application Programming Interface,응용 프로그램 프로그래밍 인터페이스 응용프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어

2020년 6월 20일
·
0개의 댓글
post-thumbnail

[React] 몬스터를 잡다...

Prologue 새로운 과제는 몬스터를 때려잡는 것이다. 무려 API로 데이터를 호출해서 Map함수를 사용해서 컴포넌트를 재사용해서 ...... 너무 어려웠지만 항상 그렇듯 물리(시간)로 문제를 해결한다. 신기한게 주먹으로 한 번 치면 안되는데 100번 치다보면 된다.

2020년 6월 18일
·
0개의 댓글
post-thumbnail

[React] 이론 정리 Mark VI

constructor는 생성자 메소드로서 컴포넌트가 처음 만들어 질 때 실행된다.이 메소드에서 기본 state를 정할 수 있다.컴포넌트가 DOM 위에 만들어지기 전에 실행된다.컴포넌트를 화면에 보여준다. 이를 보통 렌더링이라 한다.컴포넌트에서 꼭 필요한 함수로 렌더함수

2020년 6월 17일
·
0개의 댓글
post-thumbnail

[React] 이론 정리 Mark III

1. LifeCycle 기본적으로 라이브러리, 프레임워크는 각각 lifecycle을 가지고있다. 우리가 사용하는 라이브러리나 프레임워크에 개발 스타일을 맞춰줘야한다. lifecycle을 잘 이해하고있어야 백엔드와 통신이 원활하다. 서버 개발자와 API를 통해 소통할

2020년 6월 17일
·
0개의 댓글
post-thumbnail

[React] 이론 정리 Mark II

state는 고정적인 데이터가 아니라 변경될 수 있는 데이터를 처리할 때 효율적으로 사용될 수 있다. 실제로 state 값을 변경해서 화면이 변경되면 render()함수가 다시 실행되어 실제로 화면에 적용해준다.state를 사용하기 위해서는 함수형 컴포넌트 대신에 클래

2020년 6월 17일
·
0개의 댓글
post-thumbnail

[React] 이론 정리 Mark I

웹개발을 보다 효과적으로 작업할 수 있도록 만든 JS기반 라이브러리선언적: 리액트는 대화형 UI를 작성하기에 유리하다. 데이터가 변경되었을 때 효율적으로 렌더링을 수행할 수 있도록 한다.컴포넌트 기반: 캡슐화된 컴포넌트가 상태를 관리하고 UI를 효과적으로 구성할 수 있

2020년 6월 17일
·
0개의 댓글
post-thumbnail

[React] 생활코딩 part .3 Event

Event, state, props 그리고 reder 함수 페이지의 컨셉에 따라서 웰컴 페이지인지, 내용을 보여주는 페이지인지 구분한다. (welcome/read) 'mode' 값에 welcome을 주고 welcome props를 생성 리액트에서는 프롭스나 스테이트

2020년 6월 13일
·
0개의 댓글
post-thumbnail

[React] 생활코딩 part .2 Component

Before React va After React 리액트는 복잡하고 많은 양의 코드들을 내가 정의한 코드 속에 한줄로 넣어서 사용할 수 있게 해준다. 리액트 기술이 없다면 우리는 가독성이 떨어지는 코드들 속에 파묻힐 것이다. 예를 들면, navigation을 상징하는

2020년 6월 8일
·
0개의 댓글
post-thumbnail

[React] 생활코딩 part .1 기본 개념

리액트란? 페이스북에서 만든 라이브러리 front 언어들이 어려워지고 복잡해진다. 복잡해진 코드를 밖으로 빼서 정리하고 싶어진다. 복잡한 코드를 정리해서 다시 전송한다. 사용자 정의 component 기능 1) 가독성이 좋다. 2) 재사용성이 높아진다.

2020년 6월 8일
·
0개의 댓글