[✍️ Dev Log] 나태웅 / 2021-11-02

[LuckyTW]

오늘은 어떻게 프로젝트에 기여했나요?

• 남은 반응형웹 및 기타작업을 구현하고 API 요청 함수를 만들었습니다.

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 아래와 같은 cors 에러를 만났는데, 서버쪽 env파일의 client origin을 설정하고, 서버를 재가동시켜 문제를 해결할 수 있었습니다.

Access to XMLHttpRequest at 'http://localhost:4000/detailed-project' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

• Axios 요청 시 받아온 데이터가 타입스크립트 오류로 제대로 읽히지않아 이것저것 레퍼런스를 찾아가며 시도했지만 아직 방법을 찾지는 못했습니다. 분명 방법이 있으리라 생각하고, 계속 리서칭을 해봐야겠습니다.

• styled component를 사용하면서 내장되어있는 css함수에 대해 알게되었습니다. 프롭스를 일일히 처리해줘야하는 번거로움을 해소할 수 있습니다.(아래 코드 참고)

`import styled, { css } from "styled-components";

const Button = styled.button ${(props) => props.large ? css
padding: 10px;
border-radius: 5px;
font-size: 1.5em;
: css
padding: 8px;
border-radius: 4px;
font-size: 1em;
} ;`

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• 프로젝트 상세페이지에 해당하는 API 요청을 하나씩 구현해갈 생각입니다.