React

<input> 에서 onChange event 발생event 발생 시 handleIdInput 함수 실행handleIdInput함수는 이벤트를 인자로 받음 4.handleIdInput함수 \-> event가 일어난 요소에 담긴 value 값 (event.targe

앞의 (로그인 페이지 사용자가 입력한 id값과 pw값을 저장하기) 포스팅 이어서 작성.저번 포스팅에서 부모 component는 자식의 e.target값을 가져오지 못한다고 생각했다. 그래서 부모component가 e.target값을 통해 state를 바꾸기 위해 밑의

React에서 키는 React가 어떤 아이템이 변경,추가 또는 삭제되었는 지를 인식하는 데 도움을 준다. 예를 들어 유도억인 데이터를 다룰 때 아이템을 새로 생성하거나 제거, 변경 할 수 있는데 key가 없으면 가상dom을 비교하는 과정에서 리스트를 순차적으로 비교하며

React의 (state)상태는 변경불가성을 유지한다. 여기서 변경 불가성이란 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미한다. 불변의 예로 들 수 있는 js의 string은 let a = 'jungmin';a = 'choi' + a;변수 a에서

Westagram 클론코딩을 하며 react를 공부하고 그 내용들을 바로바로 고민하며 실습해 볼 수 있었따 👍🏻 알게된게 엄청 많았는데 그때 그때 못썼다 기억나는 것들 모음집..! 이제 기록의 중요성을 느낀다 ㅠ 노력하쟈 onchange이벤트 >- state

onClick 이벤트에 매개변수를 넘기고 싶을때 일반적으로 하는 경우처럼 괄호를 열어서 그 안에 매개변수를 넣게 되면 에러는 나지 않지만 컴퓨터가 이 파일을 로드하면서 함수명 뒤에 괄호는 그 함수를 즉각 실행시키기 때문에 브라우저에서 console 창을 확인해보면 버튼

1. 개발기간 : 2021/8/2 ~ 2021/8/13 2. 개발 인원 : 프론트엔드 3명(이정일,김명성,최정민), 백엔드 2명(고유영, 한승훈) 3. 적용 기술 -Front-End : javascript, React.js framwork, sass -Back-End

🔥 구현했던 기능 모달창-> 회원가입/로그인, 내정보(로그아웃)/가고싶다 찜목록 상세페이지 -해당 식당의 사진들, 상세정보, 리뷰별점에 따라 식당 별점 -가고싶다 찜기능 (위시리스트) 추가, 삭제 -리뷰 CRUD 기능(별점선택,텍스트, Img url),(로그인 된

오늘의 집 클론코딩 !! 글 작성할때 이미지에 태그를 넣고 해당하는 상품을 매치한다음 글을 게시하게되면 내 게시글의 사진 속 태그를 통해 상품페이지로 이동할 수 있는 기능이다. 버튼을 드래그하여 놓고 싶은 곳에 놓을 수 있어야한다. 버튼의 좌표들을 저장한 후 게시된