codestates / codestates/WorkLifeBalance
[Dev-Log] 220119 개발일지
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
* 로고 제작
* 클라이언트 및 서버 파일 초기 구성 및 업로드
* `App.js` 라우팅 및 기본 틀 구성
* `Header.js` 컴포넌트 기본 틀 및 작동원리 구성
* `LoginModal.js` 컴포넌트 기본 틀 및 작동원리 구성
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* React 앱 구성 중 발생한 문제
리액트가 6버전으로 업데이트되면서 문법들이 바뀐 것을 알 수 있었음
기존에는 라우팅할 때 다음처럼 구성했었다.
```js
// app.js 중 일부 발췌
// 컴포넌트
```
6 버전 이후로는 `Switch`가 사라지고 `Routes`라는 것으로 대체되었다.
```js
} /> // 컴포넌트가 element 속성 내부에 들어감
// 직관성을 위해서 이렇게 바뀐듯?
```
뿐만 아니라 리다이렉트를 위한 `useHistory`가 `useNavigate`바뀐 것을 확인할 수 있었다.
이후에 정확하게 바뀐 의의나 이유등을 알아볼 필요가 있겠다.
* 처음부터 맨땅으로 만들다보니 접근이 꽤나 어려운 편이었다. 여태 배운 것들도 잘 기억이 나지 않아 어려움을 겪은 것같다. 또, 바로 위의 문제처럼 변화로 인해 적용이 잘 되지 않는 경우들이 많았다. 어떤 점이 변화했는지를 캐치하고 받아들이는 것이 중요하다고 생각되었다.
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [x] 서버 요청을 위한 axios 코드 작성
* [x] git branch를 이용한 개발 시도
* [x] 전체적인 기본 CSS파일 구성해보기
* [ ] 크루님께 피드백 받고 무엇이 모자란지 다시 체크
* [ ] Navlink 써보기
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.