프론트엔드 (3) 썸네일형 리스트형 [REACT, JS, AXIOS] JS 다중 파일 및 JSON 전송 1. 작성 동기 [PROJECT] 동아리 모집 설문 페이지를 제작 중 지원자들의 포트폴리오 혹은 올리고 싶은 파일을 받을 수 있도록 하여야 했는데 지원자들이 작성한 글과 함께 파일들을 다중으로 받는 경우에 어떤식으로 처리를 할지 몰라 삽질을 계속해서 하다. 결국 해결을 했는데 삽질을 하다 참고한 글들을 내가 한번 더 보기 쉽게 정리를 하면 다른 사람들한테도 도움이 되고 나한테도 도움이 될 것 같아서 이 글을 작성하게 되었다. 2. Form 작성 아래는 파일을 받기 위한 간단한 예제 form 이다. import React from "react"; import axios from "axios"; const Survey = () => { return ( onSubmit(e)}> 제출 ); }; export d.. [React] Storybook 설치법 사용동기 React로 새로운 프로젝트를 진행하기 전 디자인 시스템과 효율적인 UI 개발이 해보고 싶어져서 컴포넌트 UI 개발이 가능한 Storybook을 프로젝트 파일에 적용 해보기로 했다. 1. 프로젝트 파일 준비 및 yarn 설치하기 나의 경우엔 CRA로 만들어진 프로젝트 파일이 아닌 기존에 만들어 사용하던 webpack을 이용한 프로젝트 파일이 있어서 기존 프로젝트 파일에 Storybook 패키지를 설치하여 이용하기로 했다. 아래는 기존에 내가 사용하던 React 프로젝트 파일이다. https://github.com/POBSIZ/webReact.git GitHub - POBSIZ/webReact: Webpack과 Babel, React, Typescript, Sass를 사용하는 개발환경 Webpac.. 오늘의 수확(알아낸 것들) - 풍년이다 풍년 1. 데이터베이스 모델 시각화 툴 [ERD - Entity–relationship model (개체-관계 모델)] = { aquerytool.com/ AQueryTool - AQuery.Web AQueryTool은 웹 기반 ERD 툴 + SQL 자동 생성 프로그램입니다. aquerytool.com www.erdcloud.com/ ERDCloud Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool. www.erdcloud.com 참고하면 좋은 글 choiseungyoun.github.io/posts/what-is-erd/ ERD란 무엇인가? - Youn's Journa.. 이전 1 다음
