프로젝트 중 list page도 담당하게 되었다. list page이다 보니까 float: left를 사용하여 li를 가로배열 한 뒤 작업을 여차저차 해야겠다고 생각하던 중, 동희님✨께서 힌트를 주신 Grid를 사용하여 작업을 진행하게 되었다. display: gri

잊고싶지 않은 코드들을 기록해보는 시간✨

개인투자자가 소액으로 가능한 P2P 투자사이트 "8percent"를 클론 코딩 해보았습니다.

내가 키보드 구매하고 싶어서 정리해보는 키보드 축 정리

프리미엄 과일 부티크 커머서 사이트인 "마담주"를 클론코딩 해보았습니다

라우트로 설정한 컴포넌트는 3가지 props를 전달받는다이 객체를 통해 push, replace 를 사용하여 다른 경로로 이동하거나 앞, 뒤 페이지로 전환할 수 있다.주의\[this.props.match.params.id](http://this.props.ma

웹어플리케이션 최적화를 위해 고려해볼 것

자주 쓰지는 않지만 알아두면 유용할 것 같은 기본 CSS 선택자들을 익혀보자.

내가 할 수 있는 가장 깔끔한 방법으로 carousel을 만들어보자

Backlog만 보지 말고 Done도 보면서 살자!

웹페이지의 렌더링을 단계별로 나누어 구분한 것.데이터를 받아와서 업데이트 하는 과정에 매우 요긴하게 사용되기 때문에 자세히 알아둘 수록 좋다!

지난 피드에서 각 컴포넌트별 댓글 추가 기능을 진행해보아, 이번엔 각 컴포넌트별로 댓글이 삭제되도록 해보았다.

mock data를 통해서 여러 피드 중 원하는 피드에서 입력한 댓글이 나타나도록 했는지 정리해보았다.

useCallback이란~?

React에서는 if 문을 render 함수 내에서 사용이 불가하다!이를 피해서 className 을 동적으로 사용하기 위해 state 에 boolean 값과 삼항연산자를 활용하게 된다.

CSS, Javascript-style 당신의 선택은?

react Hook을 배우다 보면 빠질 수 없는 존재 `useState` 를 다시 정리해보자

사실 내가 계속 까먹어서 짚고 넘어가는거...

Wecode에서 지낸지도 어여 2주차!Wecode에서 처음으로 진행한 프로젝트(?) Instagram clone coding이 오늘로 종료되어 회고를 남겨본다.

댓글창을 구현하면서 고민했던 흔적들을 기록해본다