24.06.18_TIL (이력서 준비)

 

 

최종프로젝트 때 메모해 두었던것 가져오기

 

 

 

 

 

 

python manage.py runserver
source .venv/Scripts/activate

-에이아이 기술로직 어떻게 구성했는지 적으면 좋음

-저장해서 바꾸는 것처럼 되는것으로 하고 싶었음
-계산 payment - 오픈 ai 비용 추가 - 최대사용량(리미티드)
-챗쉬피티 아이디를 가져오면 보안에 신경써서 해시화해야함
-소설이 완성되고 소설 수정이 가능하게 만들것.
-소설 생성 : 소설 장편, 단편 등 길이 조절 관련 ui 생성
-마이그레이션 깃이그노어에
-시크릿키- 보안관리해야함 ( ai 는 더 철저히!)


-질문하기? 시크릿키 실행해볼때만 쓰고 아닐 때에는 push하면 안되는건지
 : .env 파일 만들어서 시크릿키 넣고 gitignore 에 넣어주면 됨

-패키지 설치?-회원탈퇴기능 없어서 따로 깃 클론 받아서 가져옴
pip install --force-reinstall -r requirements.txt
상속받는 클래스 명이 RetrieveUpdateDestroyAPIView
pip install 을 만들면 된다고,,,? 무슨말인가요ㅠㅠ


리엑트 자주 업데이트 되는데 배포된 파일도 그러면 업데이트 되는 것에 따라 다 수정을 해줘야 하는건지?


챗쥐피티 처럼 계속 쭉 선택지 선택해서 바꾸기 - 중간발표회까지 
-일단 글부터 하고 그림 넣기 - 하고 최적화/비동기 8초까지?

네브바 사이드- 숨김
배경 - 사계절

-로그인 들어갈 때마다
메인은 로그인/회원가입 - 소셜로그인(프론트앤드랑 같이 해야함)

로그인 하고 나서 프로필페이지에 자기가 만든거, 찜 소설, 좋아요, 회원탈퇴

다른 사람들이 쓴 페이지-  카드형식 8개 아래에 페이지 네이션
스크롤해서 글쓰기 페이지로 넘어가기 / 찜하기, 좋아요,

글 안에서 좋아요, 해시테그, 평점

게시판 - 라인으로 보여주는 기본

글쓰기, 수정, 삭제, - 초이스를 바로 해서 쓸거라서 3개의 선택지중 하나를 고르는 것은 나중에 (디비에 저장할 때), 닉네임 노출, 내용 챕터 (글자수 제안?)-기승전결-수정가능하게
-글쓰기 소제목/제목 기승전결로 뽑고 나서 제목을 뽑기

-이 전 스토리 가져오려면 프론트앤드에 여러번 아이디를 가져와야하니까 비효율적인것 같아서 백앤드에서 제일 마지막에 만든 책을 가져와서 저장하고 계속 따로 저장하는게 아니라 엎어서 저장하는 것으로 바꿈

댓글 - 조회, 생성, 수정, 삭제


회원 탈퇴하는 것을 따로 레파지토리에 커스텀해서 넣어주시기로 함-준혁님
소셜 로그인은 포스트맨으로 확인하기 힘들다
(구글 로그인으로 했을 때 다른 웹페이지로 넘어가고 하니까 확인이 힘들다-프론트앤드에서 설정)-API 동의 받아야함
-> 일단 구글 로그인만 설정


팀 SA
ERD
https://dbdiagram.io/d/NOST-ERD-6625c85103593b6b6193bdc6
https://dbdiagram.io/d/Copy-of-NOST-ERD-66541f30f84ecd1d22357a15
https://app.diagrams.net/#G1OYNty6h_cDm29jf930acQ9WBPo0Je7Nn#%7B%22pageId%22%3A%22R2lEEEUBdFMjLlhIrx00%22%7D
피그마(와이어프레임)
https://www.figma.com/board/6gB3GjKe6JIYaVzBxw1v0R/NOST-wireframework?node-id=0-1&t=tWrBvGPAdsFrvZxV-0


튜터님 중간 발표 피드백
git에 front-end / back-end 별로 readme에 개요와 설명서가 있어서 좋음
지금도 매우 잘 작성했지만 조금 더 상세하게 작성하면 더 굳
기대효과를 설명해줘서 좋았음
개발일정이 다소 빡빡한 감이 있다. 랭채인 학습하는데 시간이나 데이터가 충분하지 않을 수 있음.
주말에도 시간을 투자해야할 수 있음
사용자 화면에 신경을 많이 쓴 점이 보인다. 다만 리소스를 많이 쓰다보니 화면 표시에 다소 시간이 걸리는 것 같음
추후에 최적화를 더 진행하면 좋겠음
Q. AI쓰는 부분은 1회만에 전부 출력하는지 이야기안에 레이어를 나눴는지 A.레이어를 나눠서 합쳐서 출력하도록 하고 있음
회원 가입이 있다보니 보안에 대해 고민한 내용을 더 알려줘도 좋을것같음.
중간 발표임에도 전반적으로 높은 품질로 매우 잘만들었음. 최종 발표가 기대됨

--------------------------------------------------------------------------------------
이환희 
-OPENAI_API_KEY = 'sk-proj-oJHzEVwmi2Jj9RtrktG6T3BlbkFJUCwBOYG4Aog9ZTVP9qIN'
https://platform.openai.com/usage
https://platform.openai.com/settings/profile?tab=api-keys

-로그아웃 로직 연결-사이드바에 버튼 만들고-features-auth-logout연결 하고 나면 메인이 아니라 홈으로 갈 수 있게-콘솔 네트워크 창 확인
- 메인페이지 색상 수정하기
- 랭체인, 프로필 만들기 - 프로필 클릭 연결, 메인 클릭 연결 '/' , 수정하기

- 카드 타고 들어갔을 때: 제목, 내용, 작성자, 좋아요수, 평점수, 삭제하기
-카드에 보일 내용 : 제목/ 좋아요, 평점수 /내용없이
-정렬기준

-반응형 - 태블릿이랑 칸 사이즈 다르게 표시되기

- 댓글 10개만 보이고 나머지 ... 이나 더보기 로 보이기

-배포 : 코드 난독화하기 sources에서 코드 다 볼 수있음(보안트러블슈팅)
https와 http 구분하여 일관성있게 백엔드 프론트엔드 배포해야함
https://nginxstore.com/blog/nginx/lets-encrypt-%EC%9D%B8%EC%A6%9D%EC%84%9C%EB%A1%9C-nginx-ssl-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0/


-깃허브 리드미 꾸미기
https://hulrud.tistory.com/3
개발자 깃허브 로드맵
https://github.com/adam-golab/react-developer-roadmap/blob/master/README-KO.md
깃 명령어 정리
https://velog.io/@suyeon-hong/%EC%9E%90%EC%A3%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-git-%EB%AA%85%EB%A0%B9%EC%96%B4-%EC%A0%95%EB%A6%AC


*공부할것*
https://wikidocs.net/231150 랭체인 블로그
-보안 - jwt 를 좀 더 깊게 공부하는 것으로
-넥스트 js ?? 타입스크립트?? 두개 배워두어야 취업

react query 리액트쿼리
nextjs
tanstack query 탄스텍쿼리
https://www.yes24.com/Product/Goods/96639825
ky patch. patch 확장.

XSS 보안조심
URL를 통해 저장되는 로컬스토리지, 쿠키는 보안적으로 위험.

http-only : js나 다른 방법으로 못건듬. 백엔드에서만 http method를 통해서만 요정해야 접근가능.
예스24
프레임워크 없는 프론트엔드 개발 - 예스24
프레임워크 없이 효과적으로 작업하는 방법과 프로젝트에 적합한 프레임워크를 선택하는 방법의 두 가지 주제를 다룬다. 프레임워크나 서드파티 라이브러리를 사용하지 않고 프론트엔드 애플리케이션을 개발하는 방법을 알아보고 이에 따르는 자유도 알아본다. 또한 기술 부채 ...

++ 엑세스 토큰만 노출하고 리프레쉬노출하면 안됨





++공부할것
Cors
https://hannut91.github.io/blogs/infra/cors
https://velog.io/@effirin/CORS%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80
https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-CORS-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-%F0%9F%91%8F

ai 랭체인
 https://www.youtube.com/watch?v=WWRCLzXxUgs&list=PLQIgLu3Wf-q_Ne8vv-ZXuJ4mztHJaQb_v&index=2
랭체인 공식문서
https://www.langchain.com/ 


Redux, jst





노래 만드는 ai 
https://suno.com/song/2cd39690-60bc-4a43-861b-60158fe40c23

css 색상 블로그
https://lpla.tistory.com/76
https://lpla.tistory.com/142 - 애니메이션

피그마 같은 사이트
https://makereal.tldraw.com/

리엑트 
https://nomadcoders.co/react-for-beginners/lobby?utm_source=free_course&utm_campaign=react-for-beginners&utm_medium=site

자바스크립트 
https://ko.javascript.info/
자바스크립트 기본,객체: 기본, 자료구조와 자료형,함수 심화학습,객체 프로퍼티 설정,클래스,에러 핸들링,프라미스와 async,
 await,제너레이터와 비동기 이터레이션


소셜로그인-카카오 로그인
django-allauth
https://velog.io/@yevini118/Django-allauth-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8%ED%95%98%EA%B8%B0

django-rest-auth



++ 리액트

언제든 가져올 수 있음 await - 먼저
async비동기-동시시작은 아니지만 비슷하게 실행
동기 - 순서대로