태그 목록

[1차] 마켓홀리 - Nav 카테고리별 fetch 요청 문제

프로젝트 막바지인데 뭔가 열심히 하는데 계속 부족한 느낌이다.현재 이 부분은 위의 사진처럼 전체 카테고리에 hover했을 때 나타나는 카테고리 main과 sub 를 출력해주는 로직이다.문제점만약 main 카테고리를 눌렀을 땐 전체를 다 보여주는 리스트 요청을 서버로 보

2021년 3월 24일
·
0개의 댓글
post-thumbnail

[1차] 마켓컬리 클론 팀 배정 및 CRA초기세팅

고대하던 1차프로젝트가 시작되었다. 첫 날에 바로 작성해야했지만 이것저것 하다보니 바빠서 이제야 포스팅.. 꼭 성공적으로 프로젝트를 마치도록 하자! 마켓홀리팀 화이팅!!마켓컬리, 브랜디, 컨버스도 하면 재밌겠다 싶었는데 다행히 하고싶은게 되었다! 후후프로젝트이름을 정하

2021년 3월 17일
·
0개의 댓글
post-thumbnail

[westagram] react - 이미지 슬라이드 기능2

이미지 슬라이드 기능은 구현 했으나 이미지슬라이드 이동할 때 밑에 동그라미 표시된 부분을 구현하지 않아서 그것도 마지막으로 구현위와 같이 이미지 슬라이드시 이미지가 몇 번째 슬라이드인지 알 수 있게 기능을 구현했다.ContentMain 컴포넌트에서 이미지 리스트를 받아

2021년 3월 14일
·
0개의 댓글
post-thumbnail

[westargram] react - 이미지 슬라이드 기능1

메인페이지 슬라이드 > 게시글에 사진이 여러장일 경우 화살표가 뜨게 되고 눌렀을 때 자연스럽게 슬라이드가 되도록 만들어야한다! 슬라이드 기능 먼저 이미지를 담고 있는 ul태그의 width 크기를 가져와야한다 어떻게 가져와야할까... 먼저 render()가 완료가

2021년 3월 10일
·
2개의 댓글
post-thumbnail

[westargram] react로 옮기기 작업 2 - 메인페이지

현재 레이아웃 옮기기는 다했고, mock데이터를 활용하는데 따로 mockdata.js로 분리해야하고, 댓글, 좋아요 기능이 state에 반영되도록 해야한다.인스타그램에선 좋아요 누름과 동시에 서버로 전송하는건가?? 아니면 먼저 좋아요 컴포넌트 sate에 like 버튼

2021년 3월 8일
·
0개의 댓글

[React] map 사용시 key props를 부여하는 이유

위스타그램을 바닐라에서 리액트로 옮기면서 map()을 사용해서 중복되는 컴포넌트들을 출력해줬는데 콘솔에 key 값이 없다는 오류메시지가 뜨는데 동작은 잘되서 key값을 왜 넣어야 하는지 알아보겠습니다.key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는

2021년 3월 7일
·
0개의 댓글
post-thumbnail

TIL:: wecode 11

wecode 16일차 > 3.1 휴무로 인해 뭔가 격차가 더 큰 것 같다.. CRA(create-react-app) 먼저 node와 npm update 실시! Why React? "지속적으로 데이터가 변화하는 대규모 애플리케이션 구축하는 것?을 목표로 2013

2021년 3월 2일
·
0개의 댓글
post-thumbnail

[westargram] react로 옮기기 작업 1 - 로그인

바닐라 자바스크립트로 구현한 인스타그램 로그인과 메인페이지를 react 로 구현하도록 하겠습니다.우선 document.querySelect , addEventListener와 같은 것을 바꿔야한다.React에서는 사용하지 않으니 해당 요소를 가져올 땐 useRef()를

2021년 3월 2일
·
0개의 댓글