frontendschool5 / final-05-mandle_mandle Goto Github PK
View Code? Open in Web Editor NEW만들만들 서비스 링크
Home Page: https://mandle-mandle.netlify.app/
만들만들 서비스 링크
Home Page: https://mandle-mandle.netlify.app/
Login 선택 페이지로 이동
프로필 링크 복사
버튼 클릭시 팔로우 취소 버튼으로 바뀜
데이터에 팔로잉 상태 추가
로그인 페이지로 이동
입력된 값 API로 전송
이메일 입력 값이 기존 회원 이메일과 동일할 경우 에러 메세지 띄우기
SetProfile 페이지와 기능은 동일
저장 버튼 누르면 값 API 전송
뒤로가기 버튼은 프로필 페이지로 이동
로그인 시 유저의 아이디와 비밀번호를 객체로 담아 axios.post(URL)로 요청하여 data객체 서버로 전송하기
API 형식과 동일하게 데이터 받아서 저장한 다음 SetProfile에 넘기기
SetProfile Page로 이동
Recoil로 저장한 posts 데이터를 PostList에 불러온 후 하위 컴포넌트에 연결
(직전에 입력한 입력값을 가지고 감 -> 이건 추후 구현)
클릭시 상세 페이지 이동
입력한 값(이메일, 비밀번호)있을 때 유효성 검사 통과되면 버튼 활성화
Loading, Login : 다현님, 서준님
Signup Page, SetProfile : 예지님, 경석님
GET /post/feed/?limit=Number&skip=Number
를 통해
posts 데이터 값을 받아오기
실습완료로 클로즈 합니다!
다현님이 만들어두신 Component 사용
클릭시 보이는 방식 변경
입력값이 유효성 검사를 통과했을 때 버튼 활성화
업로드 프로필 이미지 컴포넌트에서 post로 보내고 url 주소 받아서 그 주소를 다시 post
클릭시 해당 프로필 유저와 채팅 페이지로 이동
accountname 항목에 이미 저장된 type 값 + username값 으로 저장
기본 설정 : 일반회원
클릭시 해당 버튼에 해당하는 값으로 다시 설정(강사 -> Teacher / 수강생 -> Student)
에러 처리
유효성검사 후 조건을 만족하지 못했을 때 에러처리
버튼 클릭시 Login Page로 이동
하위 컴포넌트에 사용하기 위한 post 데이터를 Recoil로 저장할 것
common
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.