# component

134개의 포스트
post-thumbnail

Ep.2 나의 첫번째 리액트 컴포넌트

간단하게 첫 리액트 컴포넌트를 만들어 보았다.

어제
·
0개의 댓글
post-thumbnail

React로 레이아웃 컴포넌트 만들기 (헤더, 푸터, 메뉴바)

대부분의 페이지에는 Header, 메뉴바, Footer 등이 들어갑니다. 하지만 모든 페이지에 일일이 헤더, 메뉴바, 푸터를 작성하기에는 번거롭습니다. 컴포넌트로 만들더라도 매번 세 개의 컴포넌트를 넣는 것은 깔끔하지 않죠.그래서 보통 필요한 컴포넌트를 묶어서 Layo

2021년 6월 11일
·
0개의 댓글
post-thumbnail

NextJS에 React 컴포넌트 추가하기

이전 글에서, 설치된 NextJS 프로젝트에 Typescript를 추가했었습니다.그리고 이번에는 본격적으로 React 컴포넌트를 추가하여 페이지와 내부 컴포넌트를 만들어서 index 홈페이지를 구성하려고 합니다.우선 컴포넌트 디렉토리 구조는 사람마다, 프로젝트마다, 회

2021년 6월 11일
·
0개의 댓글
post-thumbnail

[TIL-20210604] What is React?

리액트(React)란? 리액트는 Frontend 개발을 위해 Facebook에서 개발한 Javascript 오픈소스 라이브러리이다. 리액트의 특징 3가지 선언형 > 리액트는 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 작성하기보다 한 파일에 명시적으로 작

2021년 6월 4일
·
0개의 댓글
post-thumbnail

[TIL] Day37- Component Design

컴포넌트 기반 Bottom-up 방식 개발이 무엇인지 이해한다.컴포넌트 UI 개발에 도움을 주는 라이브러리인 Storybook을 활용할 수 있다.구조적으로 CSS를 작성하는 방법의 발전과 이유에 대해서 이해한다.컴포넌트 기반 CSS 작성에 도움을 주는 라이브러리인 St

2021년 6월 1일
·
0개의 댓글
post-thumbnail

react modal component 만들기

벨로그에 있는 포스트 삭제를 누르면 나오는 모달창을 참고해서 간단하게 만들겠습니다. react 프로젝트를 기본적으로 설치를 해주고 아래와 같이 패키지를 설치해 줍니다. 설치 패키지 @emotion/core @emotion/react @emotion/styled

2021년 5월 31일
·
0개의 댓글

[React] React Component

#React #Component

2021년 5월 27일
·
0개의 댓글
post-thumbnail

TIL - JSX, Component ( React -2 )

TIL - JSX, Component ( React -2 )

2021년 5월 24일
·
0개의 댓글
post-thumbnail

OSWSW 프로젝트 issue #4

위 사진과 같이 가격은 오른쪽에 정렬되고 메뉴 이름은 왼쪽에 정렬되어야 하는 UI의 경우메뉴에 float: left가격에 text-align:right속성을 부여하여 작성한다. 하지만 float으로 작성할 시 주의점이 있다. 우리 즉 개발자가 보기에는 화면에 "메뉴"가

2021년 5월 24일
·
0개의 댓글
post-thumbnail

인스타그램 피드 캐러셀 만들기

퓨어 HTML,CSS,JS로 캐러셀을 만들어야 할 일이 있어 기본적인 원리를 검색하고, 아래와 같은 인스타그램 고정 피드 캐러셀을 만들어보았습니다(이건 제가 만든게 아니라 진짜 인스타그램 피드입니다)기본적인 원리는 콘텐츠(이미지)들을 쭉 나열한다음 캐러셀의 크기를 넘는

2021년 5월 23일
·
0개의 댓글
post-thumbnail

[React] React.createElement

이제부터 컴포넌트를 실제로 만들어보겠습니다. React.createElement를 이용하여 컴포넌트를 만들어보는 것이 React와 JSX에 대한 깊은 이해를 가질 수 있도록 돕기 때문에 이를 배워보도록 합니다.

2021년 5월 15일
·
0개의 댓글
post-thumbnail

React 독학#2

현재 자신의 상태(실력)를 알 수 있어야 한다.누군가가 작성한 설명서(react.org 등)를 볼 수 있어야 한다.질문+검색이 가장 중요결국에는 프로그램의 복잡도를 줄일 수 있다. html에 작성하는 코드를 여러 개의 component로 만들어 그대로 갖다 쓰며 가독성

2021년 5월 11일
·
0개의 댓글
post-thumbnail

React : Component

재사용 가능한 UI 단위

2021년 5월 8일
·
0개의 댓글

[프로그래머스] 카카오컬러링북

별 같잖은 실수를 했던 bfs 문제

2021년 5월 4일
·
0개의 댓글
post-thumbnail

React_Basic

React 기초

2021년 5월 1일
·
0개의 댓글
post-thumbnail

첫 React 컴포넌트

React component react component의 특징은 독립적이고 재사용 가능하다는 특징이 있습니다. component 에 종류는 클래스형(class)과 함수형(function)이 있습니다.

2021년 4월 30일
·
0개의 댓글
post-thumbnail

Route component

Route에서 프로젝트 작업 중main페이지를 3개의 branch로 나눠서 작업!그런데 갑자기 혼동이 왔다..이러면 어떻게 서로 붙여야 하지...?ex)main.jsfilter.js두가지 파일이 있으면 main 작업완료 후 master로 가서 filter branch를

2021년 4월 29일
·
0개의 댓글
post-thumbnail

#TIL16, React Intro | component와 JSX

Component 단위의 Javascript Library가상 돔(Virtual Dom) 을 통해 UI를 빠르게 업데이트한다가상 돔(Virtual Dom) 은 이전 UI 상태를 메모리에 유지해서, 변경될 UI의 최소 집합을 계산하는 기술이다. 이 기술로 불필요한 UI

2021년 4월 26일
·
0개의 댓글

React Life cycle

react의 라이프 사이클을 알아봅니다.😎

2021년 4월 26일
·
0개의 댓글