2022년 3월 3주차 주간회고

OneNote로 정리한 주간계획

📝 한 일

• 풀었던 코딩 테스트 다른 관점에서 공부하기
• 일정관리 웹애플리케이션 완성
• 뉴스 뷰어 웹 애플리케이션 완성
• 리액트 개념 공부
• 포트폴리오/이력서 수정

🧐 알게 된 것

• 리액트 라이프사이클 메서드
• 리액트 16.8 hook
• . env
• PostCSS
• news API
• Weather API

❗️ 느낀 점

저번 주에 자바스크립트를 한 번 더 정리하고 리액트 공부에 다시 들어가는 한 주였다면, 이번 주는 리액트 공부중 애매하게 알거나 헷갈리는 내용에 대한 정리와 프로젝트를 하는 시간을 보냈다. 다시 완성하려는 프로젝트가 비즈니스 카드 메이커, 일정관리 웹 애플리케이션, 뉴스 뷰어, 유튜브 총 4가지의 프로젝트였는데 처음에 제일 어려운 비즈니스 카드 메이커 하다가 다시 제일 쉬운 프로젝트 부터하고있다. 리액트에 대해 다시 한번 공부한 후라 수월하게 해결할 수 있을 줄 알았는데 생각보다 어려워서 차근차근해보자 라는 과정을 거쳤다.
프로젝트 중 뉴스 뷰어를 만들면서 OPEN API사용하고, 배포하면서 이전에는 겪지 않았던 오류를 겪었다.

1. env ERROR
2. CORS / HTTP 426 ERROR

이전에 뉴스뷰어를 만들 때 API key를 그대로 노출하는 로직이었기에 이번에는 API key를 보호하려고 env를 사용했다. [개발자 도구> Network> Request URL]에 API KEY 계속해서 undefined으로 나오는 에러를 겪었다. 구글링 해보니 env 설정 후 서버를 다시 컸다가 켜야 적용된다는 것을 알고 오류를 해결했다.
local에서 테스트할 때는 해당 에러가 발생하지 않았는데, GitHub Pages에서 배포한 이후부터 HTTP 426 ERROR가 발생했다. CORS를 해결하기 위해서 stackover flow를 참고하여 newsapi를 불러오는 URL앞에 https://cors-anywhere.herokuapp.com/ 를 붙여보았지만, NewsAPI자체에서 배포 시에는 무료로 제공하지 않아서 생기는 문제로 Newsapi는 더 이상 브라우저에서 요청할 수 없어서 해결하지 못했다. CORS에 대한 개념 공부도 하고, 면접 질문으로 받았을 때 개념은 알고 있지만 직접 경험해 본 적은 없어서 아쉬웠었는데... 결국 해결하진 못했지만, 처음 겪어보고 해결을 시도한 것에 대해서 의의를 두었다.

예전 계획이라면 지금쯤 이미 회사를 다니고 있어야 하는데... 생각보다 시간이 많이 걸렸다. 1월에서 본 채용과정을 통해 JS Core에 대한 지식이 부족한 것을 느끼고 이를 보완했고, 2월에서 본 채용과정에서는 React에 대한 자신감과 지식이 부족했다. 이후에는 이를 보완하고 차주는 세 번째 도전 시기이다. 3명의 시니어 개발자에게 피드백도 받고 이를 보완하기 위해 노력했다. 이번에는 꼭 취업성공을 할 것이다.

👩‍💻 자기 선언

• 코딩 테스트는 꾸준히 2개씩 풀자!
• 취준 하는 시점이 힘들지만 이 시간이 언젠간 지나갈 것이라는 걸 염두하고 힘든 상황도 좀 심플하게 생각하자!
• 차주에 서류를 넣자
• 이번 시기에는 꼭 취업성공을 할 것이다.