제로초 슬랙 클론코딩 타임어택 1기

[슬랙 클론코딩] 1주차 회고록

1. React hooks와 Custom hooks 1-1. 리액트 훅스 리액트의 컴포넌트 형식에는 크게 클래스형 컴포넌트와 함수형 컴포넌트로 나누어져 있다. 지금은 클래스형 컴포넌트보다는 함수형 컴포넌트를 권장 하고 있으며 클래스형 컴포넌트에서 라이프사이클을 함수형

사용자 프로필 이미지를 등록하지 않은 사람들의 프로필 이미지를 특수한 도형이나 텍스트 등으로 대체 할 수 있는 라이브러리다. (feat. github)npm에서 패키지를 인스톨 할 때 javascript는 상관 없지만 typescript의 경우 @types를 붙여 타이

리액트의 상태관리 라이브러리는 많은 툴들이 있다. 대표적으로 redux, mobx같은 툴을 예로 들 수 있는데, 이와 맞물려 훅스가 나오게 되면서 자식 컴포넌트 자체에서 데이터를 가져올 수 있게 되어 리액트 개발의 디자인패턴이 많이 바뀌게 되었다.훅스가 나오기 이전에는

지난 2주차(https://velog.io/@dvisign/%EC%8A%AC%EB%9E%99-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-2%EC%A3%BC%EC%B0%A8-%ED%9A%8C%EA%B3%A0%EB%A1%9D\`\`\`jav

시작에 앞서서 textarea안에 이모티콘을 보여줄 목적으로 시작 하였으나, textarea안에서 어떻게 react-icons의 태그들을 보여줄 수 있을지 고민하다가, 아직 크게 아이디어가 떠오르지 않아 일단 에디터를 붙여보기로 했다. 1. TinyMCE 내가 애용하

시작에 앞서서 textarea안에 이모티콘을 보여줄 목적으로 시작 하였으나, textarea안에서 어떻게 react-icons의 태그들을 보여줄 수 있을지 고민하다가, 아직 크게 아이디어가 떠오르지 않아 일단 에디터를 붙여보기로 했다. 그리고 기존 코드들에서 충돌나거나

지난번 작성에 버그를 먼저 간단히 정리했고 이번에 해결된 문제점을 정리하고자 한다. 에디터를 단순 text로만 출력하기만 해봤지 직접 컴포넌트로 조합하는 방법이 처음이라 참 많이 구글링을 해봤다. 솔직히 맞는 방법인지도 의문이지만 이런 방식으로 해결해봤다. 정도로 정리