profile
안녕하세요. 프론트엔드 개발자 준비생입니다.
post-thumbnail

React스터디_라우터로 SPA 개발하기

SPA는 Single Page Application(싱글 페이지 애플리케이션)의 약어입니다.말 그대로 한 개의 페이지로 이루어진 애플리케이션이라는 의미입니다.

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

React스터디_컴포넌트 스타일링

일반적으로 우리가 흔히 알고 있는 css를 이용하여 스타일링하는 방법입니다.

2020년 9월 5일
·
0개의 댓글
post-thumbnail

React스터디_Hooks

Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 줍니다.

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

React스터디_LifeCycle

클래스형 컴포넌트에서만 사용이 가능한 라이프사이클 메서드는 컴포넌트를 처음으로 렌더링할 때, 어떤 작업을 처리해야 하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도 있고, 또 불필요한 업데이트를 방지해야 할 때 사용합니다.

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

React스터디_자바스크립트 배열의 map 함수

Map 함수란? 자바스크립트 배열 객체의 내장함수로써 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성하며, 반복되는 컴포넌트를 렌더링 할수 있게끔 해주는 함수입니다.

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

React스터디_Ref(Reference)

ref(reference의 줄임말)이란, HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법

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

React스터디_이벤트 핸들링

리액트의 이벤트 시스템은 HTML 이벤트와 인터페이스가 동일하기 때문에 사용법이 비슷합니다.이벤트 이름은 카멜 표기법으로 작성합니다

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

React스터디_State

state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있습니다.

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

React스터디_Props

props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소입니다. props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있습니다.

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

React스터디_클래스형 컴포넌트

클래스형 컴포너트의 설명에 앞서 컴포넌트를 선언하는 방식은 두 가지입니다.

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

React스터디_리액트의 특징

DOM은 Document Object Model의 약어입니다.즉, 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성합니다.DOM은 트리 형태라서 특정 노드를 찾거나 수정,제거,삽입할 수 있습니다.

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

React스터디_왜 리액트인가?

왜 리액트인가? 리액트의 진행방식에 대해 알아보자

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

React스터디_JSX문법

JSX문법에 대해 간단히 살펴보자

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

React스터디_JSX란?

JSX란 무엇인가?

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