개발 학습 기록

year={movie.release_date ? movie.release_date : ""} 영화의 개봉시기가 있으면 출력하고 없으면 빈문자열을 prop으로 넘겨주는 코드를 작성했는데, 결과값이 yyyy-mm-dd 라서 이중에 연도만 넘겨주고 싶었다. 1. substring string을 반환한다. movie.release_date.substring() // 2021-06-30 movie.release_date.substring(0, 4) // 2021 2. split 배열을 반환한다. movie.release_date.split("-") // ["2021", "06", "30"] movie.release_date.split("-", 1) // ["2021"] movie.release_date.split..

React 2021. 8. 24. 04:06

리액트 개발 중 콘솔에 아래와 같은 에러 메시지가 출력됐다. Unchecked runtime.lastError: The message port closed before a response was received. 크롬의 확장 프로그램과 충돌해서 생기는 문제라고 한다. 크롬의 확장 프로그램 탭에 들어가서 확장 프로그램을 하나하나 꺼보면서 해결했다.

React 2021. 8. 22. 18:00

리액트 프로젝트 설치 필요조건: node.js가 설치되어있을 것 vsCode에서 터미널을 열고 프로젝트를 생성하려는 경로로 가서 npx create-react-app 프로젝트명 입력한다. 설치가 완료되면 바탕화면에 chwatcha라는 폴더가 생성된 걸 확인할 수 있다. 이 폴더를 vsCode에서 열면 수많은 파일이 들어있는 걸 볼 수 있다. CRA(create-reat-app)이 없었다면 이 수많은 파일들과 설정을 내가 직접했어야 할 것이다. 브라우저에 결과를 띄우려면 npm start 혹은 npm run start라는 명령어를 입력하면 되며, 브라우저에서 아래와 같은 화면이 렌더링 된 것을 볼 수 있다. 리액트 프로젝트 파일 구조 가장 기본이 되는 파일들만 남겨놓으면 아래와 같은 파일들이 남는데 이 파..

React 2021. 7. 6. 19:34