profile
ㅋㅋ루삥뽕
post-thumbnail

13. LayOut

레이아웃은 프로젝트 UI의 구조를 의미합니다.Header, Navigation, Menu 등으로 화면을 쪼개는 일을 의미합니다.아래는 레이아웃의 컴포넌트 폴더 구조입니다.아래는 각각의 컴포넌트를 하나로 조립하는 index.tsx 파일입니다.아래의 props.childr

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

12. Modal

alert 대신 Modal을 이용해 다양한 디자인과 기능으로 경고창을 만들 수 있습니다.만약 ant-Design, material-ui에서 Modal을 사용하는 것이 너무 힘들다면 조건부 랜더링을 통해서도 직접 만들 수 있습니다.

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

11. library

Ant-Design과 Material-UI는 디자이너의 도움 없이 개발자가 스스로 디자인된 컴포넌트를 만들 수 있도록 도와주는 UI 프레임워크입니다. 라이브러리를 쓰는 이유는 2가지가 있습니다. 시간 절약과 버그 최소화 직접 만들지 않아도 되므로 시간이 절약되고, 유

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

10. Graphql-codegen , Eslint , prettier , husky

우리는 여태까지 우리가 만든 변수, 상수, 함수 등에 타입스크립트를 적용하였습니다.하지만, 우리가 만들지 않은. 즉, Backend 서버에서 받아오는 데이터에는 어떻게 타입을 적용할 수 있을까요?네! Playground 에서 Docs를 보면 응답으로 받게 될 데이터의

2021년 10월 3일
·
0개의 댓글

09. Type Script

TypeScipt는 자바스크립트를 안전하게 사용하기 위해 마이크로소프트에서 만든 언어입니다. 하지만 웹브라우저는 HTML, CSS, Javascript 밖에 읽을 수 없어서 Javascript로 바꿔 실행시켜야 합니다.이렇게 변경되는 작업을 컴파일 또는 트랜스파일이라고

2021년 10월 3일
·
0개의 댓글
post-thumbnail

08. Component 의 재사용

Component의 재사용성React를 쓰는 가장 큰 이유 isEdit 부분에서 true/false 부분을 나눠 게시판 수정, 등록으로 출력하게한다.

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

07. Map , Key

Map은 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.Map 실습내용 입니다.key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕습니다. key는 엘리먼트에 안정적인 고유성을 부여하기 위해 배열

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

06. 실무형 폴더구조 와 props

container / presentational 패턴이란 소스코드를 Javascript(기능)와 HTML(UI)로 나누는 방법을 의미합니다.Container 는 Javascript Presenter 는 HTML 위의 내용을 두개의 파일로 나누면 이렇게 됩니다.세부 내용

2021년 9월 19일
·
0개의 댓글

05. Router

Router 라우터(router) 란 페이지 이동과 관련된 기능을 가지고 있는 객체 이다. 라우팅엔 정적라우팅과 동적라우팅이 있다. 정적라우팅은 고정되어있는 페이지 ex) 로그인 화면 동적라우팅은 정보 입력하면 그에 따른 정보가 나온다. ex) 마이 페이지 정적라우

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

04. graphql

\_app.js 에 들어가서 아래와 같이 입력을 한다.

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

03. API

API란 HTTP 요청을 Back-end 컴퓨터에 보냈을때 실행되는 Back-end 기능이다.API에는 rest-API와 graphql-API가 있는데,rest-API는 주는대로 다 받고 graphql-API는 골라서 받을 수 있다.https://naver.c

2021년 9월 1일
·
2개의 댓글

02. React - State, useState ,useEffect

react.js >> 웹react.native >> 앱react+electron >>pc앱한 페이지에서 여러가지 component를 불러와서 조립. 페이지도 하나의 큰 component가 될 수 있다.재사용 할 수 있는 방식.함수

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

01. React 와 flex

React React에서 다른 폴더에 있는 파일을 불러올 수 있습니다. 예를들어, 한글 문서를 작성할 때도, 하나의 파일에 모두 작성하지 않고, 여러개의 파일에 종류별로 나누어서 작성하면 효율적으로 관리할 수 있습니다. React의 CSS(CSS-IN-JS)

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