본문 바로가기

전체 글99

[TIL]내일배움캠프 - DRF 구글 이메일 인증 SMTP 채팅, redis, 이메일 인증글쓰기 버튼 만들고 드롭다운 변경 🤔 이메일 인증 구조회원 가입진행 → 상태값 false 저장→ 이메일 인증 메일 전송 → 이메일에서 확인 버튼 클릭 → 상태값 ture 변경 → 회원가입 완료 → 로그인 창으로 이동SMTP django에서는 기본 SMTP(simple mail transfer protocol)를 지원한다.SMTP는 인터넷에서 이메일을 전송하기 위해 사용하는 표준 통신 프로토콜입니다. 주로 이메일 클라이언트와 서버 간, 또는 서버들 간의 메시지 전송을 담당한다.   SMTP 작동 방법은 간이 전자 우편 전송 프로토콜(SMTP) 모델에서 발신자의 이메일 클라이언트 또는 서버는 SMTP 클라이언트 역할을 하고 발신자의 이메일 서버는 SMTP 서버 역할을 합니다... 2024. 5. 25.
[TIL]내일배움 캠프 - Django + React 쪽지기능 채팅 기능도 좋지만 쪽지 기능을 구현하기로 했다.아쉽게도 팀원 중에 한 분이 백안드 부분을 다 구성해 보셔서 프런트 부분을 진행했다. 이 부분은 따로 직접 구현을 해봐야겠다.    📮 쪽지 기능쪽지를 작성쪽지를 작성하는 페이지 또는 팝업창쪽지를 보내기보내는 상대 유저의 아이디 값이 있어야 한다.상대 프로필로 들어가 쪽지 보내기작성자 아이디값 누르면 쪽지 보이게쪽지를 받기프로필 페이지에 세 쪽지를 확인한다.프로필 누르면 팝업창도 좋을 듯프로필에 쪽지 온 것이 확인쪽지 보기나에게 보낸 쪽지를 확인팝업창 또는 페이지에서 확인다시 1번부터 반복쪽지 보내기 manytomany를 이용상대의 user 정보와 나의 값을 보내기   버튼 디자인 변경 setView('posts')}>내가 작성한 글 setView('li.. 2024. 5. 24.
[TIL] Django(DRF) +react 마지막 팀 프로젝트 오늘 한일 회원 정보 수정 피그마제작레인지를 사용해서 MBTI 크기 조절하기회원 정보 pagenation API수정로그인한 user와 같으면 좋아요 한 글 보이게 만들기프로필 페이지 구현더 보기 클릭 시 글페이지 보이게 만들기나의 프로필 페이 지며면 프로필 수정타 유저일 경우 팔로우 취소 팔로우 기능 구현Error  로그인 한 user 데이터를 가져와야 한다 그런데 usere데이터를 가져와야 하지만 안된다. useEffect(() => { async function fetchData() { const response = await apiClient.get(`api/accounts/bmkim/`) console.log(response.data) .. 2024. 5. 23.
[TIL] Django 마지막 팀 프로젝트 - DRF, React 프로필 페이지 제작다른 사람의 프로폴 조회로 해보기내가 작성한 글 클릭 시 내가 작성한 posts 내용들을 출력좋아요 한 글은 내가 좋아요 했던 들 들 출력15시 mbti별 각 프로필마다 각각에 맞는 이미지 불러오기에러가 계속 발생함 어떨때는 출력이 되게 어떨 때는 출력이 안되고const getImage = (mbti) => { if (!mbti) return null; return mbtiParams[mbti.toLowerCase()].image; }그래서 if 문을 추가하여 값이 있을경우에만 실행하게 했음16시 mbti 각 문자 열마다 퍼센트를 보여주기 위해 mbti 문자열을 출력함 {users.mbti && {users.mbti[0]} .. 2024. 5. 21.
[TIL]내일배움캠프 - 마지막 프로젝트 마지막 프로젝트를 30일간 진행하기로 했다. 어떤 것을 만들어야 할지 너무 고민이 된다. 여러 아이디어가 나오기는 했지만 아직 절정을 하지 못한 상태이다. 아니면 자신이 하고 싶은 기능을 말하고 거기에 알 맞은 주제를 넣고 진행하는 방법도 좋을 거 같다.  내가 해보고싶은것 1. AWS 연동2. 채팅기능 3. AI API연동하여 채팅4. 캡차 기능 구현5. 크롤링 위의 다섯 가지가 해보고 싶은 구현인데 아이디어를 생각하면 django 복습을 진행해 봐야겠다.간단한 CRUD는 쉽에 구현이 가능하고 풀스택과 DRF를 자연스럽게 다룰 수 있기 위해 계속해서 복습을 진행하고 새로운 기능에 도전해야겠다. 2024. 5. 14.
[TIL]내일배움캠프- DRF , spartanews 이번 DRF 심화과제와 React, 팀원들을 통해 많은 것을 배웠다. 그냥 DRF를 통해 server에서 API를 받고 데이터를 보내지만 Frontend에서 효율적으로 데이터를 사용할지 원하는 부분들이 무엇인지에 대해 생각하게 해 준 좋은 기회였다.  '좋아요' 버튼을 어떻게 구현 할지 아니면 페이지 네이션의 데이터를 어떻게 가용해야 하는 아니면 대댓글 같은 부분을 어떻게 해야 할지 등 많은 부분을 알게 됐다.  https://github.com/lsi3131/spartanews GitHub - lsi3131/spartanewsContribute to lsi3131/spartanews development by creating an account on GitHub.github.com 2024. 5. 12.
[TIL]내이배움캠프 - DRF + React 좋아요 기능 '좋아요' 기능을 구현하는데 문제가 발생했다.  좋아요 버튼이 잘 구동 됐지만 새로고침시 ‘좋아요’ 부분이 다시 초기화된다.이미 좋아요 버튼을 눌렀을 경우 좋아요 취소가 보여 줘야 하는데 그래로 좋아요 버튼만 보이게 된다.  그래서 생각한 방법이 좋아요 버튼을 클릭 시 POST로 server에 API 요청을 보내면 데이터베이스에 저장이 되고 이 데이터 값을 게시물 정보와 함께 보내 주고 그 정보를 토대로 ‘좋아요 버튼’을 보여 줄지 ‘좋아요 취소’ 버튼을 보여준다. "likey_user_id": [likey.id for likey in article.likey.all()]이런 식으로 저장된 유저의 정보를 보여 주기로 했다. 그런데 위의 코드에서는 ‘좋아요’를 클릭한 모든 유저의 PK값을 반환하는데 너무 .. 2024. 5. 10.
[TIL]내일배움캠프 - React 시작 react 시작하기npm init react-app node-modules : 기본 적인 모듈 파일public : 개발한 모은 파일은 JS로 만들어지는 데 최종적인 index.html로 구동이 된다.src : 여기 폴더에 개발해 나갈 것이다package 파일은 사용하는 모듈을 정의 한다.npm startsrcnpm start → src/index.js의 코드가 실행된다. → index.html의 root을 가져와 app.js를 실행시켜준다.function component와 class component 가 있는 데 요즘은 함수형을 많이 사용한다.라우팅 : 브라우저 url이 바뀔 때마다 보여줄 컴포넌트를 맵핑하고 그 컴포넌트를 렌더링 하는 과정react-router-domfunction 함수를 화살표 함수.. 2024. 5. 9.
[TIL]내일배움캠프 - Django / DRF 심화과제 모든 팀원분들이 주말 간 열심히 해준 덕분에 DRF심화 과제를 예상보다 빨리 끝났다.그래서 몇몇가지 기능 추가와 선택가능인 프런트앤드 구현을 해보기로 했다.일단 pagination과 React에 관해 공부를 했다.   pagination  이번 과제는 팀원들끼리 Serializers.py를 사용 안 하고 구현하기 했다.그러다 보니 ListAPIView를 사용 하는 것보다 직접 DRF에서 제공해 주는 PageNumberPagination을 사용해서 구현했다.  이런식으로 직접 불러와 사용하는 방법도 있지만 Pagination도 Django의 Framework이다 보니 내부에 Paginator을 이용한다면 구현이 가능 할거 같았다. 약간 많이 복잡해 보이지만ㅎ  https://docs.djangoprojec.. 2024. 5. 8.

티스토리툴바