TIL47 20210423 final project #5 지금까지 한 것 chat data 저장하기 chat api 만들기 chat 읽음 기능 표시하기 먼저 chat data 저장하기를 하였다. drf의 viewset을 사용했는데 viewset은 get이나 post 요청이 들어오면 간단한 로직으로 처리를 해준다. 그래서 django를 많이 쓰는 것이라고 생각했다. 하지만 django에 대한 이해도가 높아야겠다는 생각도 한편으로 들었다. serializer나 viewset부분을 더 파고들어야겠다고 생각했다. 데이터 저장을 완료하고 chat 읽음 기능을 추가하였는데 많은 삽질을 하였다... 먼저 접속했을 때 상대방에게 접속 메시지를 redis로 send 하는 방식으로 접속 시 알림이 가도록 설정하여 접속 시 읽음 기능을 추가하는 부분을 해결을 하였는데 문제는 내가.. 2021. 4. 23. 20210415 final project #4 지금까지 한 것 channels daphne로 연결하기 (https) nginx에서 daphne로 연결한 channels 사용하기 bolt프런트에 연결해보기 디버깅에 연속이었다... 디버깅을 하면서 느낀 점은 정말.. 다양하다는 거였다. 정말 사소한 부분부터 큰 부분까지.. 정말 어렵고 힘들었지만 그래도 하나하나 해결했을 때 큰 성취감을 느꼈다. 삽질하는 과정에서 배우는 부분도 많아서 좋은 경험이었다고 생각한다. 전에 포스팅한 channels 앱을 가지고 ssl 연결해서 https로 실행하였는데 certbot에서 key를 받아오는 과정에서 많은 삽질을 하였다.... 먼저 key를 받아오는 과정은 생략하고 https연결 시 ws 통신하는 법에 대하여 작성하려 한다. 먼저 현재는 http 통신을 위한 wsg.. 2021. 4. 15. 20210409 final project #3 지금까지 한 것 django channels tuto django channels 배포 (nginx, daphne, ssl) django channels 튜토리얼을 완료한 뒤 서버에서 https로 websocket 통신이 안 되는 부분이 있어서 로컬에 클론하여 진행하였는데 서버가 ubuntu로 돼어있어서인지 로컬(mac)에서 안되는 부분이 많아 시간을 많이 쏟았다. ( 잘 안돼서 힘들었다..) 로컬환경에서 돌아가게 만든후 당장 도메인이 없어서 먼저 ngrok로 도메인을 생성한뒤 certbot으로 키를 받아 ssl 을 진행하였는데 성공해서 기분이 좋았다. 자세한 부분은 나중에 포스팅해야겠다. 먼저 튜토리얼부분을 정리하려 한다. 다음주에 서버에 직접 적용을 해봐야하는데 잘됐으면 좋겟다. django 버전이 .. 2021. 4. 9. 20210406 final project #2 지금까지 한 것 django rest framework tutorial api 살펴보기 django 튜토리얼이 끝나고 drf에 대하여 공부했다. 이 부분은 아직 어려워서 따로 블로그에 정리하려 하고 먼저 Quickstart부분에 대하여 정리하려 한다. # Create the project directory mkdir tutorial cd tutorial # Create a virtual environment to isolate our package dependencies locally python3 -m venv env source env/bin/activate # On Windows use `env\Scripts\activate` # Install Django and Django REST framewo.. 2021. 4. 6. 20210404 final project #1 지금까지 한 것 trello, jandi, github, notion 등 가입 개발환경 세팅 (ec2 및 rds와 로컬 연결) django 데이터베이스 스키마 파악하기 기업 협업 프로젝트에 선발되어 서울에 오게 됐다. 갑작스럽게 올라오게 돼서 걱정을 많이 했는데 숙소도 구하고 와서 잘 적응한 것 같아서 다행이다. 제주에 살아서 다른 팀원들보다 하루 늦게 출근하였는데 진도를 맞추려고 정신없이 이틀이 지났다. 회사의 분위기, 문화 등이 나랑 잘 맞는 것 같아서 좋았다. 첫날에는 회사에서 사용하는 소셜들을 가입했고 개발환경을 세팅하였다. 먼저 ssh 익스텐션을 설치하고 설정 파일을 열어 hostname, user, identityFile 등을 작성하고 위 사진에서의 connect to host로 연결하면 aw.. 2021. 4. 4. 20210325 first project #5 오늘 한 것 redux-persist welcome page 반응형 디자인 오늘은 내일이 프로젝트 마무리라 배포를 하였고 버그를 수정하는 시간을 가졌다. 생각보다 버그가 많지 않아서 그리 오래 걸리지 않았지만 redux가 새로고침 시에 유지가 되지 않아 redux-persist라는 미들웨어를 사용하였다. import { persistReducer } from 'redux-persist'; import storage from 'redux-persist/lib/storage' const persistConfig = { key: 'root', storage }; const enhancedReducer = persistReducer(persistConfig, rootReducer); 먼저 persist를 사용하.. 2021. 3. 26. 20210323 first project #4 오늘 한 것 feature19signup 컴포넌트 modal signup 페이지 css 어제 login컴포넌트 및 oauth 등을 마무리하고 signup페이지를 만들었다. signup은 modal로 만들기로 해서 먼저 modal을 구현하였는데 //main.js const [showModal,setShowModal] = useState(false); const ModalHandler=()=>{ setShowModal(!showModal) } //modalpage.js function ModalPage({showModal,setShowModal}) { return ( {showModal ?( setShowModal(!showModal)}>close ):null} ) } 먼저 showModal state를 p.. 2021. 3. 23. 20210319 first project #3 오늘 한 것 feature 18 login 컴포넌트 비회원 로그인 github Oauth, google Oauth 비회원 로그인 기능과 Oauth기능을 구현하였다. 먼저 비회원 기능은 단지 로그인 없이 웰컴 페이지로 라우팅 하게 만들었다. history.push를 쓰니 redirect 할 때 굉장히 편했다. const guestHandler=(e)=>{ history.push('/main') } Guest? 굉장히 간단히 구현 가능했다. Oauth기능은 전에 해봤던 github Oauth를 할 예정이고 advanced로 google Oauth를 할 예정이다. const getAccessToken =(authorizationCode)=>{ axios.post('https://localhost:5000/ma.. 2021. 3. 20. 20210318 first project #2 오늘 한 것 feat#18 login 컴포넌트 feat#29 login page css 오늘은 간단히 meetup을 마치고 로그인 컴포넌트를 만들었다. 아직 백에서 데이터베이스 및 서버를 구성이 완료가 되지 않아 기능 추가는 내일 할 예정이다. 먼저 컴포넌트와 페이지 css를 시작하기로 했다. css를 하면서 정말 공부할 것이 많았다. 단순히 개념을 공부해도 적용하는데 어려움을 느껴서 새 레포 짓을 만들고 연습을 하면서 익숙해지는 시간을 가졌다. 가상 선택자 :focus, :valid를 처음 써봐서 생소했는데 focus는 email input에 커서를 올릴 시에 적용이 되고 :valid는 값을 적으며 유효한지에 대한 판단을 할 때 적용이 되는 것을 확인했다. email 유효성 검사와 login 요청, O.. 2021. 3. 19. 이전 1 2 3 4 ··· 6 다음
