codestates / codestates/JISIK-SPONSOR

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

Open
#97 0 comments 0 reactions 1 assignee Claimed by @LuckyTW View on GitHub
dev-log
Dominant language
TypeScript
Stars
9
Forks
7
PR merge metrics
No merged PRs in 30d

Description

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

- 남은 반응형웹 및 기타작업을 구현하고 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 요청을 하나씩 구현해갈 생각입니다.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.