React
1.Warning: ReactDOM.render is no longer supported in React 18.
https://velog.io/@citron03/React-18%EC%97%90%EC%84%9C-ReactDOM.render%EC%99%80-createRoot
2022년 4월 10일
2.React router dom v6 hoc 적용
https://velog.io/@nemo/router-error-v6-hoc
2022년 4월 11일
3.React-CRA로 React + TypeScript 프로젝트 세팅 (w. ESLint, Prettier, Styled-Component)
https://velog.io/@jsy7517/CRA%EB%A1%9C-React-TypeScript-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%84%B8%ED%8C%85-w.-ESLint-Prettier-Styled-Compone
2022년 6월 1일
4.[React] styled-compoenets
컴포넌트 함수안에 스타일을 써줄 필요가 없다.더욱 알아보기 쉬운 이름을 지을 수 있다.아래는 Style을 지정한 StyledContainer를 생성한 예이다.props로 데이터 전달이 가능하다. (재사용성 증가)아래는 props로 background를 각각 지정한 Bo
2022년 11월 26일
5.[React] theme 적용법
ThemeProvider를 생성하고 theme object를 속성에 넣어주고 (우선 darkTheme 적용) App을 감싸준다.index.jstheme object에 있는 값들을 활용하여 스타일링에 활용한다.App.js각 theme는 1의 ThemeProvider에 넣
2022년 11월 26일
6.[React] typescript를 적용하여 컴포넌트 생성
StyledCircleProps 라는 인터페이스를 정의하여 styled.div에 명시해 주었다.아래와 같이 자동완성이 지원되는걸 확인할 수 있다.CircleProps 인터페이스를 정의하여 Circle props 부분에 명시해 주었다. 세미클론 앞부분에 ?를 붙여주면 o
2022년 11월 28일