Sign in-out

oh_eol·2022년 3월 1일
0

react

목록 보기
2/3

개발 부문

  • 메인 페이지, 회원가입 및 로그인, 비밀번호 찾기

사용 관련

  • css 사용 방법 : sass

1. Sass

Material-UI: A popular React UI framework

  • git flow 관련

Git Flow 개념 이해하기

[Git] Git과 SourceTree를 이용한 협업 방법 (Git Flow)

  • macOS mariaDB 설치

Mac에 MariaDB 설치하기

client 구현 작업 완료 하고 나서 backend 부분 확인하고 연동 시에 모르는 거나 어려운 거 확인하고 월요일 밤 회의에서 질문!!!!!!!

sign-in

material-ui/docs/src/pages/getting-started/templates/sign-in at master · mui-org/material-ui

sign-in-side

material-ui/docs/src/pages/getting-started/templates/sign-in-side at master · mui-org/material-ui

sign-up

material-ui/docs/src/pages/getting-started/templates/sign-up at master · mui-org/material-ui

1.

+++++ 지금 mongoDB로 되어있는 것 mariaDB로 바꿔야 함....

https://fe-flower.tistory.com/27

mariadb 시작/종료

https://mydb.tistory.com/240

https://velog.io/@govlmo91/mac에서-mysql-설치실행종료

 ~  brew services start mariadb                                                                       1 ✘ │ 13:37:12
==> Successfully started `mariadb` (label: homebrew.mxcl.mariadb)
 ~  brew services stop mariadb                                                                          ✔ │ 13:37:22
Stopping `mariadb`... (might take a while)
==> Successfully stopped `mariadb` (label: homebrew.mxcl.mariadb)

root... password 관련 참고

https://toytvstory.tistory.com/1617

mysql 서버 접속 후 test 유저 생성 후 나가기~ 전체 과정

~  mysql -u root -p                                                                                                                                                               1 ✘ │ 14:05:41
Enter password:
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MySQL connection id is 12
Server version: 8.0.23 MySQL Community Server - GPL

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MySQL [(none)]> CREATE USER 'test'@'localhost' IDENTIFIED BY '9999';
Query OK, 0 rows affected (0.016 sec)

MySQL [(none)]> GRANT ALL PRIVILEGES ON *.* TO 'test'@'localhost' WITH GRANT OPTION;
Query OK, 0 rows affected (0.004 sec)

MySQL [(none)]> Ctrl-C -- exit!
Aborte

1. npm run start 명령 server/client 경로 설정

중간에 npm run start 입력 후 아래와 같은 오류 발생. start 명령 scripts에서 client 파일의 index.js 파일과 혼동해서 오류 발생. index.js 파일 위치를 scripts 에 상세하게 적어줌.

2. address already in use :::5000 문제

터미널에서 lsof 명령어로 현재 활성화된 프로세스 리스트 출력하는 명령어.

-i 옵션으로 특정 포트를 사용중인 프로세스 출력 가능

lsof -i TCP:5000

이후 나오는 프로세스의 PID 확인 후

kill -9 PID

하면 강제종료. 다시 돌아가서 npm run 해보기.

3. createProxyMiddleware is not a function 문제(해결)

  • 해결. setupProxy.js const 뒤에 createProxyMiddleware 에 괄호가 빠져있었음! 추가로 http-proxy-middleware 버전 관련 정보
    const { createProxyMiddleware } = require('http-proxy-middleware');
    
    module.exports = function(app) {
    
    app.use(
    
    '/api',
    
    createProxyMiddleware({
    
    target: 'http://localhost:5000',
    
    changeOrigin: true,
    
    })
    
    );
    
    };
    const proxy = require('http-proxy-middleware');
    
    module.exports = function(app) {
    
    app.use(
    
    '/api',
    
    proxy({
    
    target: 'http://localhost:5000',
    
    changeOrigin: true,
    
    })
    
    );
    
    };

4. Module not found: Can't resolve './serviceWorker'

create-react-app 버전이 올라가면서 serviceWorker 가 missing 되었는데 코드에 serviceWorker를 그대로 사용해서 생긴 문제. reportWebVitals 쓰면 해결.

profile
공부 중입니다.

0개의 댓글