2주차 인스타그램 클론 코딩인 westargram 시작!! 로그인 화면을 구현하도록 하겠다!어제 만들었던 로그인 보다는 지금 실제 서비스중인 로그인 화면을 그대로 구현하기로 마음먹고 다시 만들었다! 아래가 그 결과!우선 빨간 박스를 이제 이미지 url값을 동적으로 넣어
로그인 화면에 동적으로 이미지를 바꿔주는거에 시간을 좀 많이 뺏겼다... 로그인 화면은 다만들었으니 main 화면을 구현하도록 하겠습니다!클래스 이름 짓는게 너무 어렵다.. 계속해서 연습해야겠다. 레이아웃도 나름 공책에 적어서 잘짰다고 생각했는데 만들다보니 수정을 하게
세션이랑 로그인 자잘한 버그들 수정하고 하다보니 진전이 없었는데 오늘부터 제대로 만들어보자.전체적인 큰 레이아웃은 구조잡기 완료!전체적인 layout 구조를 다 잡았다. 요소들은 마지막에 자바스크립트로 생성해서 넣어주도록하자!!나중에 DB에서 데이터를 받아왔을 때를 생
left-section은 어느정도 완성! 여러 사진이 넘어왔을 때 옆으로 넘어가는 건 우선 레이아웃 전체적으로 다 완성하고 추가적으로 넣기로 했다.. ㅠㅠ 이제 오른쪽 right-section 부분까지 완성해서 전체적인 레이아웃을 완성하고 게시글 사진 여러장 넘기는 것
코드 리뷰에서 수정해야할 부분은 다 수정했고 오늘은 aside 섹션 완료하고 댓글 기능까지 구현하도록 하자13인치는 넘나 작은 것...옆의 데이터들은 일단 태그에 img url을 직접 넣어줬는데 레이아웃 마무리 되면 js에서 더미 데이터 생성해서 다시 넣어줘야겠다!만들
댓글은 비교적 그 상위 부모요소에서 해당 element를 지우면 되니 간단하게 가능!!delete button에 onclick이벤트를 줘서 해당 요소 클릭시 그 해당하는 요소만 지우도록 했다.
바닐라 자바스크립트로 구현한 인스타그램 로그인과 메인페이지를 react 로 구현하도록 하겠습니다.우선 document.querySelect , addEventListener와 같은 것을 바꿔야한다.React에서는 사용하지 않으니 해당 요소를 가져올 땐 useRef()를
현재 레이아웃 옮기기는 다했고, mock데이터를 활용하는데 따로 mockdata.js로 분리해야하고, 댓글, 좋아요 기능이 state에 반영되도록 해야한다.인스타그램에선 좋아요 누름과 동시에 서버로 전송하는건가?? 아니면 먼저 좋아요 컴포넌트 sate에 like 버튼
React로 옮기면서 지적받은 코드에 대해 고치는 시간!!
메인페이지 슬라이드 > 게시글에 사진이 여러장일 경우 화살표가 뜨게 되고 눌렀을 때 자연스럽게 슬라이드가 되도록 만들어야한다! 슬라이드 기능 먼저 이미지를 담고 있는 ul태그의 width 크기를 가져와야한다 어떻게 가져와야할까... 먼저 render()가 완료가
이미지 슬라이드 기능은 구현 했으나 이미지슬라이드 이동할 때 밑에 동그라미 표시된 부분을 구현하지 않아서 그것도 마지막으로 구현위와 같이 이미지 슬라이드시 이미지가 몇 번째 슬라이드인지 알 수 있게 기능을 구현했다.ContentMain 컴포넌트에서 이미지 리스트를 받아