프론트 리액트 일정관리 프로젝트 원래 fullcalendar 라이브러리를 사용할려고 했는데 커스텀하기가 어려울것같아서 직접 만들었다. 소스코드를 붙여 넣으면 이렇게 뭔가 이상한게 나올것이다... 여기서 css를 사용해서 적용을하면 뭔가 달력같은게 나온다... css손을 많이 봐야할것같다.... 프론트리액트리액트 리액트 일정관리 프로젝트 라우터 후에 폴더 구조를 더 바꿀 예정 App.js 로 라우팅을 해줌 필요하면 이중라우터도 사용할 예정 터미널에 npm install react-router-dom 입력 index.js BrowserRouter 적용 Route로 Calendar를 표시해줌 라우터를 사용해서 여러 페이지를 구현하기 위해서 사용함 사이드바 메뉴를 만들어서 모든 페이지에서 보여줄려고 하는데 반복적으로 모든페이지에서 렌더링... 프론트리액트라우터일정관리달력달력 시각적 회귀 테스트로 서비스 안정성 끌어올리기 이 글은 2022년 1월 우아한테크세미나에서 발표 주제로 다루었던 시각적 회귀 테스트를 구현하는 방법을 좀 더 자세히 설명한 글입니다. 시각적 회귀 테스트를 이용하면 컴파일 에러 같은 명시적인 에러 외에도 조용히 발생하는 스타일 에러를 잡을 수 있습니다. 이번 글에서는 Jest와 Puppeteer를 이용해서 Chromium 환경에서의 시각적 회귀 테스트를 작성하게 됩니다. 즉, 글에서 설명하... puppeteer테스트프론트jest리액트jest
리액트 일정관리 프로젝트 원래 fullcalendar 라이브러리를 사용할려고 했는데 커스텀하기가 어려울것같아서 직접 만들었다. 소스코드를 붙여 넣으면 이렇게 뭔가 이상한게 나올것이다... 여기서 css를 사용해서 적용을하면 뭔가 달력같은게 나온다... css손을 많이 봐야할것같다.... 프론트리액트리액트 리액트 일정관리 프로젝트 라우터 후에 폴더 구조를 더 바꿀 예정 App.js 로 라우팅을 해줌 필요하면 이중라우터도 사용할 예정 터미널에 npm install react-router-dom 입력 index.js BrowserRouter 적용 Route로 Calendar를 표시해줌 라우터를 사용해서 여러 페이지를 구현하기 위해서 사용함 사이드바 메뉴를 만들어서 모든 페이지에서 보여줄려고 하는데 반복적으로 모든페이지에서 렌더링... 프론트리액트라우터일정관리달력달력 시각적 회귀 테스트로 서비스 안정성 끌어올리기 이 글은 2022년 1월 우아한테크세미나에서 발표 주제로 다루었던 시각적 회귀 테스트를 구현하는 방법을 좀 더 자세히 설명한 글입니다. 시각적 회귀 테스트를 이용하면 컴파일 에러 같은 명시적인 에러 외에도 조용히 발생하는 스타일 에러를 잡을 수 있습니다. 이번 글에서는 Jest와 Puppeteer를 이용해서 Chromium 환경에서의 시각적 회귀 테스트를 작성하게 됩니다. 즉, 글에서 설명하... puppeteer테스트프론트jest리액트jest