# antd

30개의 포스트
post-thumbnail

[antd] CRA 프로젝트 craco를 이용해 커스터마이징하기

https://ant.design/react 프로젝트를 진행하다보면 Datepicker, Input form, Table 등 잘 작성된 컴포넌트를 가져다 쓰는 것이 편한 장점이 있다.

2022년 1월 15일
·
0개의 댓글
post-thumbnail

왜 Google material design을 놔두고 Ant Design을 쓸까?

React UI 라이브러리는 정말 다양하다. UI 라이브러리를 접한 개발자들은 Bootstrap, Material-UI, semantic UI를 들어봤을 것이다. 위의 라이브러리에 대한 정보는 많지만 Ant Financial의 Antd는 흔치 않을 것으로 생각한다.

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

react antd table functional component , 검색, 필터, 체크박스 구현

antd 예제는 class형 컴포넌트로 되어 있다.나는 이것을 함수형 컴포넌트로 바꾸었다.sort기능과 필터기능을 적용 시켰다.체크 박스를 적용시키려면, key가 필요하다. keyArr이라는 함수를 만들어 각각의 항목에 key값을 만들어 주었다.참고 : Highligh

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

React 사이드프로젝트[담벼락][0]

대학교 친구이면서 짱친 채민이와 지현이와 협업하여 진행하고있는 프라이빗 sns 프로젝트를 소개하겠음!사용하고있는 기술스택React.js , React-Redux, Next.js, Styeld-components, AntdNode.js, ExpressMysql, Work

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

5주차 react:Ant-design으로 form 만들기

개발을 하다보면 form을 쓸 일이 많다. 글발행에서부터 댓글까지 submit 해야 할 일이 많은데 처음엔 어렵게 느껴지던 antd가 굉장히 유용하게 쓰여서 공유하고자 5주차 메인 주제로 삼았다. 리액트 Form 사용기🎨 antd 공식문서 발췌 : antd for

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

antd 사용해 SNS 화면 만들기 - 2

4. antd로 프론트 디자인하기 - 3 4-1. 크롬 확장 프로그램 4-2. 프로필 페이지 만들기 4-3. 회원가입 페이지 만들기(커스텀 훅)

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

antd 사용해 SNS 화면 만들기 - 1

1. antd와 styled-compoents 적용 2. antd로 프론트 디자인하기 - 1 2-1. antd 사용하기 2-2. 페이지 중복 처리하기 2-3. Next.js에서 HTML의 다른 구조를 수정하는 법 3. antd로 프론트 디자인하기 - 2 ..

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

[콘솔 경고] Warning: Each child in a list should have a unique "key" prop.

에러 메시지와 실질적인 에러 원인이 다를 수 있다는 걸 알았다...😅

2021년 10월 1일
·
2개의 댓글
post-thumbnail

댓글창에서 별점주기

antD의 rate 라이브러리 설명, 활용해보기

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

antd form으로 Custom validator만들기

antd는 기본적인 validator를 제공해준다.기본적인 다양한 validator를 통해 form의 입력값에 대한 검증을 할 수 있다.위와 같은 코드 처럼 rules안에 다양한 기본 validator를 수행할 수 있다.전화번호에 대한 검증을 해보자!이러한 방식으로 사

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

Ant Design

ant design은 컴포넌트를 가져다 쓸 수 있는 ui tool 입니다.과거 BootStrap으로 대변되던 프론트 엔드 ui tool이 최근 몇년 사이에는 다양하게 등장하여 선택지가 굉장히 많아 졌습니다. 그중에 Ant Design은 리액트에 친화적으로 개발되어 있

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

antd를 통한 반응형 웹 구현하기

반응형 디자인을 어떻게 할것인가에 대해서 많은 고민을 했었지만, 신경써서 구현한 적이 없었던것 같다. 따라서 이번에 antd를 활용해서 반응형웹을 구현해 보았다. 나는 가장 큰화면일 때 3개의 카드를, 중간 화면일 때 2개의 카드를, 최소 사이즈의 화면일 때 1개의 카

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

React에서 antd css적용안되는 문제

antd에서 css가 적용이 안되는 문제가 발생하였다.app.js에서 import해주면 잘되는것을 확인할 수 있다.css적용이 안되서 많이 헤맸다. 근본적인 원인을 찾으려했지만,,, 우선 이렇게 사용하자

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

input 작성 중에 enter키 눌렀을 때 form이 전송되지 않도록 하기

stackoverflow에서 이렇게 하라는 글을 봤는데 keyCode는 deprecated되어서 다시 찾아보았다.참고https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key

2021년 7월 31일
·
0개의 댓글
post-thumbnail

React에서 Ant Design Skeleton으로 로딩 관리하기

비동기적 데이터를 가져오는 로딩시간 동안 사용자들은 멍하니 기다려야 한다. 이에 대한 더 나은 사용자 경험을 제공하기 위한 방법에 대해 다뤄보려한다.

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

[IT-article-archive]#6 글 쓰기 화면 UI 및 기능 만들기(feat. 오류 수정)

[IT-article-archive]#6 글 쓰기 화면 UI 및 기능 만들기(feat. 오류 수정)

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

2021 01 26 화 TIL - 23

Nextantdreact-sns in gitHubnext-redux-wrapper를 설치해서 리덕스할 준비중설치가 제대로 되지 않을땐 --legacy-peer-deps 뒤에 붙이기

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

[Vue] ant design vue 사용 방법

앤트디 사용방법

2021년 1월 17일
·
0개의 댓글