KBW's cosmos

우선 기존에 사용되던 defaultProps는 더 이상 사용되지 않는다. (참고↓) RFC: createElement changes and surrounding deprecations by sebmarkbage · Pull Request #107 · reactjs/rfcs This proposal simplifies how React.createElement works and ultimately lets us remove the need for forwardRef. Deprecate "module pattern" components. Deprecate defaultProps on function components. ... github.com 가장 쉽게 사용할 수 있는 방법은 optional argume..

Create NextApp with Typescript npx create-next-app@latest --ts # or yarn create next-app --typescript 프로젝트가 만들어지고 폴더가 생기면 해당 프로젝트 폴더로 이동 Install TailwindCSS npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p Configure template paths /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", ]..

우선 위와 같이 public 폴더안에 폴더를 만들고 이미지 파일을 넣어준다. 그리고 위와 같이 경로를 설정해주면 아주 쉽게 불러올 수 있다!

useHistory를 이용해서 페이지를 이동할 때 아래와 같이 작성할 수 있다. history.push("/main"); 하지만 만약 이미 main페이지에 있다면 이미 main페이지기 때문에 이동하지 않는다. 이때, 새로고침을 하게 해주고 싶다면 아래 코드를 사용하면 된다. window.location.replace("/main")

매개변수가 들어갈 필요가 없는 경우에는 버튼 이렇게 함수 이름만 넣으면 된다. 근데 매개변수가 들어가야 할 경우에는 버튼 이렇게 바로 괄호치고 넣으면 안된다. 화살표 함수를 사용해 넣어줘야한다. exampleFunc("parameter")}>버튼

(※ 2학년 2학기 데이터베이스 수업의 팀 프로젝트다.) 5명이 한 팀이 되어 작업하였으며 프론트엔드 3명, 백엔드 2명으로 작업하였다. 필자는 프론트엔드를 맡아 영화 페이지, 영화 세부페이지를 작업하였고 기말 최종 발표를 진행하였다. 프론트는 React로 작업하였고 Styled Component, Material UI를 이용했다. 백은 Django로 작업하였다. 중간 과제 때 만든 데이터베이스 스키마를 이용해 물리적 데이터베이스를 만들고 swagger api를 이용해 axios로 백엔드에서 데이터를 받아와 하드코딩이 아닌 서버와 연동하여 작동하는 웹사이트를 만들었다. VCS로는 GitHub를 사용하였고 Trello의 칸반보드를 사용하며 효율적으로 작업하였다. 아래는 데이터베이스 수업 기말 최종 발표 시..