피그마 클론 만들기 (chatGPT)

 

 

 

 피그마를 사용해 요즘 핫하디 핫한 chatGPT를 만들어 봤다.

 

아쉬운 점

 1. 인풋박스를 구현하지 못했다. 시간이 없어서 이렇게 마무리했지만 인풋박스까지 만들 예정이다.

 2. 조금씩 삐뚫어지는 모습. 좀 더 세밀하게 만들 필요가 있다.

 3. ai가 입력하는 모습을 구현하지 못했다. 어떻게 할지 생각해 볼 필요가 있는 부분.

 4. 원래 chat GPT에서는 채팅을 추가할 때마다 목록이 추가 되는데 구현하지 못했다.

 

배운 점

 1. 스크롤이 제멋대로 되서 어려웠지만 박스안에 가둬두고 고정시키면 해결 된다.

 2. 화면 전환을 위해 다양한 프레임이 필요하다.

 3. 컴포넌트와 인스턴스의 관계를 좀 더 명확히 알았다. 인스턴스를 복제하고 다시 만들더라도 이미 컴포넌트에 속해있어 연결된 화면으로 넘어가졌다.

 4. 링크연결을 배웠다. 간단하게 처리 가능

 5. 프레임을 어떻게 적용시키냐에 따라 사용할 수 있는게 달랐다. 프레임을 많이 만져보니 조금 감이 왔다.

 6. 오늘도 일어나서 이불을 정리했다.