코딩공부3 [React] 슬라이드(React Slick) 사용 npx create-react-app react-slide-ex npm install react-slick npm install slick-carousel components 폴더에 MySlider.js 생성, css폴더에 MySlider.css, images 폴더 생성하기 MySlider.js 에 슬릭 라이브러리 임포트 해주고 사진도 불러오기 import '../css/MySlider.css'; import Slider from 'react-slick'; import 'slick-carousel/slick/slick.css'; import 'slick-carousel/slick/slick-theme.css'; import img1 from '../images/slide-images1.jfif' func.. 2023. 6. 24. [팀프로젝트] 게시글작성 위즈윅 ckeditor 사용하기 ckeditor5 builder 사이트 이용하기 하나씩 추가 next step > start We`re working on it >> 대기 Something went wrong 뜨면 다시 돌아가서 반복하기(완료될때까지) >> Previous step > 한국어선택 > next step 아래 완료된화면 압축풀고 파일전체로 문서폴더로 옮기기. 빌드폴더 안에 있는 파일들 전체 복사 후 프로젝트로 복사하기. src > main > resources > static > resources libraries 폴더 생성 > ckeditor 폴더생성 3개의 파일과폴더 복붙 2023. 6. 13. [React] Router 를 이용한 페이지 이동 npx create-react-app react-router0611 터미널 열어서 다운로드 해주기 npm install react-router-dom 다운로드 완료되면 package.json 에서 확인해야됨. App.js 클래스형 컴포넌트로 변경 import { Component } from 'react'; import './App.css'; class App extends Component{ constructor(props){ super(props) this.state ={ } } render(){ return( ) } } export default App; 2. 라우터 돔 임포트하고 주소 지정해주기 Home = / Profile = /profile import { Component } from 're.. 2023. 6. 11. 이전 1 다음 728x90
