# antdesign

6개의 포스트
post-thumbnail

[React]AntDesign 알아보기

AntDesign 설치하기 AntDesign icon 사용하기 여기서 아이콘을 찾아 볼 수 있다. https://ant.design/components/icon CameraOutlined.jsx Typography Layout defaultkey는 처

2022년 11월 29일
·
0개의 댓글
·

SurveyProject_admin) 클론코딩 정리하기

survey프론트단을 클론 코딩하고 바로 뒤이어 시작한 어드민페이지 클론코딩. 만들어낸 설문페이지의 각 설문들을 관리하는 영역이다. 이것도 프론트와 마찬가지로 흐름을 이해하고, 라이브러리들을 사용하는 이유를 살펴보기에 좋은 프로젝트였다. 더불어 연계되는 개념도 찾아보며 이해되는과정이 되기도 했다. 하지만 기능구현은 역시나 쉽지않았으므로 조금 더 코어를 탄탄하게 해줄 클론코딩을 해봐야겠다, 자바스크립트 딥다이브 2회독도 빨리 마무리해야지. n회독이 목표:) 무튼, 이번 클론코딩한것을 단계별로 일지처럼 적어본다. >1. 프론트단과 마찬가지로 기획서에서 요구하는 기술과 필요한 구조를 설계해야한다. 참고로 이 영역에서는 디자인 시안이 없다. 모든 프로젝트가 그런것은 아니지만 보통의 어드민은 디자인시안 없이 기획서나 와이어프레임을 토대로 지정된 템플릿을 사용해 페이지를 그려낸다. ![](https://velog.velcdn.com/images/aoh1223/post/7fdc8628-c1

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

React : ant Design {Row, Col} 활용하기

블로그 이동중 해당 링크에서 확인해주세요 https://jikeun.tistory.com/entry/React-ant-Design-Row-Col-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0

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

React : ant Design 디자인 활용하기

👉 ant Design 설치 >npm i antd 리액트에서 사용하는 컴포넌트 라이브러리 중 하나인 ant design은 많은 ui 컴포넌트를 제공한다! 디자인이 어렵거나, 캘린더 기능을 사용할때 사용하기 좋다 공통스타일을 적용하기 위해서 index.js로 가서 전역으로 css를 넣어줘야 한다 👉 ant component 종류 볼 수 있는 곳 >https://ant.design/components/overview/ 이곳에서 사용하고 싶은 컴포넌트를 골라서 사용하면 된다 컴포넌트 아래에 `` 부호를 클릭하면 코드를 바로 볼 수 있는데 아래와 같이 해당 컴포넌트 코드 그대로 긁어와 사용하고싶은곳에 붙여넣어서 사용하면 된다! <br

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

Ant Design 사용 후기

취업 지원 중 한 회사에서, "Ant Design"을 활용하여 UI를 스타일링 하라는 과제물을 받았었다. 디자인 라이브러리는 Bootstrap, Material UI 등 많이 들어보았으나, 학원에서는 기본기를 다지기를 더 원했어서 사용해볼 기회가 없었었다. 좋은 기회로 한번 체험 해보게 되어 사용기를 적어보고자 한다. Ant Design이란 관리자 페이지를 만들기에 적합한 디자인 라이브러리 중 하나로 중국을 주축으로 많은 국가에서 사용하는 라이브러리다. (디자인라이브러리의 )장점 참고) 디자인 라이브러리 사용이 처음이여서 어떻게 보면 antd의 장점이 아닌, 디자인 라이브러리의 장점으로 보일 수도 있는 점 양해 부탁드립니다. 알아서 스타일링을 해주니 자바스크립트 로직 구현에만 집중할 수 있어서 좋았다. 그리드나 레이아웃까지 알아서 정해주는것도 참 좋았다. (모든 디자인 라이브러리 공통 사항) 단점 **(AntD만의 단점인지는 잘 모르겠지만) Less기반

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

통통 튀는 Spring-boot 1. 시작하기

0. 스프링은 처음입니다만, > 안녕하세요. 여러분과 함께 삽질을 시작할 에덴입니다. 저는 주로 node, vue와 같이 js를 주로 다루다가 필요에 의해 스프링을 시작하게 되었습니다. 저도 오래 전 학원에서 잠깐 들춰본 것 외에 스프링은 처음입니다. 그래서 다른 분들 포스트에 비해 정확하지 않을 수 있으니, 부족한 점은 언제라도 말씀해주시면 바로 수정하겠습니다. 1. 과연 할 수 있을까? 하나. 아래의 기술 스택을 가진 TO-DO 서비스를 만든다. 하나. 될 때까지 포기하지 않는다!!!!!!!! -> 이게 제일 중요합니다. 제가 포기하지 않길.. 기술스택 : > Bankend : spring-boot + jpa, graphQL Frontend : React + Apollo, Antdesign DB: MySQL(MariaDB) deploy : AWS 2. 삽질의 시작 - 작업준비 자, 이제 Spring-boot 프로젝트를 시작해보죠! 기존의

2020년 7월 24일
·
0개의 댓글
·