📌 React.js_community

커뮤니티 서비스

포트폴리오

블로그

제작 기간

2023년 5월 ~ 6월
개인 프로젝트

사용 기술

`Front-end`

react: ^18.2.0
axios: ^1.4.0
bootstrap: ^5.2.3
firebase: ^9.22.0
framer-motion: ^10.12.16
http-proxy-middleware: ^2.0.1
moment: ^2.29.4,
react-router-dom: ^6.11.1
emotion: ^11.11.0
reduxjs-toolkit: ^1.7.1

`Back-end`

aws-sdk: ^2.348.0
express: ^4.17.2
mongoose: ^6.1.3
nodemon: ^2.0.22
path: ^0.12.7
multer: ^1.4.4
multer-s3: ^2.10.0

핵심 기능

로그인 기능

firebase Auth 활용
블로그

게시글 수정,삭제,등록 기능

mongoose를 사용하여 mongoDB에 작업
블로그

게시글 정렬 기능

sort()메서드 활용
블로그

내용 검색 기능

$regex(정규표현식) 활용
블로그

트러블 슈팅

server, res.sendFile(경로 문제)

path 내장 모듈, app.use(express.static(...)) 사용하여 해결
블로그

Axios 무한 렌더 문제

useEffect훅을 사용하여 해결

CORS 이슈 문제

http-proxy-middleware를 사용하여 cors 정책을 우회로 해결
블로그

client에서 보내온 req.body, server에서 확인시 디폴트 값으로 Undefined 설정 문제

버전 업데이트로 react에 내장된 body-parser 모듈 사용
블로그

server에서 mongoDB 데이터 find()로 찾을 시에 생기는 문제

findOne() 사용으로 단일 객체를 반환하여 해결
블로그

video 태그로 바탕화면에 영상 입힐 시에 아이폰 자동 영상 확대 문제(안드로이드는 정상)

video태그에 playsInline 속성 추가로 해결

firebase import 버전 문제

firebase import시에 compat 추가로 해결
블로그

redux 비직렬화 관련 에러

미들웨어 설정으로 임시해결
블로그

Axios통신 시에 딜레이 문제로 접근성 낮아지는 문제

로딩화면(스피너) 추가
블로그

팀 프로젝트 및 개인 작업물

팀프로젝트)카카오맵을 활용하여 관광지 검색 사이트 구현

맡은 작업
- 지역별 관광지 정보 및 좌표 api data searching
- 서브 페이지, 게시판 구현

개인)웹 사이트 구현

javascript, jQuery, html, css를 사용하여 웹사이트 구현
사이트

개인)react다이어리 사이트 구현(공부용)

사이트

개인)웹(nike) 사이트 구현(학원 공부용)

사이트

daegons Goto Github PK

📌 React.js_community

제작 기간

사용 기술

Front-end

Back-end

핵심 기능

트러블 슈팅

팀 프로젝트 및 개인 작업물

daegons's Projects

Recommend Projects

Recommend Topics

Recommend Org

`Front-end`

`Back-end`