비타민 검사 서비스에서 회원가입을 빼는 작업을 진행 하였다. 우선 현재 로직에서 빼는게 가능한지 테스트 삼아 시도를 해보았다. 사용자 인증 부분을 모두 제거하고 onSubmit 함수에 걸려있는 submit 조건을 마지막 step 에서 실행이 되도록 바꾸어 주었다. 그리고 페이지 마다 걸려있는 Auth Hoc 도 제거 해주고 서버 분과 맞추어 시도를 해보았다. 생각 보다 쉽게 회원가입을 제거 할 수 있었다. 다만 백에서는 좀 수정할 부분이 많았다.

tsconfig absolute path tsconfig에서 baseUrl:"." 이렇게 설정을 해두면 ./src 폴더 내에 있는 파일들에 대해서 감싸기? 때문에 ./src/component 라는 path에 import {} from "component/..." 이렇게 바로 접근이 가능하다. 하지만 ./src/component/button/Button.js 라는 경로가 있을 경우 Button.js에 바로 접근 하기위해서는 path 설정을 아래와 같이 해주어야 한다. dir/dir/ 경로를 절대 경로 설정하는방법 { "compilerOptions": { "baseUrl": ".", "paths": { "@/button/*": ["components/button/*"] // /* 이것을 추가로 적어주어야 한..

현재 회사 서비스는 next-routes 라이브러리를 통해서 route 지정을 해주고 있었기에 지금 진행하는 프로젝트에서도 해당 라이브러리를 사용하려고 하였다. 하지만 next 9 버전에서 dinamic routes를 제공해주는데 왜 라이브러리를 따로 사용하고 있을까 라는 생각이 들었고 사수에게 물어보니 그동안 next 업데이트를 진행 할 수 없기도 했고 현제 프로젝트에 얽혀 있는 부분이 있어서 계속 사용하고 있다고 하였다. 그래서 현재 진행 하는 프로젝트에서는 next-routes를 제거 하고 next 에서 제공해주는 dynamic route로 적용을 해주었다. 방법은 엄청 간단하였다. pages 폴더에 파일들을 만들면 해당 파일들이 그대로 url 주소가 되는 것이였다. pages - index.js ..

babel을 사용하여 절대 경로를 지정을 하였는데 제대로 경로를 불러 오지 못하는 에러가 발생하였다. tsconfig baseURL 수정 하니 해결이 되었다. babel preset은 자신만의 babel 환경 설정을 말한다. next에서 제공하는 next/babel 을 사용하면 대부분 대응해준다. 자신이 직접 만들어 볼 수 도 있다. next 에서 바벨 preset과 절대 경로 설정 절대경로를 설정하기 위해서는 babel-plugin-module-resolver를 설치해 주어야 한다. { "presets": ["next/babel"], "plugins": [ [ "module-resolver", { "root": ["./src"], "alias": { "routes": "routes", "types": ..

오늘 프로젝트 세팅을 마무리 하였다. 일이 끝나고 집에와서 한 두시간씩 투자하여 진행 하려니 꽤 속도가 느린거 같다. 다른 세팅은 어렵지 않았는데 redux 세팅에서 꽤 애를 먹었다. 더 공부를 해보아야 할 거 같다 .. react, next, typescript, redux, sass 를 사용하고 있다. 현재 기본적으로 설치된 pakage 목록은 아래와 같다. "dependencies": { "@babel/preset-env": "^7.10.4", "@zeit/next-typescript": "^1.1.1", "classnames": "^2.2.6", "next": "^9.4.4", "next-redux-wrapper": "^6.0.2", "react": "^16.13.1", "react-dom": "..

타입스크립트의 옵셔널 채이닝을 활용하여 코드를 좀 더 간략하게 만들었다. let fruit = "" let apple = true | false // 둘중 하나가 오는 경우 if (apple) { fruit = "사과" } else { fruit = undefined } // 타입스크립트에서 옵셔널 채이닝으로 간단하게 작성이 가능 fruit = apple? 어제에 이어 프로젝트 셋팅에서 리덕스의 버그 나는 부분을 해결해 보려 하였지만 해결되는듯 하다가 다시 원 상태로 돌아와 버렸다... 다시 처음 부터 천천히 살펴 보아야 겠다.