React 기본 과제중🛴🛴🛴
오늘 공부한 것
React 기본 과제
지난주 금토(일) 동안 강의를 듣고 오늘부터 목요일까지는 과제를 하는 시간이 주어졌다.
강의를 통해 알게 된 내용을 바탕으로 간단한 사전(단어장)을 만드는 것이 과제다.
1. 계획
계획을 정리한 Notion 링크
아무리 필요한 기능과 와이어프레임을 제시해줬어도 계획은 필수다.
머릿 속에 그림을 한 번 그리고, 더 필요한 것은 없는지 계속 물어봐야 중간에 실수가 덜 난다.
몇 번의 개인 프로젝트와 지난 미니 프로젝트에서 뼈저리게 느꼈기 때문에 이번에는 계획을 세우는 데 시간을 좀 더 투자했다.
추가로 구현해보고 싶은 기능이 많아서 계획에도 다 적어놨는데, 일단 필수 제출 요소부터 모두 구현한 뒤에 하나씩 도전할 예정이다.
2. 기능구현
React 기본 과제 깃허브 링크
제출에 필요한 기능을 우선 구현했다.
추가로 수정, 삭제도 넣을 예정이지만 배포까지 완료를 한 후에 진행하려고 한다.
과제 중 궁금했던 점
Q. 함수형 컴포넌트에서 하위 컴포넌트의 리액트 요소를 가져오기
A. forwardRef를 이용해서 가져올 수 있다.
const Parent = (props) => {
const ref = useRef(null);
return (
<div>
<Child ref={ref} />
</div>
)
};
const Child = forwardRef((props, ref) => {
return (
<input ref={ref} />
)
}); Q. firebase의 apiKey를 github에 올려도 될까?
A. 전혀 상관없다😊
파이어베이스 서비스용 API는 백엔드 리소스에 대한 액세스를 제어하는데 사용되지 않는다고 한다.
더 자세한 내용은 아래 참고 블로그에서 확인할 수 있다.
참고자료 : https://haranglog.tistory.com/25
프로그래머스 level 2(실패)
두 번이나 도전했는데 실패했다.
두 번 다 50점....
역시 속성으로 한 공부에는 허점이 있나보다😂
감 잃지않도록 꾸준히 풀면서 코테를 준비해야겠다.
그래도 내일 또 도전한다 level 2...
Article
어제 정해놓은 리덕스(Redux)는 왜 쓰는 건데⁉를 읽었다.
새로운 내용을 많이 원했지만 생각보다 알고 있던 범위의 컨텐츠라 조금 당황했다.
그래도 MVC모델부터 redux까지의 변화 과정을 자세히 살펴볼 수 있어서 유익했다.
내일 계획
Article
프론트에서 안전하게 로그인 처리하기 (ft. React)
Algorithm
프로그래머스 level 2....................................🤬
