[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프_프론트엔드(리액트) 17일차 - 리액트 기초1 과제 : 할 일 목록 및 실시간 날씨 표시
과제 Githib 주소 : https://github.com/udemy-team13/training/tree/main/syj/0621/%EA%B3%BC%EC%A0%9C
1) 과제 요구사항
vanilla js로 할 일 목록 만들기
vanilla js로 내 위치의 날씨 만들기
- 중요사항
생성된 할 일 객체에 삭제기능도 함께 추가하기,
API 로드 성공시키기
2) 코드작성
기존에 작성해 두었던 코드를 React로 구현하려 했으나 아직 State 함수에 대한 강의가 진행되지 않은 관계로 우선 과제 지시사항에 따라 vanlia js로 구현하였다. 두 번째 과제에서 섭씨 온도를 불러오기 위해 API 상에 units 옵션을 추가해주었다. 특이하게도 weather key의 경우 객체가 배열로 한 번 감싸져있어, indexing 후 불러올 key를 지정해 주었다.
3) 결과
( 보안문제 상 API키를 생략하여 COPEPEN에서는 제대로 표출되지 않음 )
4) 과제 회고(느낀점)
외부 API를 활용한다고 하면 구조가 너무 복잡해서 독학하기에 어려웠었는데, 이번 강의를 계기로 한층 API에 친숙해진 느낌이 들었다. 과제를 하고 나니 어떤 API든 초반에 기본 세팅이 어려웠는데, 그 이유는 예외처리 체계와 자료구조를 잘 몰랐기 때문인 것 같다. 자료 Request에 대한 Repond 자료형식이 json이란 것을 이번에 확실히 알았는데, 이 개념을 잡고 나니 공공 오픈 데이터에도 전보다 쉽게 접근할 수 있을 것 같다는 자신감이 뿜뿜한다.
#프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃
#IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프
——————————————————————————————————————————————
본 후기는 유데미 x 스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지(B-log) 리뷰로 작성
되었습니다.
