위엔비 프로젝트
1.[리액트] 체크박스 전체 해제
✅ 구현 목표 체크된 편의시설은 특정 배열에 담긴다. 체크를 해제하면 배열에서 제거된다. 전체 해제 버튼으로 체크된 편의시설을 해제하며, 체크된 편의시설을 담는 배열을 비운다. 상수 데이터 BE와 통신하기 전이라 임의로 데이터를 생성하였다. 부모 컴포넌트 부모에
2.[리액트] 모달창 띄우기
✅ 구현 목표1\. 모달창 띄우기2\. 배경 어둡게 하기3\. 버튼, 배경 눌러서 창 닫기버튼을 누르면 onSetIsFilterVisible함수가 실행되며 모달창이 화면에 나온다.onSetIsFilterVisible 함수가 실행되면 isFilterVisible의 현재
3.[리액트] 카카오 소셜 로그인
카카오 소셜 로그인 flow FE 측에서 카카오에게 인가 코드를 요청한다. 받은 인가 코드를 서버에 보낸다. 서버는 인가코드로 카카오에게 토큰을 요청한다. 유효한 코드면 토큰을 발급해 준다. 카카오 토큰으로 유저정보를 확인하고 이를 통해 서버 전용 토큰을 발행한다. 서
4.[리액트] 양방향 input range 만들기
✅ 구현 목표1\. 양방향 range로 최소값, 최대값 구하기2\. 최소값이 최대값 넘지 않기(최대값도 마찬가지)\* 본 글은 스타일드 컴포넌트를 이용하였습니다. \*우선 기본 range의 디자인이 맘에 들지 않기 때문에 디자인적인 역할만 하는 div2개를 만든다.F
5.[회고록] 2차 프로젝트 회고
위엔비(wenb) ⭐airbnb를 모티브로한 프로젝트⭐ FE : 김진혁, 이빛나, 임승민, 정원호 BE : 박근우, 이상우, 이석원 개발기간 : 2022년 08월 29일 ~ 2022년 09월 08일 (11일) 내가 맡은 기능 Nav UI 카카오 소셜 로그인 기