본문 바로가기
반응형

분류 전체보기253

[TIL] 220926 내가 했던것들의 정리가 필요한데 하나하나씩 차근차근 해봐야겠다. 다시 TIL도 쓰면서 시작해봐야지 저번 프로젝트가 끝나고 나서 조금 느슨해 졌는데 다시 시작해야겠다. 2022. 9. 26.
AWS S3를 이용해 도메인을 등록해서 배포하고 https를 적용해보자!(1/3) 우선 AWS를 사용해 S3를 만드는 것 부터 시작해보자 버킷이름은 중복되지않게 적어주고 아래 퍼블릭 설정을 모든 퍼블릭 액세스 차단을 풀고 아래 빨간 동그라미를 체크해 주도록 한다. 그러면 우선 s3만들기는 끝난다. !! 그러나 그 다음에 정책 설정을 해주어야 사용이 가능하다 권한탭을 누른 후에 아래쪽에 보면 버킷 정책이 있다 거기서 편집을 클릭해준 후 다시 버킷정책 옆에 정책생성기를 클릭하여 준다. 클릭하기 전에 편집으로 눌러서 들어온 창의 버킷 정책에 버킷 ARN이라고 있는데 꼭 복사해 놓자!! 아래와 같이 적어주고 아까 복사해놓으라고 말했던 ARN을 저기에 넣어주면 Add statement의 버튼이 활성화가 되어 있을 것이다. 그 이후 Generate Policy버튼을 클릭하면 나오는 창을 그대로 .. 2022. 8. 18.
[TIL] 220712 다만들고 나서 이제 디자인과 세부적인 디테일만 손보면 되겠다 했던거에 생각지도 못했던걸 안하면 안되는걸 이제서야 알게되었다. 이게 여러명이서 같이 들어와서 확인할 수 있는 칸반이라고 해놓고 새로고침하지 않으면 상대방이 바꾼 내용을 바로바로 반영시키지 않았기 때문이다. 이것때문에 처음에는 rtk-query로 그냥 몇초마다 불러오게 만들었다가 이게 한두명일때도 문제인데 사람이 많다고 가정했을 때 백명이면 백명이 3초마다 계속 부르게되면 너무 과부하가 일어날 것 같아서.. 포기하고 결국에는 socket-io를 이용해서 한쪽에서 드래그를 하면 다른쪽에서는 감지를 해서 데이터를 받아 리덕스에서 바로 반영시켜주었다. 우선 보드 카드 이동쪽은 다 했는데 디테일적인 수정이나 삭제쪽은 아직 진행이 안되서 미흡한 부분이 .. 2022. 7. 13.
[TIL] 220708 프로젝트를 거의다 완성하고 디자인 안된부분만 하면 된다고 생각했는데 큰 부분을 놓치고 있었다. 그부분을 생각 못한 내가 너무 바보같았다 ㅠㅠ 덕분에 생각지도 않은 소켓을 하느라 정신이 없었다ㅋㅋㅋ 아이고야 2022. 7. 8.
[React] React에서 persist사용하기 (react-persist) 우선 persist는 redux를 사용할 때 새로고침을 해도 데이터를 유지하기 위해서 사용되는데 사용하기 위해서는 아래와 같이 우선 설치부터 시작해주자 ! yarn add react-persist 설치를 한 후엔 우선 redux의 store를 만들어준 부분에 가서 아래와 같이 만들어 준다. import { configureStore } from "@reduxjs/toolkit"; import storage from "redux-persist/lib/storage/session"; import { combineReducers } from "@reduxjs/toolkit"; import { persistReducer } from "redux-persist"; ... const persistConfig = {.. 2022. 6. 10.
[TIL] 220603 framer가 정말 좋은 기능인건 알겠지만 path를 이용해서 하는 부분에 대해서 어려운 부분이 많았다. 또한 .env는 왜 껐다가 켜야만 적용이 되는가 디자인이랑 기획이랑 프론트까지 다하려니까 뭔가 바쁘면서도 하나에 집중을 못해서 오히려 퀄리티가 떨어지는건 아닐까 라는 고민이 되는건 어쩔 수가 없는 것 같다. 그래도 예전에 비해서 모든걸 내가 해보고 구현해 볼 수 있어서 좋은 기회인 것 같다. TIL이 TIL이 아니게 됐지만 이번에 새로운걸 많이 시도해 보아서 정말 재미있었다. 이번에 figma도 제대로 해볼 기회가 있어서 더 좋았다. 2022. 6. 3.