김해인 개인 스터디 - cheomuk/ChatbotWebSite GitHub Wiki
스터디 목록
22/01/06
- 프론트엔드 디자인 회의 때 사용할 자료를 만들었습니다.
22/01/10
- Hooks 기능 중 useState에 대해 공부했다.
useState를 사용하기 위해 배열 비구조화 할당에 대해 배웠다.
배열 안에 들어 있는 값을 쉽게 추출할 수 있도록 돕는 문법이라고 한다.
22/01/11
- map 함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후, 새로운 배열을 생성한다.
22/01/12 ~ 22/01/14
- 리액트를 사용하여 전체적인 레이아웃을 만들었습니다.
22/01/15
- 전체적인 css를 변경하고 sweetalert를 사용하여 alert를 만들어보았습니다.
22/01/16
- 파일을 선택할 수 있게 해주는 기능과 대화종료 기능을 넣었습니다.
22/01/17 ~ 22/01/18
- "Do it! 웹표준의 정석" 이라는 교재를 사용하여 html, css 공부를 보충했습니다.
22/01/20 ~ 22/01/21
- 파일 선택을 할 수 있게 해주는 아이콘을 삽입하고, 단순히 버튼만 있고 기능이 없었던 창 닫기 버튼에 window.close() 기능을 활용하여 창이 닫히게 했습니다.
22/01/22 ~ 22/01/23
- 리액트 공부를 보충하고, 채팅 말풍선에 시간이 나오도록 했습니다.
22/01/25 ~ 22/01/27
- 이미지 파일을 선택했을 때, 채팅 배열에 넣어 나오도록 시도했습니다.
22/01/29 ~ 22/01/30
- 각 유저에게 아바타(프로필 사진)을 부여하여 나오게 했습니다. 하지만 아직 유저간의 아바타가 바뀌지 않는 문제가 있습니다.
22/02/01
- onRemove 기능, 다중 접속 했을 때 생기는 배열 문제가 해결되었습니다.
22/02/03
- 한 번 프롬프트 창으로 닉네임을 받으면 다른 유저들이 들어와도 똑같은 아바타가 나오는 현상이 있었는데, Avatar 태그에서 name={nickName}이 아닌 name={item.sender}로 두면 해결된다는 것을 알게되었습니다.
22/02/04 ~ 22/02/06