# reactjs
[react] 노마드코더 영화웹서비스 제작 0. 환경 설정
노마드 코더에서 첫 리액트 강의를 들어보기로 했다.일단 터미널에서 설치하는 것으로 시작했다.nodeJS : 서버사이드 자바스크립트npm : 자바스크립트 패키지 관리 모듈(Node Package Module)npx : npm 레지스트리의 패키지 사용 경험을 파악하기 위한
NomadCoder :: React JS로 영화 웹서비스 만들기- 개발환경 설정
Requirements _ 1. Node JS Download _ Node JS를 인터넷에 검색 node -v Theory Requirements _ 1. HTML _ : div , span _ 2. CSS _ : flexible _ 3. Vani
[React] Drag & Drop 이미지 업로드 박스 만들기
아래와 같은 형태의 Drag & Drop 박스를 만들려고 한다. 물론 태그를 클릭한 것과 같은 방식의 업로드 또한 지원할 것이다.
 (1).png?w=768)
TIL. Firebase를 이용한 실시간 데이터 베이스 구현
Toy Project(Teta Card Maker)의 진행 기록. firebase의 realtime database로 사용자의 데이터를 저장해보았다!
 (1).png?w=768)
TIL. Cloudinary를 사용한 이미지 업로딩(2)
Toy Project(Teta Card Maker)의 진행 기록. Cloudinary을 활용한 이미지 업로더 기능을 구현해봤다!
 (1).png?w=768)
TIL. Cloudinary를 사용한 이미지 업로딩(1)
Toy Project(Teta Card Maker)의 진행 기록. Cloudinary을 활용한 이미지 업로더 기능을 구현해봤다!
.png?w=768)
Poke Docs 만들기 - Snowflake 효과, object case converter
snowflake 효과란 카카오톡에서 쉽게 만날 수 있는데요. 눈이 오는 날에 채팅방에 눈이 오는 효과 입니다.저의 포켓몬 도감에서는 메인페이지에서 포켓몬이 눈처럼 내려오는 효과가 되어있는데요.생각보다 구현이 어렵지 않습니다.components/Thumbnailes위에
Poke Docs 만들기 - NextJS, react-query
서론에서 썻던것과 같이 페이지는 총 3개로 구성하였습니다.index.tsxdocs.tsxitem/id.tsx일단 Next js 에 나온것 과 같이 시작을 하였습니다.기본적으로 typescript, eslint, prettier 를 추가하였습니다.1.nextJS 에서 t
[React] React.js란? (간단 정리)
오늘은 React란 무엇인지, 정의와 특징에 대해 간단히 정리하려고 합니다.웹 페이지를 개발하면서 이용했었는데, 정확하게 무엇인지, 특징과 장점이 무엇인지 잘 모르고 사용해왔던 것 같아 정리해보았습니다.React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사
리액트 프로젝트 오류 수정(Router)
오류코드 Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribut