[Project] JUSTGRAM - UI
1.[Mission 1]로그인 페이지 레이아웃
HTML: login.htmlCSS: style/login.css구현해야할 로그인 페이지는 실제 instagram 로그인 부분과 유사합니다.로그인 페이지 이미지 login.png instagram 사이트 로그인 페이지를 참고하여 로그인 영역만 개발합니다.instag
2022년 8월 1일
2.[Mission 2] ID, PW 입력 시 로그인 버튼 활성화 기능
솔직히 하드코딩을 하지는 못했다. 구글링을 해서 switch 문으로 작성한 로직이 가장 깔끔해 보여서 가져왔고 하나 하나 해석해서 내가 만든 것에 적용 될 수 있도록 수정했다.로직을 이해하는데 있어서 어려웠던 점은 1) 왜 .value를 쓰는가?2) 왜 ! 부정연산자를
2022년 8월 2일
3.[Justgram React] useState, useRef 로 댓글 기능 구현하기
댓글이 여러개 담겨야하기 때문에 배열 안에 담아야 한다.댓글에는 다양한 정보 (사용자 id, 댓글 내용, 사진 등)가 들어가야하기 때문에 객체 타입으로 담는다.id: 1, content:"싸우지 마ㅠ"라는 초기값을 지정해준다. ui 태그 여기서는 li 태그를 개 수 만
2022년 8월 18일
4.[Justgram React] mock Data 활용해서 피드 구현하기(useEffect + fetch)
mock data를 활용하여 데이터를 따로 분리해준 뒤 데이터 개수 만큼 피드를 구현피드를 여러개 띄우고 싶으면 <Feed/>를 여러번 복사하면 되지 않을까? 생각할 수도 있지만 그렇게 하면 데이터를 동적으로 다루고 props로 넘겨줘야할 때 굉장히 비효율적이기
2022년 8월 22일