초기 셋팅, 정보 고시 페이지, 자동완성(AutoComplete)

Card와 CardContainer 설계

동적 라우팅을 적용하고, user와 post 데이터를 통해 조건에 맞는 상세 페이지를 랜더링 해보자.

어쩌다 보니 이번에도 4명으로 구성된 팀의 팀장이 되었다. 초기 셋팅을 하고, 코드와 깃 메세지에 대해 컨벤션을 정했다.

UI 수정과 상세 페이지 스키마

프로퍼티, 프로토타입

각종 버그 해결 및 채팅 목록 UI 구현

다크모드에 대해..(ContextAPI)

웹팩은 자바스크립트로 만든 모듈 뿐 아니라 css, html, 이미지 리소스 등등 모든것을 로더를 사용하여 모듈처럼 다룰 수 있다.

여러가지 파일을 하나의 파일로 합쳐주는 번들러의 기능을 하는 웹팩

무한 캐러샐과 다양한 기능

리팩토링 및 판매 중인 상품 Part

상세 페이지 UI 리펙토링

모바일 퍼스트로 감귤 마켓 설계하기(React, Next, TypeScript)

자바스크립트는 객체가 생성되었을 때 자동으로 메모리를 할당하고 쓸모 없어졌을 때 자동으로 해제한다(가비지 컬렉션).

버블링과 캡쳐링의 자세한 부분까지 알아보자.

상세 페이지 리팩토링

이번에는 Velog의 댓글 입력 부분과 생성된 댓글이 노출되는 부분의 UI를 설계해볼 것이다.

이전 글에서 작성한것 처럼 상세 페이지의 윗 부분을 구현했다. 이제 이와 같이 프로필 부분과 이전 및 다음 페이지, 댓글 폼을 구현해야 한다.

설치 및 간단한 명령어 입력해보기