동탁의 개발자취

1. 로그인 CSS 변경 로그인 UI 변경 이유 - 사용자가 보기에 회원가입 페이지와 로그인 페이지의 차이점이 보이도록 onClick의 action 변경 - 버튼을 회원가입 버튼과 동일하게 변경하여 로그인에서 회원가입 페이지로 이동 시 회원가입 페이지 내에서 회원가입 후에도 동일한 버튼을 누르면 작동함을 인식 시킴 2. 유저 정보 페이지 초안 회원 정보 수정 및 회원 탈퇴 사이에 주문 내역 버튼 삽입 예정 회원 탈퇴 이외의 버튼은 색상 동일하게 설정 다른 페이지와 통일성을 위해서 버튼은 flex-end로 정렬 예정 내용들은 get으로 백에서 불러오기 3. 회원가입 로직 빌드업 회원가입 flow 구상 1. Form 구조 안에서 input 받기 1) useState 선언 2) Form.Control 태그안에..

1. 깃으로 시간 뺏기지 않게 여러번 확인 후 푸쉬 2. 프론트엔드 개발 방향 - UI부분 먼저 구현 3. 목표 - 프론트엔드 : 라우터 연결 제외하고, 필요한 페이지 오늘 전체 구현 - 백엔드 : 로그인 회원가입 기능이 급하므로, 오늘부터는 속도 내기, 로그인 api는 오늘 안에 나오게 4. 오늘 나의 개발 목표 - 유저 상세 페이지 , 장바구니 UI / 로그인 회원가입 db연결 전까지 완전히 익히기 로그인 api나오면 바로 구현 가능하게

1. git 커밋 규칙 설정 ex) fix: 로그인 로직 수정 , feat: 로그인 UI 개발 2. 기타 회의 사항 - 버젼 전체 맞추기 - Node는 18.13.0 - 프론트는 리액트랑 기타 라이브러리 버젼들 확인하며 진행 - nvm으로 버젼 변경 - 작업 전 버젼 확인 필수

* 해당 프로젝트는 교육 플랫폼에서 5명 팀으로 진행하였으며, 내가 직접 개발한 부분에 대해서만 서술예정 1. react-bootstrap을 이용하여 Login/Register 폼 구현 회원가입 클릭시 회원가입 폼으로 이동 해당 회원가입 폼에서 미리 적혀 있는 placeholder는 onchange시 사라짐 * 정보 작성 후 회원가입 클릭 후 조건에 맞지 않으면 빨간 테두리 및 경고 아이콘, 조건에 맞으면 회원가입 후 로그인 페이지 이동 (회원가입 로직 구현 예정) 회원가입 , 로그인 개발 Flow 구상 1) 회원가입 후 submit을 login api로 전송 2) login api는 값을 db에 저장 후 jwt토큰 발행 3) 로그인을 onclick하면 login api에서 데이터 확인 후 데이터가 일치..

20230126 프로젝트 회의 (팀장 이효상) 팀 이름 : 벌써 12 시 쇼핑몰 주제 아이디어 목록 커피 ( 원두를 고르는 쇼핑몰 ) 지역특산물 판매 영양제 쇼핑몰 나에게 필요한 영양제를 보기 쉽게, 정관장 홈페이지 벤치마킹. 친환경제품 반려동물 용품, 간식 취미생활 (스포츠) 어린이 단체 선물 (유치원, 초등학교, 어린이 생일 선물) 굿즈 판매 사이트 팀원들이 가지고 온 소재들 중 투표를 통해 7번 어린이 단체 선물 쇼핑몰 선정 * (기타 다른 의견들은 개발 진행 중 참고 의견으로 사용) 유치원이나 초등학교에서 생일파티 등 행사를 할 때 학부모나 교사가 아이들 장난감을 단체 구매할 수 있는 쇼핑몰. 쇼핑몰 이름 : 벌써 12시 아이들이 선물을 가지고 놀다가 벌써 12시? 아침마다 스크럼이 예정 1) 전..

1. Props Props 란? 기본적으로 component에 원하는 value를 넘겨줄 때 사용하며 넘길 수 있는 value는 변수, 함수, 객체, 배열 등 JS의 요소라면 상관이 없다. 주로 component의 재사용을 위해 사용된다. // props의 생성 const Sayhello = (props) => { return Hello, {props.name}; } // component로의 사용 const App = () => { return ; } // Sayhello component안에 name tag로 동탁 value 전달 ! 단 props의 값은 임의로 변경해서는 안된다. // 안 좋은 예시 (값을 임의로 변경) props.name = props.name + '님' // 좋은 예시 (새로운 ..